Microformats: Google Rich Snippets
#11
I did manage to go in and add the markup to every section accept ratings ... Could you let me know where to insert the span class='rating' at? You also have class='rtx' and a class='rtb' ... are those microformat standards?

I also still have not figured out how to show the average / totals / total comments string.
Reply
#12
Warning: We did not accept "Yesterday 10:30pm" as the dtreviewed date
Warning: Date should be in ISO 8601 format - http://www.w3.org/TR/NOTE-datetime

I went to Layout>comments>general and reset date to y-m-d and nothing changes.
Reply
#13
Rich Snippets is built-in to Commentics v1.7. You don't need to modify the script anymore.

Just go to Settings -> Rich Snippets, add the mark-up in red to your page (somewhere above the script), and select Enabled.
Have you completed the interview?
Reply
#14
Howg! Use 1.7!

I'm not using date and time in my commentics_php. It's optional.
All css definitions are in one of .css files, loaded before comments_php.
Reply
#15
Google Rich Snippets with Commentics 1.8
--------------------------------------------------

Rich Snippets are really working out of the box. I've used vanilla unmodified version 1.8 - and stars in Google search results have appeared in two days for new, two weaks old domain!


Here are all steps needed for Rich Snippets stars with Commentics on Google search results:

1. install Commentics

2. follow instructions from Commentics Admin panel under 'Settings - Rich Snippets' and enable snippets

3. carefully select fn (<span class="fn">Pizza Suprema</span>) - "fn" must desribe your site well

4. get Google account/profile and verify site/page (<meta name="google-site-verification" content="xxxxxxxxxxxxxxxxxx" />)

5. on your Google profile click 'Edit profile' and add your site to categories 'Other profiles' and '...Recommended links', which is located under 'Other profiles'

6. follow 'Step 2' on 'http://support.google.com/webmasters/bin/answer.py?hl=en&answer=1408986', result is g+ button code '<a rel="me" href="https://plus.google.com/aaabbbcccdddeeefffggghhh?prsrc=3" style="text-decoration:none;"><img src="http://ssl.gstatic.com/images/icons/gplus-32.png" alt="" style="border:0;width:20px;height:20px;"/></a>' - put that code into <body>

7. write good site/page meta "description" and meta "name", both are used for Schema.org markup in <head> ; Schema.org meta "name" should be equal or very similar to microformats parameter "fn" from step 3.

8. markup whole page (the one with comments on) with Schema.org markup, next showcase is for sporting goods store (find out more categories at schema.org) ; only necessary part of code is visible, but all needed elements are present:

<html itemscope itemtype="http://schema.org/SportingGoodsStore">
<head>
.....
.....

<meta name="google-site-verification" content="xxxxxxxxxxxxxxxxxxxxxx" />

<meta itemprop="name" content="Motorni in električni skiroji XXXXXX®." />
<meta itemprop="description" content="Električni skiroji in motorni skiroji! Z velikimi in majhnimi kolesi! Bodite pametni ... svobodni ... in se peljite dlje! XXXXXX® zastopstvo in prodaja." />
<meta itemprop="image" content="http://www_xxxxx_xxx/images/your-product-or-whatever-image.jpg" />

.....
.....
</head>

<body>
.....
.....

<a rel="me" href="https://plus.google.com/aaabbbcccdddeeefffggghhh?prsrc=3" style="text-decoration:none;"><img src="http://ssl.gstatic.com/images/icons/gplus-32.png" alt="" style="border:0;width:20px;height:20px;"/></a>

<?php
$page_id = "xxx";
$reference = "Page One";
$path_to_comments_folder = "comments/";
define ('IN_COMMENTICS', 'true');
require $path_to_comments_folder . "includes/commentics.php";
?>

.....
.....
</body>
</html>

9. test page on 'http://www.google.com/webmasters/tools/richsnippets', use exactly same string (or test fails ...) for url as added to 'Other profiles' and '...Recommended links' in step 5. - with all backslashes, http://, ...

10. fill application form on 'http://support.google.com/webmasters/bin/request.py?contact_type=rich_snippets_feedback' and don't forget to mention both 'Schema.org' and 'Microformats'

11. wait ...

( example site is http://www_moto-skiro_si , replace two underscores with dots ...)


lp, stariocek
Reply
#16
Average star rating feed with Google Rich Snippets stars in search results.
-------------------------------------------------------------------------------------------

Reference to comments & ratings page is needed to earn stars in Google search results for separated star rating feed.

Page with separate star rating feed should have:
- page markup with schema.org
- stars feed with microformats markup
- microformats style reference to comments & ratings page, where coments and ratings exist
- separate Rich Snippets enabled comments & ratings page, implemented with Commentics.

Reference is made with microformats marked link to comments page:

<span class='permalink'>
<a rel='self bookmark' href='/link-to-page-with-comments-and-ratings?cmtx_page=1'>Comments and ratings</a>
</span>

permalink, self, bookmark ... microformats markup reserved words



Example with star rating feed on page A and Commentics comments & ratings on separate page B.

------------------------------------------------------------------------------------------------------

<html itemscope itemtype="http://schema.org/SportingGoodsStore">
<head>
.....
.....

<meta name="google-site-verification" content="xxxxxxxxxxxxxxxxxxxxxx" />

<meta itemprop="name" content="Motorni in električni skiroji XXXXXX®." />
<meta itemprop="description" content="Električni skiroji in motorni skiroji! Z velikimi in majhnimi kolesi! Bodite pametni ... svobodni ... in se peljite dlje! XXXXXX® zastopstvo in prodaja." />
<meta itemprop="image" content="http://www_xxxxx_xxx/images/your-product-or-whatever-image.jpg" />

.....
.....
</head>

<body>
.....
.....

<a rel="me" href="https://plus.google.com/aaabbbcccdddeeefffggghhh?prsrc=3" style="text-decoration:none;"><img src="http://ssl.gstatic.com/images/icons/gplus-32.png" alt="" style="border:0;width:20px;height:20px;"/></a>

<!-- microformats hreview aggregate -->
<div class="hreview-aggregate">

<!-- microformats reference to data origin -->
<span class='permalink'>
<a rel='self bookmark' href='/link_to_page_with_comments_and_ratings?cmtx_page=1'>Comments and ratings</a>
</span>

<span class="item">
<span class="fn">Električni in motorni skiroji XXXXXX®.</span>
</span>

<!-- PHP part ... get data from db and print star rating feed -->
<?php

$page_id = "1";
$url_to_comments_folder="/comments/" ;
define ('IN_COMMENTICS', 'true');

$con="connect.php" ; // connect to db
$calc="sub_script.php" ; // get data and calculate $output_average_rating , $average_rating , $count_rating

include $con ; // connect
include $calc ; // calculate variables

echo $output_average_rating; // draw stars - images

echo "<span class='rating'>";
echo "<span class='average'>" ;
echo " $average_rating" ; // average rating - number
echo "</span>" ;
echo "</span>" ;

echo "<span class='votes'>" ;
echo "($count_rating) " ; // number of votes - number
echo "</span>" ;

?>

</div>

.....
.....
</body>
</html>



lp, stariocek
Reply
#17
Update to separate star rating feed Rich Snippets
========================================

Google changed Rich Snippets at 16.4.2012. It seems to me, that criteria to get stars in search results are getting harder. Stars dissapeared for separate star rating feed ... and they are back after two weeks of work and some code improvements.

Rich Snippets AggregateRating separate star rating feed markup is better now:
- stars are included in <span class='rating' /> block
- stars have got their own 'quasi-markup' as suggested in post http://support.google.com/webmasters/bin/answer.py?hl=en&answer=172705
- markup is doubled - microformats and schema.org at once to get the best of both.

Separate star rating feed looks like this now:
========================================

<div class="hreview-aggregate" itemtype="http://schema.org/AggregateRating" itemscope itemprop="reviews">

<span class='permalink'>
<a rel='self bookmark' class='gtg' title='XXX xxx' href='/comments-page.php?cmtx_page=1'><b>Comments and ratings</b></a>
</span>

<meta content='5' itemprop='bestRating' />

<span class="item">
<span class="fn">XXX xxx yyy zzz uuu vvv www.</span>
</span>

<span class='rating'>
<img src='/slike/star_full.png' title='1 out of 5 (5)' alt='Full Star' class='stv' />
<img src='/slike/star_full.png' title='2 out of 5 (5)' alt='Full Star' class='stv' />
<img src='/slike/star_full.png' title='3 out of 5 (5)' alt='Full Star' class='stv' />
<img src='/slike/star_full.png' title='4 out of 5 (5)' alt='Full Star' class='stv' />
<img src='/slike/star_full.png' title='5 out of 5 (5)' alt='Full Star' class='stv' />

<span class='average' itemprop='ratingValue'> 5</span>
(
<span class='votes' itemprop='ratingCount'>3</span>
)
</span>

</div>

And here is what is seen by Google testing tool:
========================================
***** and stars are back in SERPs !!!

hreview-aggregate
item fn = XXX xxx yyy zzz uuu vvv www.
rating
average (normalized to 5.0 scale) = 5.0
average = 5
permalink = Ocene,komentarji
count =
votes = 3

website
title = Lalala lala tralala.
type = website
url = htt://www.xxxxxxx.com
image = htt://www.xxxxxx.com/slike/xxx-acme.jpg
site_name = XXX xxx.
admins = 122010001000vvbb113


Item
Type: http://schema.org/sportinggoodsstore
name = lalala lalalla.
description = xxx vvv nnn mmm.
image = htt://www.xxxxxx.com/slike/acme-10.jpg
pricerange = 299€ - 4599€
reviews = Item( 1 )
name = xxxxxx inc.
address = xxx xxx sss www 3e
telephone = +333 33 63 33 33


Item 1
Type: http://schema.org/aggregaterating
bestrating = 5
ratingvalue = 5
ratingcount = 3

------------------------------------

lp. stariocek
Reply
#18
Hi stariocek,

I'm going to be making a few improvements to Rich Snippets for the next version of Commentics.

1. One of the improvements I'm going to make is to switch from 'Microformats' to 'Microdata'.

2. Another improvement is that Commentics will display the itemreviewed (see attachment), so then users won't have to add any mark-up to the file.

3. Also, I've been looking into using the Schema.org mark-up. However, I'm not sure if it is meant to replace Rich Snippets or be combined with it? I get the feeling that it should be combined but there are very few examples how to do this. If you think that it should be combined, can you see any problems with how I have combined it below? Basically, should I use Rich Snippets microdata, Schema.org mark-up, or both?

Rich Snippets Microdata
http://support.google.com/webmasters/bin/answer.py?hl=en&answer=146645

Code:
<div itemscope='itemscope' itemtype='http://data-vocabulary.org/Review-aggregate'>
<span itemprop="itemreviewed">The item being reviewed</span>
<span itemprop='rating' itemscope='itemscope' itemtype='http://data-vocabulary.org/Rating'>
<span itemprop='average'>4</span>
<span itemprop='best'>5</span>
</span>
<span itemprop='votes'>24</span>
</div>

Schema.org
http://schema.org/AggregateRating

Code:
<div itemprop='aggregateRating' itemscope='itemscope' itemtype='http://schema.org/AggregateRating'>
<span itemprop="itemreviewed">The item being reviewed</span>
<span itemprop='ratingValue'>4</span>
<span itemprop='bestRating'>5</span>
<span itemprop='ratingCount'>24</span>
</div>

Combined

Code:
<div itemscope='itemscope' itemtype='http://data-vocabulary.org/Review-aggregate'>
<div itemprop='aggregateRating' itemscope='itemscope' itemtype='http://schema.org/AggregateRating'>
<span itemprop="itemreviewed">The item being reviewed</span>
<span itemprop='rating' itemscope='itemscope' itemtype='http://data-vocabulary.org/Rating'>
<span itemprop='average ratingValue'>4</span>
<span itemprop='best bestRating'>5</span>
</span>
<span itemprop='votes ratingCount'>24</span>
</div>
</div>

I think it's acceptable to have more than one itemprop value, like itemprop='average ratingValue'.
http://stackoverflow.com/questions/9485711/can-we-have-multiple-itemprops-on-single-element-for-microdata-tagging

In terms of the Rich Snippets Testing Tool, all 3 passed validation. But the 'Schema.org Microdata' didn't actually show any Rich Snippets, the other two worked fine.

Note that I have changed itemscope to itemscope='itemscope' to make it valid xHTML.
http://dltj.org/article/schema-org-invalid/


Attached Files Thumbnail(s)
   
Have you completed the interview?
Reply
#19
Hello!

I'll try to check markup and semantics later, only quick comment for now.

1. Itemreviewed is nicely positioned - visible, but it is not 'screaming' (as everything on Commentics, I think).

2. Schema.org Rich Snippets markup is not tested well and is not mature yet, I think. I heared on SEOmoz blog, that it is working for some big sites, about two months ago. I'm using Schema markup for everything else, but not for Rich Snippets. For example, a solution for linking separate feed to origin is not implemented in Schema. And looks like it is not going to be soon - Schema is static since its begining, nothing changed until now.

3. Origin of idea to combine two markups came from next link: htt://soncek.si/si/lesene-igrace-gepetto-leseno-skiro-zirafa-i17983.shtml . This one is showing SERP stars constantly and stabile.

4. I'm combining markups only on separate average star rating feed to get it work for sure and to experiment with Rich Snippets, too. Mathematicaly: combination of two markups is acting as a logical glue between Schema.org "Local Store", "Separate average star rating feed" and remote origin of "Average Rating" with Commentics. Because Schema is not able to link with "permalink, self bookmark", combination is logicaly connecting the best of two markups.

5. I can not confirm positive feedback about two markups combination from Big one for now. It can be said only that combination is recognised and and that it is not blocking stars in SERPs.

=============================================

6. Conclusion. Combination of Commentics and Microformats is working good, without problems and fluctuations for months. As said in above replies, google understands it well. And when stars are in SERPs, they are not going away any more. My two months old implementation is: htt://www.moto-skiro.si/komentarji-ocene-go-ped.php?cmtx_page=1 , check it by query site:domain on The big one.

I'm facing problems ONLY on connection between "Separate star average rating feed" and its origin, "Commentics powered aggregate rating", in last two months. That is why combination of two markups and other complications are implemented on separate average feed.

First solution for separate average feed (also described above) was working fine for about six months until latest google changes on 16.4.2012. I implemented double markup and other improvements only on separate rating feed (originated from Commentics) on (about) 25.4.2012. With success, can be said. I've lost separate average feed stars in SERPs because of my further brave experiments ... I'm waiting separate feed stars to come back again, hope so ... (Experiment was about how to incorporate javascript pulled slideshow images into page with microformats as "Product images", but I'm afraid experiment was treated as bad ...)

I'm checking code later, in next four hours, hopefully.

lp, stariocek
Reply
#20
I've got this idea during short coffe break: what, if Microformats are the best choice out there? Recognised by The big one, Ask, Bing and local search engines?

In this case, Microdata is giving no benefit to users ... Stars could even dissapear for good or temporary ... So, i thing the best way to improve Commentics might be parallell implementation of 3 formats. Let Commentics user choose, test and decide by his/her needs.

Something like this, in Admin panell:

* Rich Snippets, please choose one of next 3 available formats:
1. Microformats
2. Microdata
3. Schema.org
---------------------------------------------
4. none - Commentics without markup.

And as a simbolic code:

---------------------------------------------------
if (Microformats)
echo $microformats_output
else if (Microdata)
echo $microdata_output
else if (Schema)
echo $schema_output
else
echo $same_output_but_without_markup
---------------------------------------------------

Where output is this part of code + <span itemprop="itemreviewed" />, of course:

<div class="average_rating_block">
<img class="star_image_avg" alt="Full Star" title="Full Star" src="htt://www.moto-skiro.si/comments/images/stars/star_full.png">
<img class="star_image_avg" alt="Full Star" title="Full Star" src="htt://www.moto-skiro.si/comments/images/stars/star_full.png">
<img class="star_image_avg" alt="Full Star" title="Full Star" src="htt://www.moto-skiro.si/comments/images/stars/star_full.png">
<img class="star_image_avg" alt="Full Star" title="Full Star" src="htt://www.moto-skiro.si/comments/images/stars/star_full.png">
<img class="star_image_avg" alt="Full Star" title="Full Star" src="htt://www.moto-skiro.si/comments/images/stars/star_full.png">
<span class="average_rating_text">
<span class="rating">
(
<span class="votes">3</span>
)
</span>
</div>

==================

???

lp, stariocek
Reply


Possibly Related Threads...
Thread Author Replies Views Last Post
  Rich Snippets not showing in Google search results itisjohn 5 1,664 25-Jun-2013, 11:17 PM
Last Post: itisjohn
  problem with google. kunalp 4 1,227 12-Oct-2012, 07:43 PM
Last Post: Steven
  Google Rich Snippets Testing Tool does not show any data poropopo 2 1,285 12-Jul-2012, 12:29 PM
Last Post: poropopo
  Rich Snippets in 1.7. Norbs 1 1,049 27-Nov-2011, 02:27 PM
Last Post: Steven

Forum Jump:


Users browsing this thread: 1 Guest(s)