Rich snippets make easier search engine to read your web page by sameera thilakasiri

  • 1,688 views
Uploaded on

Rich snippets are search results that have been enhanced using structured data from your webpages. This feature has been launched for shopping sites, and the new format shows price, availability, and …

Rich snippets are search results that have been enhanced using structured data from your webpages. This feature has been launched for shopping sites, and the new format shows price, availability, and product reviews on pages offering a product for sale. Right now, shopping rich snippets appear on search results pages supported on a global scale.

More in: Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
1,688
On Slideshare
0
From Embeds
0
Number of Embeds
1

Actions

Shares
Downloads
3
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. Secrets of Rich Snippets for SEO Rich snippets make easier search engine to read your web page by Sameera Thilakasiri | www.sameerast.com | Twitter @ sameerast 1
  • 2. IntroductionRich snippets are search results that have been enhanced using structureddata from your webpages. This feature has been launched for shopping sites,and the new format shows price, availability, and product reviews on pagesoffering a product for sale. Right now, shopping rich snippets appear onsearch results pages supported on a global scale.Rich snippets help you to:• Attract potential buyers while they are searching for items to buy on Google.• Submit your product listings for free.• Control your product information. You can maintain the accuracy and freshness of your by Sameera Thilakasiri | www.sameerast.com | Twitter @ sameerast 2
  • 3. This article provides examplesThe following HTML code describes an ACME-brand anvil, attractively pricedat $119.99 and sold by the online retailer Executive Objects.ACME Executive Anvil<img src="anvil_executive.jpg"/>Sleeker than ACMEs Classic Anvil, the Executive Anvil is perfect for thebusiness traveler looking for something to drop from a height.Category: AnvilsProduct #: 925872Average rating: 4.4, based on 89 reviewsRegular price: $179.99Sale: $119.99 (Sale ends 5 November!)Available from: Executive ObjectsCondition: Previously owned, in excellent condition In stock! Order now! by Sameera Thilakasiri | www.sameerast.com | Twitter @ sameerast 3
  • 4. How it worksHere is the same content, marked up with Product and Offer properties. Theexample consists of a Product (the ACME Executive Anvil) with a nested Offer.If you prefer, you could instead create an Offer with a nested Product.<div itemscope itemtype="http://data-vocabulary.org/Product"> <span itemprop="brand">ACME</span> <span itemprop="name">Executive Anvil</span> <img itemprop="image" src="anvil_executive.jpg" /> <span itemprop="description">Sleeker than ACMEs Classic Anvil, the Executive Anvil is perfect for the businesstraveler looking for something to drop from a height. </span> Category: <span itemprop="category" content="Hardware > Tools > Anvils">Anvils</span> Product #: <span itemprop="identifier" content="mpn:925872"> 925872</span> <span itemprop="review" itemscope itemtype="http://data-vocabulary.org/Review-aggregate"> <span itemprop="rating">4.4</span> stars, based on <span itemprop="count">89 </span> reviews </span> <span itemprop="offerDetails" itemscope itemtype="http://data-vocabulary.org/Offer"> Regular price: $179.99 <meta itemprop="currency" content="USD" /> $<span itemprop="price">119.99</span> (Sale ends <time itemprop="priceValidUntil" datetime="2020-11-05"> 5November!</time>) Available from: <span itemprop="seller">Executive Objects</span> Condition: <span itemprop="condition" content="used">Previously owned, in excellent condition</span> <span itemprop="availability" content="in_stock">In stock! Order now!</span> </span></div> by Sameera Thilakasiri | www.sameerast.com | Twitter @ sameerast 4
  • 5. Heres how this example works.• On the first line, <itemscope itemtype="http://data-vocabulary.org/Product">indicates that the HTML enclosed inthe <div> represents a Product. itemscope indicates that the content ofthe <div> describes an item, and itemtype="http://data-vocabulary.org/Product" indicates that the item is a Product.• The sample describes properties of the Product, such as its name, brand,and price. To label product properties, each element containing one of theseproperties (such as <div> or <span>) is assigned anitemprop attributeindicating a property. For example, <span itemprop="brand">.• The sample also includes a nested Review-aggregate itemprop="review"itemscope itemtype="http://data-vocabulary.org/Review-aggregate") and a nested Offer (itemprop="offerDetails"itemscope itemtype="http://data-vocabulary.org/Offer"),which describes specific information including the price, condition, andavailability. by Sameera Thilakasiri | www.sameerast.com | Twitter @ sameerast 5
  • 6. Product identifiersSpecify both type (for example, SKU or MPN) and value inthe content attribute, separated by a colon, like this:<span itemprop="identifier" content="mpn:12345-6789">The manufacturers part number is 12345-6789</span> by Sameera Thilakasiri | www.sameerast.com | Twitter @ sameerast 6
  • 7. Non-visible textIn general, Google will use only marked-up data that is visible to the user.Hidden data will be ignored. However, in a few circumstances, it can be usefulto provide both a machine-readable and a human-readable version of yourcontent. For example, while the text string "Elviss birthday" is significant to agreat many human readers, its not as meaningful to search engines as 1935-01-08. Similarly, human readers can infer the meaning of the $ symbol, but itcan be useful to specifically tell search engines whether your prices are inpesos or dollars. by Sameera Thilakasiri | www.sameerast.com | Twitter @ sameerast 7
  • 8. Google recognizesGoogle recognizes specific machine-readable values for the following Producttags:• category• priceValidUntil• currency• price• identifier• conditionThe following example describes the condition of an item, providing Googlewith the machine-readable valueused while displaying a text equivalent(Previously owned but in excellent condition) to the human reader. by Sameera Thilakasiri | www.sameerast.com | Twitter @ sameerast 8
  • 9. <span itemprop="condition" content="used">Previously owned but inexcellent condition</span>Use the meta tag to specify content that is not visible on the page in any way.For example, to indicate to Google that your price is in USD, do this:<meta itemprop="currency" content="USD" />For dates and times, specify the date in ISO date format in the time element,like this:<time itemprop="priceValidUntil" datetime="2020-11-05">5 November2020</time> by Sameera Thilakasiri | www.sameerast.com | Twitter @ sameerast 9
  • 10. Google rich snippets testing toolGoogle also announced that Google’s Rich Snippets Testing Tool has also beenupdated to support HTML input. “We heard from many users that theywanted to be able to test their HTML source without having to publish it to aweb page,” he says. by Sameera Thilakasiri | www.sameerast.com | Twitter @ sameerast 10
  • 11. AuthorSameera Thilakasiri is a website designer based in Colombo. Specialist inUI,UX, SEO, IA, IxD, RWD. He is blogging technical areas while is leisure. Hecanbe reached by http://www.sameerast.com by Sameera Thilakasiri | www.sameerast.com | Twitter @ sameerast 11