Last week, I wrote a blog post on “What are Rich Snippets and when to use them?”. Today, I want to talk about different ways to implement Rich Snippets on your website:
Rich Snippets Integration
There are different ways to integrate Rich Snippets into your webpages:
- Manual coding of single pages
- Tweaking the template for mass implementation
- WordPress integration
An easy way to mark up your data is to simply manually tweak the code of the page you wish to mark up (or have your webmaster do it). This way of marking up content is not made for big websites with lots of pages because it would be very time consuming.; However, a markup like a contact us page can be done on a manual basis.
We used a test site for the purpose of this blog post.
Here is a screenshot of the code of a page before Microdata:
This is what Google Rich Snippet tester was able to fetch before mark up:
This is the code after mark up (with additional information for further testing the Rich Snippets)
This is what Google Rich Snippet tester could see after the mark up:
Tweaking the template:
Tweaking the template is more appropriate for certain kinds of markup like events, profiles (for social sites such as LinkedIn for example) and other markup data that applies to a big number of pages.
For example, ESPN marked up their results pages to feature scores right on Google Search page:
Unfortunately, there are no plugin that effectively modify your template to include marked up languages.
However, there are some plugins available for recipes mark up, as well as reviews.
- Enables you to automatically or manually inserts star rating reviews or thumbs up/down for pages, posts and comments.
- Gives you multiple “designs” to choose from.
- Allows you to control voting based on IP and cookies.
- Lots of other basic and advanced options
This is what the “Home page” of the plugin looks like:
Start by un-checking “auto insert” for articles and comments:
Adjust options for auto inserting or insert manually on the page/post where you want to allow reviewing:
Alternative: You can also insert the codes manually from the HTML view by just inserting one line of code from the HTML view:
This is what the star rating can look like:
If you have any questions, don’t hesitate to ask by posting a comment.
Here are some additional resources:
Rich Snippet Checker:
Rich Snippet Site Submission:
Google Guide to Rich Snippets: