Todo el mundo habrá visto alguna vez en alguna búsqueda las famosas estrellas amarillas o habrá escuchado las palabras rich snippet, en la entrada de hoy te explicaré como configurar las estrellas amarillas en tu blog. Pero antes que nada, ¿Qué son los rich snippets? Los rich snippets no es más que un acuerdo o estándar de los tres principales buscadores, Google, Bing y Yahoo, a través del schema.org para etiquetar el contenido de las webs y facilitar que los resultados de búsqueda puedan mostrarse con información más avanzada a la tradicional. Es decir, el siguiente paso en el mundo web, a la creación de la web semántica.

Los buscadores se han dado cuenta de que los snippets de toda la vida como son el título, descripción y URL ya no son suficientes para dar unos buenos resultados a los usuarios. Por este motivo en 2009 Google introdujo los microformatos, un método de marcado de texto que permitían visualizar el resultado de búsqueda con ciertas características avanzadas.

Los “otros” buscadores y no menos importantes, Bing, Yahoo! y Yandex, no han querido quedarse atrás con las mejores de Google y por ello han preferido consensuar junto con Google un marcado de texto llamado schema.org, que facilite y permita su implementación por los SEOs, desarrolladores o webmasters, independientemente del buscador al que estén destinados.

Hoy en día existen gran variedad de rich snippets y en el futuro no muy lejano saldrán muchos más. Yo en este post os voy a explicar el de las estrellitas amarillas o puntuaciones que podemos ver en la imagen de portada del post.

Después de ver los resultados, ¿Quién se resiste a no hacer clic en un resultado con valoraciones? Sabes que si la página tiene 1.459 votos no vas a ser tu menos y vas a entrar 8) Esta es una estrategia para mejorar tu CTR a través del schema.org de reviews u opiniones.

Para introducir las estrellas en tu blog, primero tenemos que instalar el plugin All In One Schema.org Rich Snippets y luego copiar el siguiente código en la parte del blog donde quieras que aparezca la valoración.

[alert style=”green”]
<!– Start Ratings –>

<div class=”entry-content” align=”center”>
<div style=”background:#F5F5F5; color:#333333; border:1px solid #ACACAC;” id=”snippet-box”>
<div style=”background:#E4E4E4; color:#333333; border-bottom:1px solid #ACACAC;” class=”snippet-title”>Resumen</div>

<div itemtype=”http://data-vocabulary.org/Review” itemscope=”” class=”snippet-markup”>
<div class=”snippet-label”>Revisado por</div>
<div class=”snippet-data”><span itemprop=”reviewer”>Certificador</span></div>
<div class=”snippet-label”>Fecha revisión</div>
<div class=”snippet-data”> <time datetime=”2013-10-11″ itemprop=”dtreviewed”>2013-10-11</time></div>
<div class=”snippet-label”>Revisados</div>
<div class=”snippet-data”> <span itemprop=”itemreviewed”>Todos</span></div>
<div class=”snippet-label”>Valoración</div>
<div class=”snippet-data”> <span itemprop=”rating” class=”rating-value”>5</span>
<span class=”star-img”>
<img src=”http://www.tuweb.com/wp-content/plugins/all-in-one-schemaorg-rich-snippets/images/1star.png”>
<img src=”http://www.tuweb.com/wp-content/plugins/all-in-one-schemaorg-rich-snippets/images/1star.png”>
<img src=”http://www.tuweb.com/wp-content/plugins/all-in-one-schemaorg-rich-snippets/images/1star.png”>
<img src=”http://www.tuweb.com/wp-content/plugins/all-in-one-schemaorg-rich-snippets/images/1star.png”>
<img src=”http://www.tuweb.com/wp-content/plugins/all-in-one-schemaorg-rich-snippets/images/1star.png”>
</span>
</div>
</div>
</div>
<div style=”clear:both;”></div>
</div>

<!– End Ratings –>
[/alert]

A mi me llama la atención estas estrellitas, ¿y a tí?