Search Engine Optimization

RICH SNIPPETS & STAR RATINGS FOR GOOGLE

<header style="border: 0px !important; color: #555555; font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Verdana, Arial, sans-serif; font-size: 14.3999996185303px; line-height: 28.7999992370605px;"><h2 class="excerpt" itemprop="description" style="border-color: rgb(204, 204, 204); border-style: solid; border-width: 1px 0px; clear: both; color: #777777; font-family: Gafata; font-weight: normal; padding: 20px 0px; visibility: visible;">
See Your Search Results Before they Appear on Google & add Star Ratings to your Reviews with One Click w the new real time SERPS preview in ClickBump 6.5</h2>
<div class="meter" itemprop="reviewRating" itemscope="itemscope" itemtype="http://schema.org/Rating" style="font-size: 12.960000038147px; text-align: center;">
<span class="star s5" style="background-attachment: initial; background-clip: initial; background-image: url(http://clickbump.com/wp-content/themes/clickbump/sprite.png); background-origin: initial; background-position: 0px -2100px !important; background-repeat: initial; background-size: initial; display: inline-block; height: 13px; margin-bottom: 3px; text-align: left !important; vertical-align: middle; width: 71px;"> Rating: 5 (out of 5)</div>
</header><div class="entry" itemprop="reviewBody" style="color: #555555; font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Verdana, Arial, sans-serif; font-size: 14.3999996185303px; line-height: 28.7999992370605px; position: relative; text-align: justify; z-index: 0;">
<div style="padding: 0px;">
<img alt="rich-snippets4" class="alignnone size-full wp-image-3569" height="205" src="http://clickbump.com/wp-content/uploads/rich-snippets4.png" style="height: auto; max-width: 100%;" width="606" /></div>
I’ve just put the finishing touches on TWO major new features that will ship with next update of <a href="http://clickbumpengine.com/" style="border-bottom-style: dotted; border-bottom-width: 1px; color: #2970a6; text-decoration: none;">ClickBump Theme</a> (Version 6.5) - Google Rich Snippets and Google Search Preview. 
I’m already running the 6.5 theme (in private beta) here on ClickBump.com and on the <a href="http://rdio.clickbump.com/" style="border-bottom-style: dotted; border-bottom-width: 1px; color: #2970a6; text-decoration: none;">Rdio Test Drive</a> site. 
<blockquote style="border-color: rgb(204, 204, 204); border-style: solid; border-width: 1px 0px; color: rgb(127, 127, 127) !important; font-family: georgia, serif; font-size: 18.7199993133545px; line-height: 1.5em; margin: 10px 0px 0px; overflow: hidden; padding: 0px 10px 0px 50px; position: relative; quotes: “, “;">
If you are not familiar with the terms “Rich Snippets“, “Structured Data“, or “Schema.org” don’t worry about it. I’m going to boil it all down to something we can all understand – Search Results.</blockquote>
Far too many of the SEOs I read tend to make this way too complicated. And the examples at <a href="http://schema.org/" style="border-bottom-style: dotted; border-bottom-width: 1px; color: #2970a6; text-decoration: none;">schema.org</a> are not much help. Many of them don’t even validate in the Google <a href="http://www.google.com/webmasters/tools/richsnippets" style="border-bottom-style: dotted; border-bottom-width: 1px; color: #2970a6; text-decoration: none;">Structure Data Testing Tool</a> - aka The Rich Snippets Testing Tool. 
These fancy terms all refer to to the same thing: a data vocabulary that can be used to mark up web pages to help better classify them for search. More importantly for web publishers, your pages get special highlighted search results listings like this: 
<div class="wp-caption alignnone" id="attachment_158" style="background: rgb(245, 245, 245); border-radius: 6px; border: 1px solid rgb(204, 204, 204); margin: 20px auto; padding: 5px 0px 0px; position: relative; text-align: center; width: 513px; z-index: 5;">
<img alt="rich-snippets2" class="size-full wp-image-158" height="107" src="http://clickbump.com/wp-content/uploads/rich-snippets2.png" style="border: 1px solid rgb(204, 204, 204); height: auto; margin-bottom: 0px !important; max-width: 100%;" width="503" /><div class="wp-caption-text" style="font-size: 11.5200004577637px; line-height: 1.25em; padding: 0px 0px 5px;">
Rich Snippets Enabled Search Results with ClickBump 5+</div>
</div>
If you have been running the ClickBump theme for WordPress (version 5.0 or better), you’ve had the ability to add “authorship” markup to your site pages and posts in order to get highlighted search results like that for some time now. 
<h2 style="font-family: 'Fjalla One'; font-size: 21.6000003814697px; font-weight: normal !important; line-height: 1; margin-bottom: 0px; padding-bottom: 5px; text-align: center; visibility: visible;">
But now with automated rich snippets & star ratings…</h2>
With version 6.5, I’ve automated the schema.org markup (no need to wade through endless form fields to add data that’s already part of your post) and added the option to apply one-click star ratings to your reviews. For example, you can assign a reviewed item a star rating (from 1 to 5, including half points like 3.5, 4.5, etc). Those listings will look like this: 
<div class="wp-caption alignnone" id="attachment_159" style="background: rgb(245, 245, 245); border-radius: 6px; border: 1px solid rgb(204, 204, 204); margin: 20px auto; padding: 5px 0px 0px; position: relative; text-align: center; width: 514px; z-index: 5;">
<img alt="rich-snippets" class="size-full wp-image-159" height="136" src="http://clickbump.com/wp-content/uploads/rich-snippets.png" style="border: 1px solid rgb(204, 204, 204); height: auto; margin-bottom: 0px !important; max-width: 100%;" width="504" /><div class="wp-caption-text" style="font-size: 11.5200004577637px; line-height: 1.25em; padding: 0px 0px 5px;">
Rich Snippets with “Ratings” Coming to ClickBump Version 6.5</div>
</div>
With ClickBump 6.5, getting search results listings like this could not be simpler. To turn a standard post into a review with star rating, you simply click on the star rating pulldown menu and choose a rating. 
<div class="wp-caption alignnone" id="attachment_3591" style="background-attachment: initial; background-clip: initial; background-image: none; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-radius: 6px; border: 1px solid rgb(204, 204, 204); margin: 20px auto; padding: 5px 0px 0px; position: relative; text-align: center; width: 485px; z-index: 5;">
<img alt="Convert a standard post to a starred review in one click" class="size-full wp-image-3591 altcaption" height="369" src="http://clickbump.com/wp-content/uploads/rich-snippets5.png" style="border: none; height: auto; margin-bottom: 0px !important; max-width: 100%;" width="475" /><div class="wp-caption-text" style="font-size: 11.5200004577637px; line-height: 1.25em; padding: 0px 0px 5px;">
Convert a standard post to a starred review in one click</div>
</div>
<div style="text-align: center;">
That’s it. Its that simple.</div>
<blockquote style="border-color: rgb(204, 204, 204); border-style: solid; border-width: 1px 0px; color: rgb(127, 127, 127) !important; font-family: georgia, serif; font-size: 18.7199993133545px; line-height: 1.5em; margin: 10px 0px 0px; overflow: hidden; padding: 0px 10px 0px 50px; position: relative; quotes: “, “;">
If you’ve assigned a star rating to the post, Google will index it as a special “Review” post, complete with your star rating and Google+ profile pic next to your review listing.</blockquote>
Why is this better than using a plugin? For one, ClickBump theme already maps your post titles, post/page excerpt, author title, post date, etc to your page as metadata. There’s no need to duplicate this metadata just to tell the schema markup engine something it should already know. 
So we don’t. 
We default in all of that data and pass it along to the schema engine so that you don’t have to duplicate efforts. Just create the post, give it a title or custom title, add a post excerpt and a rating, you’re done. You don’t have to take extra steps to tell a plugin what your post is about, that you are the author, that the post was written today, etc. etc. That’s madness! 
<h2 style="font-family: 'Fjalla One'; font-size: 21.6000003814697px; font-weight: normal !important; line-height: 1; margin-bottom: 0px; padding-bottom: 5px; text-align: center; visibility: visible;">
What about articles & posts that are not reviews?</h2>
ClickBump automatically marks up your “standard” posts & articles up in the proper “Article” schema as outlined at schema.org. For example, If you have not assigned a star rating to the post, ClickBump automatically marks it up as an “Article“, with the proper schema to insure your posts validate in the <a href="http://www.google.com/webmasters/tools/richsnippets" style="border-bottom-style: dotted; border-bottom-width: 1px; color: #2970a6; text-decoration: none;">Rich Snippets Testing Tool</a>. You don’t have to do a thing other than continue writing great content. 
This assumes you’ve already added yourself as a contributor to the site under your <a href="https://plus.google.com/100373328351307939190/about">Google+ Profile page</a>. If you haven’t done that, head there now and click on “Profile > About > Links > Edit” and add your site to the list of sites you are a “Contributor to“. 
This insures that your  page provides Google (and other search engines that support schema markup) with all the necessary markup code they need to properly classify your article. 
<blockquote style="border-color: rgb(204, 204, 204); border-style: solid; border-width: 1px 0px; color: rgb(127, 127, 127) !important; font-family: georgia, serif; font-size: 18.7199993133545px; line-height: 1.5em; margin: 10px 0px 0px; overflow: hidden; padding: 0px 10px 0px 50px; position: relative; quotes: “, “;">
Providing structured data in this manner insures your pages get maximum exposure in search results.</blockquote>
That’s it. No messing with complex schema markup or having to know all of the complicated jargon at schema.org. And no fussing with complex, memory hogging plugins. The Clickbump theme does it all for you under the hood. 
<h2 style="font-family: 'Fjalla One'; font-size: 21.6000003814697px; font-weight: normal !important; line-height: 1; margin-bottom: 0px; padding-bottom: 5px; text-align: center; visibility: visible;">
Why not just use a plugin for this?</h2>
The core benefits of using an integrated schema tool like ClickBump vs using a plugin are two-fold: 
<ol>
<li style="line-height: 1.5em; margin-bottom: 20px;">First, the structured data markup is applied to the semantically clean html5 tags that are already in your markup. There are no extra div containers added to your markup just to support schema. Plugins have no choice but to add extra wrapper divs and spans all around your content.</li>
<li style="line-height: 1.5em; margin-bottom: 20px;">The second advantage is that everything just works. No worrying over conflicts. And its super easy to implement. Just one click if you want to classify a post as a review with star ratings. That’s it.</li>
</ol>
<blockquote style="border-color: rgb(204, 204, 204); border-style: solid; border-width: 1px 0px; color: rgb(127, 127, 127) !important; font-family: georgia, serif; font-size: 18.7199993133545px; line-height: 1.5em; margin: 10px 0px 0px; overflow: hidden; padding: 0px 10px 0px 50px; position: relative; quotes: “, “;">
I tested dozens of plugins before I decided to bake this functionality into the core theme and I can tell you, they are way over the top in the amount of data they require you to input – they make my head hurt!</blockquote>
Adding star ratings to your posts could not be easier to do. I’ve added a “Google Search Preview” panel to the post editor to allow you to see your search results listing before it appears in Google! 
<h2 style="font-family: 'Fjalla One'; font-size: 21.6000003814697px; font-weight: normal !important; line-height: 1; margin-bottom: 0px; padding-bottom: 5px; text-align: center; visibility: visible;">
See Your Search Results Before they Appear on Google!</h2>
<div class="wp-caption alignnone" style="background: rgb(245, 245, 245); border-radius: 6px; border: 1px solid rgb(204, 204, 204); margin: 20px auto; padding: 5px 0px 0px; position: relative; text-align: center; width: 560px; z-index: 5;">
<img alt="rich-snippets3" height="498" src="http://clickbump.com/wp-content/uploads/rich-snippets3.png" style="border: 1px solid rgb(204, 204, 204); height: auto; margin-bottom: 0px !important; max-width: 100%;" width="550" /><div class="wp-caption-text" style="font-size: 11.5200004577637px; line-height: 1.25em; padding: 0px 0px 5px;">
New in 6.5 – preview how your page will look to Google searchers</div>
</div>
<h2 style="font-family: 'Fjalla One'; font-size: 21.6000003814697px; font-weight: normal !important; line-height: 1; margin-bottom: 0px; padding-bottom: 5px; text-align: center; visibility: visible;">
What about all the other Article types like Event, Person, Product, Recipe etc?</h2>
Google currently applies rich snippet markup to numerous article types like Event, Person, Product, Recipe, Organization, etc. However, for the purposes of highlighting your search results, they all look exactly the same as the standard “Article” markup in search results listings – with the exception of Review, Recipe and Event. 
When and if Google rolls out a new update that expands this to provide noticeable differences in highlighted search listings for various document types, it may make sense to enhance the markup selector tools in the theme in order to classify your posts into one of these microtargeted document types. 
<blockquote style="border-color: rgb(204, 204, 204); border-style: solid; border-width: 1px 0px; color: rgb(127, 127, 127) !important; font-family: georgia, serif; font-size: 18.7199993133545px; line-height: 1.5em; margin: 10px 0px 0px; overflow: hidden; padding: 0px 10px 0px 50px; position: relative; quotes: “, “;">
Currently, I believe Article and Review offer the most bang for the buck, and I’m open to your suggestions for additional types you will be using.</blockquote>
Hit the Submit button in the comments below and let me know what you think.</div>

RICH SNIPPETS & STAR RATINGS FOR GOOGLE

See Your Search Results Before they Appear on Google & add Star Ratings to your Reviews with One Click w the new real time SERPS previe...

How to Get Your Review’s Star Ratings in Google Search Results

<div style="background-color: white; box-sizing: border-box; color: #333333; font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 13px; line-height: 18.5714282989502px; margin-bottom: 10px;">
This is possible because of Schema markup. Schema markup is used to better convey to search engines what a certain post or page is about. Text and images can only help them so much. But you can use Schema markup to help tell Google and other search engines exactly what’s happening on that page.</div>
<div style="background-color: white; box-sizing: border-box; color: #333333; font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 13px; line-height: 18.5714282989502px; margin-bottom: 10px;">
One small part of Schema is the ability to convey to Google that your post is a review with a rating associated with it. This enables Google to then display the star rating.</div>
<div style="background-color: white; box-sizing: border-box; color: #333333; font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 13px; line-height: 18.5714282989502px; margin-bottom: 10px;">
Here’s what the basic format has to look like:</div>
<pre class="wp-code-highlight prettyprint prettyprinted" style="background: rgb(255, 255, 255); border-radius: 0px; border: 4px double rgb(239, 235, 232); box-sizing: border-box; color: #333333; font-family: Menlo, Monaco, Consolas, 'Courier New', monospace; font-size: 12px; line-height: 16px; margin-bottom: 6px; margin-top: 6px; overflow: auto; padding: 7px; width: 669.65625px; word-break: break-all; word-wrap: normal;"><div itemprop="review" itemscope itemtype="http://schema.org/Review">
	<meta itemprop="author" content="Ashley">
	
	<strong itemprop="itemreviewed">Sweet Peril by <a href="https://www.nosegraze.com/reviews/authors/wendy-higgins/">Wendy Higgins</a><br />
	
	Other book info can go in here...
	
	My Rating: <span itemprop="reviewRating" itemscope itemtype="http://schema.org/Rating"><img src="https://www.nosegraze.com/wp-content/uploads/2012/08/three-stars.png" alt="3 Stars" class="stars" /><meta itemprop="ratingValue" content="3" /><meta itemprop="bestRating" content="5" />
</div>

Your review can go down here...</pre>
<div style="background-color: white; box-sizing: border-box; color: #333333; font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 13px; line-height: 18.5714282989502px; margin-bottom: 10px;">
So let’s break this down. There are five required fields:</div>
<ul style="background-color: white; box-sizing: border-box; color: #333333; font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 13px; line-height: 18.5714282989502px; list-style-type: none; margin-bottom: 10px; margin-top: 0px; padding: 0px 30px;">
<li style="background: url(https://www.nosegraze.com/wp-content/themes/nose-graze-flowers/assets/images/icon-heart.png) 5px 11px no-repeat; border-bottom-color: rgb(239, 235, 232); border-bottom-style: dashed; border-bottom-width: 1px; box-sizing: border-box; padding: 5px 0px 5px 30px;">The overall declaration of a “Review”.</li>
<li style="background: url(https://www.nosegraze.com/wp-content/themes/nose-graze-flowers/assets/images/icon-heart.png) 5px 11px no-repeat; border-bottom-color: rgb(239, 235, 232); border-bottom-style: dashed; border-bottom-width: 1px; box-sizing: border-box; padding: 5px 0px 5px 30px;">The name of the person writing the review.</li>
<li style="background: url(https://www.nosegraze.com/wp-content/themes/nose-graze-flowers/assets/images/icon-heart.png) 5px 11px no-repeat; border-bottom-color: rgb(239, 235, 232); border-bottom-style: dashed; border-bottom-width: 1px; box-sizing: border-box; padding: 5px 0px 5px 30px;">The name of the item being reviewed.</li>
<li style="background: url(https://www.nosegraze.com/wp-content/themes/nose-graze-flowers/assets/images/icon-heart.png) 5px 11px no-repeat; border-bottom-color: rgb(239, 235, 232); border-bottom-style: dashed; border-bottom-width: 1px; box-sizing: border-box; padding: 5px 0px 5px 30px;">Your numerical rating.</li>
<li style="background: url(https://www.nosegraze.com/wp-content/themes/nose-graze-flowers/assets/images/icon-heart.png) 5px 11px no-repeat; border-bottom-color: rgb(239, 235, 232); border-bottom-style: dashed; border-bottom-width: 1px; box-sizing: border-box; padding: 5px 0px 5px 30px;">The maximum/best numerical rating.</li>
</ul>
<div style="background-color: white; box-sizing: border-box; color: #333333; font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 13px; line-height: 18.5714282989502px; margin-bottom: 10px;">
You have to wrap all your book information in a “review”, as designated by Schema. That’s what the<code style="background-color: #f9f2f4; border-radius: 4px; box-sizing: border-box; color: #c7254e; font-family: Menlo, Monaco, Consolas, 'Courier New', monospace; font-size: 12px; padding: 2px 4px; white-space: nowrap;">itemprop="review" itemscope itemtype="http://schema.org/Review"</code> business is all about.</div>
<div style="background-color: white; box-sizing: border-box; color: #333333; font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 13px; line-height: 18.5714282989502px; margin-bottom: 10px;">
Then, you have to designate a reviewer. You can put this in meta tags like this:<code style="background-color: #f9f2f4; border-radius: 4px; box-sizing: border-box; color: #c7254e; font-family: Menlo, Monaco, Consolas, 'Courier New', monospace; font-size: 12px; padding: 2px 4px; white-space: nowrap;"><meta itemprop="author" content="Your name here"></code>. It won’t show up anywhere on the page, but it must be included.</div>
<div style="background-color: white; box-sizing: border-box; color: #333333; font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 13px; line-height: 18.5714282989502px; margin-bottom: 10px;">
The next important piece of information is the item being reviewed. You can do this by wrapping the title of the book in these tags: <code style="background-color: #f9f2f4; border-radius: 4px; box-sizing: border-box; color: #c7254e; font-family: Menlo, Monaco, Consolas, 'Courier New', monospace; font-size: 12px; padding: 2px 4px; white-space: nowrap;">Sweet Peril</code> They don’t have to be strong tags, they can be anything (span, div, etc.). You just need to have <code style="background-color: #f9f2f4; border-radius: 4px; box-sizing: border-box; color: #c7254e; font-family: Menlo, Monaco, Consolas, 'Courier New', monospace; font-size: 12px; padding: 2px 4px; white-space: nowrap;">itemprop="itemreviewed"</code> in there to specify that this is the item you are reviewing.</div>
<div style="background-color: white; box-sizing: border-box; color: #333333; font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 13px; line-height: 18.5714282989502px; margin-bottom: 10px;">
Then, finally, the most important part: the rating. Here’s what this chunk of text looks like:</div>
<pre class="wp-code-highlight prettyprint prettyprinted" style="background: rgb(255, 255, 255); border-radius: 0px; border: 4px double rgb(239, 235, 232); box-sizing: border-box; color: #333333; font-family: Menlo, Monaco, Consolas, 'Courier New', monospace; font-size: 12px; line-height: 16px; margin-bottom: 6px; margin-top: 6px; overflow: auto; padding: 7px; width: 669.65625px; word-break: break-all; word-wrap: normal;"><span itemprop="reviewRating" itemscope itemtype="http://schema.org/Rating">
	<img src="https://www.nosegraze.com/wp-content/uploads/2012/08/three-stars.png" alt="3 Stars" class="stars" />
	<meta itemprop="ratingValue" content="3" />
	<meta itemprop="bestRating" content="5" />
</pre>
<div style="background-color: white; box-sizing: border-box; color: #333333; font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 13px; line-height: 18.5714282989502px; margin-bottom: 10px;">
You need to wrap the whole thing in these tags:<code style="background-color: #f9f2f4; border-radius: 4px; box-sizing: border-box; color: #c7254e; font-family: Menlo, Monaco, Consolas, 'Courier New', monospace; font-size: 12px; padding: 2px 4px; white-space: nowrap;"></code> After that, you can insert your rating image or text, then afterwards you provide a code version of that rating like this:</div>
<pre class="wp-code-highlight prettyprint prettyprinted" style="background: rgb(255, 255, 255); border-radius: 0px; border: 4px double rgb(239, 235, 232); box-sizing: border-box; color: #333333; font-family: Menlo, Monaco, Consolas, 'Courier New', monospace; font-size: 12px; line-height: 16px; margin-bottom: 6px; margin-top: 6px; overflow: auto; padding: 7px; width: 669.65625px; word-break: break-all; word-wrap: normal;"><meta itemprop="ratingValue" content="3" /><meta itemprop="bestRating" content="5" /></pre>
<div style="background-color: white; box-sizing: border-box; color: #333333; font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 13px; line-height: 18.5714282989502px; margin-bottom: 10px;">
This tells Google that you rated the book “3” out of a maximum of “5” stars.</div>
<h2 style="background: rgb(255, 225, 227); border: 4px double white; box-sizing: border-box; color: #6b6b6b; font-family: 'Playfair Display', 'EB Garamond', Georgia, serif; font-size: 30px; font-weight: 500; line-height: 1.1; margin: 20px 0px; padding: 5px; text-align: center;">
Test It!</h2>
<div style="background-color: white; box-sizing: border-box; color: #333333; font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 13px; line-height: 18.5714282989502px; margin-bottom: 10px;">
Want to see if you’ve done it correctly? You can insert your URL into <a href="http://www.google.com/webmasters/tools/richsnippets" style="-webkit-transition: color 0.5s; background: 0px 0px; box-sizing: border-box; color: #ff7878; text-decoration: none; transition: color 0.5s;" target="_blank">Google’s Structured Data Testing Tool</a> to see if you’ve inserted the markup correctly. If you have, it will look like this:</div>
<div class="text-center" style="background-color: white; box-sizing: border-box; color: #333333; font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 13px; line-height: 18.5714282989502px; margin-bottom: 10px; text-align: center;">
<a href="https://www.nosegraze.com/wp-content/uploads/2014/03/google-rich-snippets-tool.png" rel="lightbox[13902]" style="-webkit-transition: color 0.5s; background: 0px 0px; box-sizing: border-box; color: #ff7878; text-decoration: none; transition: color 0.5s;"><img alt="Google Structured Data Testing Tool Results for Ratings" class="alignnone size-full wp-image-13903" src="https://www.nosegraze.com/wp-content/uploads/2014/03/google-rich-snippets-tool.png" style="border: 0px; box-sizing: border-box; height: auto; max-width: 100%; vertical-align: middle;" /></a></div>
<h2 style="background: rgb(255, 225, 227); border: 4px double white; box-sizing: border-box; color: #6b6b6b; font-family: 'Playfair Display', 'EB Garamond', Georgia, serif; font-size: 30px; font-weight: 500; line-height: 1.1; margin: 20px 0px; padding: 5px; text-align: center;">
Limitations</h2>
<div style="background-color: white; box-sizing: border-box; color: #333333; font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 13px; line-height: 18.5714282989502px; margin-bottom: 10px;">
It took me a long time to figure this out, but you cannot nest certain types of markups. For example, Schema has markups for restaurants, people, reviews, articles, events, products, etc. Sometimes blog themes will add in “article” markup into the theme. However, if you have article markup, you cannot put review markup inside of that. It will throw an error and won’t work (learned after hours and hours of awful debugging… ugh).</div>
<div style="background-color: white; box-sizing: border-box; color: #333333; font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 13px; line-height: 18.5714282989502px; margin-bottom: 10px;">
So basically what I’m saying is that if your theme already adds in some kind of Schema markup, your review markup may not work.</div>

How to Get Your Review’s Star Ratings in Google Search Results

This is possible because of Schema markup. Schema markup is used to better convey to search engines what a certain post or page is about. T...