Rich snippets - more customers, sales and a better representation of Google
Rich snippets for seo
Rich snippets - more visual and detailed information about your site Google results
INTRODUCTIONIntegrate MICRO AND DATE and SCHEMA.ORG
1. Generate feedback and evaluations (Eng. Review Data)
1.1. example
1.2. The main characteristics of this markup
1.3. marking
1.4. Test
2. Emphasize your products / goods with Rich snippets
2.1. Product example with assessment and price
2.2. The main characteristics of this markup
2.3. marking
2.4. Test ...
2.5. Marking HTML code example with the assessment and the price of ... usd. by ... usd.
3. Maximum ratings Rich snippets to Use
3.1. example:
3.2.The main characteristics of this markup
3.3. Marking HTML code example with an assessment of the author and date
3.4. Test
3.5. Extend the tagging and adding PRICE
4. Display the business reliability (rating) search engine results
4.1. example
4.2. The main characteristics of this markup
4.3. Marking example of the HTML code for displaying the rating business
5. To provide personal data using personal tags
5.1. example
5.2. The main characteristics of this markup
5.3. Marking HTML code example of personal data
6. Provide video clips representation Search Engine
6.1.Video clips example
6.2. Problems
6.3. The main characteristics of this markup
6.4. Marking HTML code example video marking
7. Create interactive links (Eng. Breadcrumb trails) search engine results
7.1. example
7.2. According Schema.org
7.3. According Micro Data
INTRODUCTION
This teaching material for all who wish to improve the internal SEO optimization and advanced extract / details / picturesque information provided within search engine results. This extended site information in English is called "rich snippets", which is configured Micro Data and Schema.org support.Here present a summary, but rather a visual and easily understandable information on how to configure the "rich snippets, but you can always check the details with Google(https://support.google.com/webmasters/answer/2722261?hl=en)instructions or pratestavimo tool (http://www.google.com/webmasters/tools/richsnippets)
[ads-post]
INTRODUCTION The MICRO DATA AND SCHEMA.ORG
What is Micro Data?Micro Data (as RDFa and Microformats) is a way to mark the website content items, such as complaints, people, events, prices, recipes, etc. This marking is carried out using conventional HTML elements and attributes.
For example, "Person" has the qualities of a house, url and title - it is these attributes that can be applied to HTML tags (Eng. Tags) to each feature can be defined separately.
- <div itemscope itemtype="http://data-vocabulary.org/Person">
Name:
<span itemprop="name">bill gatse</span>
Website:
<ahref="http://www.seositeoptimization.com" itemprop="url">www.seositeoptimization.com</a>
Title:
<span itemprop="title" >SEO optimizator</span>
</div>
Itetype=“http...“ – describes what it is marking element. In this case it„Person“.
Itemprop=”…” – describes the properties of each element on a separate
[alert title="More information" icon="info-circle"]About microDATA (https://support.google.com/webmasters/answer/176035?hl=en) – Google Webmaster Help, HTML Microdata – W3C (http://www.w3.org/html/wg/drafts/microdata/master/) [/alert]
What is Schema.org?
Schema.org This is the majority of search engines (Google, bingo, yahoo) generated dictionary for marked content posted on websites. This standard facilitates the work of the webmaster, since the dictionary is seen most search engines.
[alert title="More information" icon="info-circle"]what is Schema.org (http://schema.org/) and Google Webmaster Help (https://support.google.com/webmasters/answer/1211158?hl=en)[/alert]
Why flag structured data?
Structured data markup Benefits:
- Search Engine results will generated additional / extended / more visual information for your site. For example customer reviews and price:
- Search engines provide a more detailed and informative information on their website, thus search engines accurately describes your website content, which gives an advantage Google positions.
Integrate MICRO DATA AND SCHEMA.ORG
1. Generate feedback and evaluations (Review Date)
1.1. example:
1.2. The main characteristics of this markup
itemtype attributes:
Itemtype | explanation |
http://www.schema.org/AggregateRating http://www.schema.org/Review http://www.schema.org/Raiting |
Average ratings taking into account all assessments. Product, product, service and so on. response.. Individual item rating |
Itemprop attributes:
Itemprop | explanation | Features include |
itemprop=”name” itemprop=”description” itemprop=”aggregateRating” itemprop=”ratingValue” itemprop=”reviewCount” itemprop=”author” itemprop=”datePublished” itemprop=”reviewRating” itemprop=”reviewBody” itemprop=”worstRating” itemprop=”bestRating” |
The tagged item name. Highlighted item Description. The final evaluation of the selected element considering all assessments. description Reviews. number of review. Content author. HTML 5 can use the rel = author tag. Content publication date. Reviews assigned rating. answer content. The worst possible evaluation. The best possible evaluation. |
All All CreativeWork Rating AggregateRating CreativeWork CreativeWork Rating CreativeWork Rating Rating |
- CreativeWork - http://schema.org/CreativeWork
- Rating – http://schema.org/Rating
- AggregateRating – http://schema.org/AggregateRating
1.3. marking
The following HTML markup code shown in examples.
In this example, displayed an overall assessment, which is generated in a more detailed presentation of the results of search engines (rich snippets)
And the markup example with the two estimates, as in the previous example, only show no real feedback ratings .:- <div itemscope itemtype="http://schema.org/Product">
<span itemprop="name">[Product Name Goes Here]</span>
<div itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating">
<span itemprop="ratingValue">[rating]</span> stars – based on
<span itemprop="reviewCount">[number of ratings]</span> reviews
<div>
</div>
- <div itemscope itemtype="http://schema.org/Product">
<span itemprop="name">[Product Name Goes Here]</span>
<div itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating">
<span itemprop="ratingValue">[rating]</span> stars – based on
<span itemprop="reviewCount">[number of ratings]</span> reviews
<div>
</div> - <!--Comment: The first assessor-->
- <div itemprop="review" itemscope itemtype="http://schema.org/Review">
- <span itemprop="name">[Answering title / summary]</span> - evaluated
- <span itemprop="author">[answering the author]</span>,
- <meta itemprop="datePublished" content="[date according to the ISO format such as: 2013-12-15]">2013-12-15
- <div itemprop="reviewRating" itemscope itemtype="http://schema.org/Rating">
- <span itemprop="ratingValue">[Score given valuer]</span> scores
- </div>
- <span itemprop="description">[text of your review]</span>
- </div>
- <!--Comment: The second evaluator-->
- <div itemprop="review" itemscope itemtype="http://schema.org/Review">
- <span itemprop="name">[Answering title / summary]</span> - evaluated
- <span itemprop="author">[answering the author]</span>,
- <meta itemprop="datePublished" content="[date according to the ISO format such as: 2013-12-15]">2013-12-15
- <div itemprop="reviewRating" itemscope itemtype="http://schema.org/Rating">
- <span itemprop="ratingValue">[Score given valuer]</span>scores
- </div>
- <span itemprop="description">[text of your review]</span>
- </div>
- </div>
1.4. Test
The structured data markup works necessary to carry out an inspection or properly formatted. The verification procedure to the Google structured data checks the measures:
http://www.google.com/webmasters/tools/richsnippets
marks, that rich snippets will not see the immediate results in the Google search engine, because it requires some time for the page to crawl index.
[alert title="More information" icon="info-circle"]Structural Data Generator: http://schema-creator.org/, Rich snippet video: http://www.youtube.com/watch?v=n0SF6PLCx4I, review: http://schema.org/Review and http: / /schema.org/AggregateRating according schema.org[/alert]
2. Emphasize your products / goods with Rich snippets
2.1. Product sample for assessment and cost
Goods can be displayed not only for assessment but also with the price, as the following example:
2.2. The main characteristics of this markup
Itemtype attributes:Itemtype |
explanation |
http://www.schema.org/Product http://www.schema.org/Offer http://www.schema.org/AggregateRaiting |
We note that it is sold goods / products. We note that this item will bid. Wishlist average estimates with regard to several estimates. |
Itemprop |
explanation | Features include |
itemprop=”name” itemprop=”description” itemprop=”price” itemprop=”aggregateRating” itemprop=”ratingValue” itemprop=”reviewCount” |
Selected item (brand) name. The tagged item (product) Description. Selected item (goods). The final element of assessment taking into account all evaluations. Viewing rating. review number. |
all all Offer CreativeWork Rating AggregateRating |
2.3. marking
- <div itemscope itemtype="http://schema.org/Product">
<span itemprop="name">[Product name]</span>
<span itemprop="offers" itemscope itemtype="http://schema.org/Offer">
<span itemprop="price">[Product sales price]</span>
</span>
<div itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating">
<span itemprop="ratingValue">[The estimated scores]</span> scores– according to
<span itemprop="reviewCount">[number of ratings]</span> comments
</div>
</div>
2.4. Test.
The structured data markup works necessary to carry out an inspection or properly formatted. The verification procedure to the Google structured data checks the measures:
2.5. Marking HTML code example with the assessment and the price of ... usd. usd to ...
However, if the product or service that the final price directly compatible with the client then why not give Rich snippet and prices range from to.- <span itemprop="offers"
itemscope itemtype="http://schema.org/AggregateOffer">
<span itemprop="lowPrice">[product / service price from]</span> to
<span itemprop="highPrice">[product / service price to]</span>
3. Maximum ratings Rich snippets to Use
3.1. RExample rich snippets
In the example above, the response to an individual assessment of the product or service can be provided together with a man (answering the author who submitted / reviewed a review) name and date:
Itemtype attributes:Itemtype | explanation |
http://www.schema.org/Review http://www.schema.org/Rating |
We note the service / product evaluation. We note the individual services / product evaluation. |
|
- <div itemprop="review" itemscope itemtype="http://schema.org/Review">
<span itemprop="itemreviewed">[product / service]</span>
<div itemprop="reviewRating" itemscope itemtype="http://schema.org/Rating">
<meta itemprop="worstRating" content = "[the worst point of assessment]">
<meta itemprop="bestRating" content="[the best evaluation score]">
<meta itemprop="ratingValue" content="[given evaluation score]">
</div>
<span itemprop="datePublished" content="[date according to the ISO format such as: 2013-12-01]">
[data]</span>
<span itemprop="author">[author's name]</span>
</div>
3.4. Test.
The structured data markup works necessary to carry out an inspection or properly formatted. The verification procedure to the Google structured data checks the measures:
3.5. Extend the tagging and adding PRICE
- <div itemscope itemtype="http://schema.org/Product">
<span itemprop="name">[product / service]</span>
<div itemprop="review" itemscope itemtype="http://schema.org/Review">
<div itemprop="reviewRating" itemscope itemtype="http://schema.org/Rating">
<meta itemprop="worstRating" content = "[the worst point of assessment]">
<meta itemprop="bestRating" content="[the best evaluation score]">
<meta itemprop="ratingValue" content="[given evaluation score]">
</div>
<span itemprop="author">[author's name]</span>
<span itemprop="datePublished" content="[date according to the ISO format such as: 2013-12-01]">
[data]</span>
</div>
<span itemprop="offers" itemscope itemtype="http://schema.org/Offer">
<span itemprop="price">[the price of the goods services]</span>
</span>
</div>
And if it's good or service that has a price range of between ... and ... then additionally add the following code:
- <span itemprop="offers" itemscope
itemtype="http://schema.org/AggregateOffer">
<span itemprop="lowPrice">[price from]</span>
to<span itemprop="highPrice">[price to]</span>
</span>
COMMENTS