Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How to hide microdata schema?

Tags:

I have the following problem. I have add the microdata schema to my page but I want hidden. Anyone have an idea?

The code that I've use is the following:

    <div itemscope itemtype="http://schema.org/LocalBusiness">
<a itemprop="url" href="http://www.example.net/"><div itemprop="name"><strong>Audiosky Mobile Development</strong></div>
</a>
<div itemprop="description">Description/div>
<div itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
<span itemprop="addressLocality">Los Angeles</span><br>
<span itemprop="addressRegion">California</span><br>
<span itemprop="postalCode"></span><br>
<span itemprop="addressCountry">USA</span><br>
</div>
</div>
like image 998
Overnet Avatar asked May 02 '13 11:05

Overnet


People also ask

What is microdata schema?

Microdata is a form of structured data which is used to insert metadata within existing webpage content. In a nutshell, microdata allows you to provide labels for individual content elements using 'name:value' pairs.

Is schema good for SEO?

Schema markup informs the search engine precisely what your content is trying to convey on your web page. It converts unstructured data into structured data. Adding schema will help the search engine crawl better, raising the websites ranking while keeping other best practives of SEO in mind.

What is microdata in SEO?

Microdata is a labelled, coded language that helps search engines like Google, Yahoo!, or Bing understand what is on a website through snippets that are placed in a website's code. The reason behind using microdata is a simple concept: semantics searching.


2 Answers

If you want to hide your markup you may use meta tags. Like in example from schema.org Getting Started page

<div itemscope itemtype="http://schema.org/Offer">
  <span itemprop="name">Blend-O-Matic</span>
  <span itemprop="price">$19.95</span>
  <div itemprop="reviews" itemscope itemtype="http://schema.org/AggregateRating">
    <img src="four-stars.jpg">
    **<meta itemprop="ratingValue" content="4">**
    **<meta itemprop="bestRating" content="5">**
    Based on <span itemprop="ratingCount">25</span> user ratings
  </div>
</div>

For invisible links use tag link like in example.

<div itemscope itemtype="http://schema.org/Offer">
  <span itemprop="name">Blend-O-Matic</span>
  <span itemprop="price">$19.95</span>
  **<link itemprop="availability" href="http://schema.org/InStock">**Available today!
</div> 

However don't overuse hidden text as Search Engines may judge it somewhat spammy. In your case I advise to put markup in address block at your main or contact page and hide only few tags.

like image 78
ajax Avatar answered Oct 05 '22 04:10

ajax


better than css hide or meta & link tags, use JSON+LD

example from https://schema.org/LocalBusiness

<script type="application/ld+json">
{
  "@context": "http://schema.org",
  "@type": "LocalBusiness",
  "address": {
    "@type": "PostalAddress",
    "addressLocality": "Mexico Beach",
    "addressRegion": "FL",
    "streetAddress": "3102 Highway 98"
  },
  "description": "A superb collection of fine gifts and clothing to accent your stay in Mexico Beach.",
  "name": "Beachwalk Beachwear & Giftware",
  "telephone": "850-648-4200"
}
</script>
like image 40
Chad Avatar answered Oct 05 '22 02:10

Chad