rich snippets - congreso web 2012

RICHSNIPPETS

Pedro Martínez@PedroMGFriendlyRentals

Víctor Hernández@VictorHdezSEOCOM.es

SEOCOM

@PedroMG

Pedro Martínezfriendlyrentals.com

Más de 2700 apartamentos 26 destinos diferentes.

FriendlyRentals

Mejorar la visibilidad en los buscadores

¿microformatos? ¿microdatos?

Los microdatos son una ampliación y mejora del HTML orientada a buscadores.

El usuario no aprecia ninguna diferencia en su navegador, sin embargo mejora la interpretación semántica de la web por parte de los buscadores.

Diferencias entre microformatos y microdatos

WEB 2.0

WEB 3.0

Definición de términos

RDFaToman como base a RDF (Resource Description Framework attributes) para añadir significado a los documentos

MicroformatosEspecifican información estructurada sobre un vocabulario definido

MicrodatosBuscan aprovechar las fortalezas del marcado semántico anteriormente citados junto con las nuevas características de HTML5

Microformatos

<p class="vcard"><a class="fn url"

href="http://pedromg.com/">Pedro Martínez</a>

</p>

Un metodo de atributos pre-existentes en HTML como CLASS.

Utiliza un schema fijo creado y ampliado por la comunidad

Microdatos (HTML5)

<p itemscope itemtype="http://schema.org/Person">

<a href="http://pedromg.com/"itemprop="url name">

Pedro Martínez</a></p>

Un metodo de marcado con atributos HTML5.

Evolución Natural

MicrodatosHTML5

RDFaXHTML

Microformatos

HTML / XHTML

Si a Google le gustan a nosotros también

MICRODATOS

¡ATENCION!

Google nos ignorara si…

• Los datos estructurados de marcado son incorrectos, engañosos o no son relevantes para el contenido de la página.

• El site no es atractivo para el sistema de Google, (tiene muy pocas páginas publicadas).

• Los datos estructurados se encuentran ocultos al usuario. (usando “hidden” divs).

¡Atención!

¿Qué es Schema?

¿Qué tipos hay?

¿Cuál es el objetivo?

Destacar frente a la competencia

SCHEMA.ORG:: RECETAS

SCHEMA.ORG:: RESULTADOS DEPORTIVOS

SCHEMA.ORG:: EVENTOS

SCHEMA.ORG:: MUSICA

SCHEMA.ORG:: PELICULAS

SCHEMA.ORG:: VIDEOS

¿Qué pretenden?

GOOGLE RECETAS

MIS GOOGLE MARCADORES

GOOGLE CARTELERA

GOOGLE CARTELERA

…

RICH: ¿MEJORA TU CTR?

TU CONTENIDOES MÁS

ATRACTIVO

¿Mejora el CTR?

¿Mejora el CTR?

Hay webs que han llegado a alcanzar un aumento de clicks entre el 5% y 30% manteniendo la misma posición gracias a la aparición de los Rich Snippets

30% uplift in CTR for rich snippet - retail use casesPaul Bruemmer SearchEngineland http://searchengineland.com/how-to-get-a-30-increase-in-ctr-with-structured-markup-105830

5% uplift in CTR for rich snippet - AB testsRichard Baxter SEOGadgethttps://seogadget.co.uk/understanding-how-intention-influences-search-result/

“Una imagen vale más que mil palabras.”

“El desorden provoca tensión y atención.”

Por Ricardo Tayar y Xavier Colomés

¿Mejora el CTR?

¿Mejora el CTR?

En SOFTONIC han visto incrementar el tráfico de entrada a la landing de la página con los Rich Snippets un 6%.

Llegando a captar más tráfico que el primer resultado.

¿Mejora el CTR?

Imagen de: http://eduard.maeso.me/blog/rich-snippets-aumentar-visibilidad-google

¿Mejora el CTR?

¿Cómo se implementan los microdatos?

Implementando microdatos

<p>Me llamo Pedro Martínez , soy Project Manager de FriendlyRentals y esta es mi página web <a href="http://pedromg.com”>

pedromg.com</a>.

</p>

<p itemscope >Me llamo Pedro Martínez, soy Project Manager

en FriendlyRentals esta es mi página web <a href="http://pedromg.com" >pedromg.com</a>.</p>

1. Determinar el ámbito del microdato

Implementando microdatos

<p itemscope itemtype="http://schema.org/Person">Me llamo Pedro Martínez, soy Project Manager en

FriendlyRentals y esta es mi página web <a href="http://pedromg.com" >pedromg.com</a>.</p>

1. Determinar el ámbito del microdato2. Especificar el tipo de elemento

Implementando microdatos

<p itemscope itemtype="http://schema.org/Person">Me llamo <span itemprop="name"> Pedro

Martínez</span>, soy <span itemprop="jobTitle"> Project Manager</span> en FriendlyRentals y esta es mi página web

<a href="http://pedromg.com" itemprop="url">pedromg.com</a>.</p>

1. Determinar el ámbito del microdato2. Especificar el tipo de elemento3. Indicar las propiedades del elemento

Implementando microdatos

Let’s mark-up a Yorkshire Pudding recipe pageCocinando un Bakalao a la Baturra

http://codebits.glennjones.net/semantic/hrecipe.html

Author

ReviewaggregateRating

Thing > CreativeWork > Recipe

Recipe

Review + RatingsAggregateRating

Componiendo microdatos

Web de la receta

RecipeAuthorProfile

Google+Profile

rel=author rel=me

Enlazando semánticamente

Receta - http://schema.org/Recipe

Propiedades de receta

Recipe http://www.google.com/support/webmasters/bin

/answer.py?hl=en&answer=173379

Código original HTML

Con microdatos

http://www.google.com/webmasters/tools/richsnippets

Rich Snippets Testing Tool

Comprobamos el punto de sal…

Rich Snippets Testing Tool preview

Comprobamos tags

Reviews, valoraciones y puntuaciones

Las famosas estrellas…..

Nos falta el toque de perejil…

<div itemprop="review" itemscope itemtype="http://schema.org/Review"> <span itemprop="name”>Muy facil de preparar</span> - por <span itemprop="author”>Pedro</span>, <meta itemprop="datePublished" content="2011-04-01”>Mayo 1, 2012 <div itemprop="reviewRating" itemscope itemtype="http://schema.org/Rating"> <meta itemprop="worstRating" content = "1"> <span itemprop="ratingValue”>4</span>/ <span itemprop="bestRating">5</span>Estrellas </div> <span itemprop="description”>Hemos utilizado hoy tu receta y hemos disfrutado mucho del plato, gracias. </span> </div>

Review + Rating

<div itemprop="aggregateRating" itemscope

itemtype="http://schema.org/AggregateRating"> <span itemprop="ratingValue">4</span> estrellas - basado en

<span itemprop="reviewCount">250</span> Comentarios

</div>

aggregateRatings

Y ahora al horno y a esperar….

MALAS PRÁCTICAS

Malas prácticas

TU CONTENIDOES MÁS

ATRACTIVO

Malas prácticas

Malas prácticas

Malas prácticas

<div style="font-size:9px; ma rgin-bottom:8px; text-align:center;" typeof="v:Review-aggregate" xmlns:v="http://rdf.data-vocabulary.org/#"> El trabajo de <span property="v:itemreviewed">SEO</span> de nuestra agencia de posicionamiento en buscadores tiene una valoración media de nuestros clientes de <span rel="v:rating"><span typeof="v:Rating"><span property="v:average">9.726</span> sobre <span property="v:best">10</span></span></span><br> según <span property="v:votes">595</span> valoraciones y<span property="v:count">326</span> opiniones de empresas que han confiado en nuestros servicios.

Malas prácticas

http://support.google.com/webmasters/bin/request.py?hl=es&contact_type=rich_snippets_spam

Malas prácticas

Después de varios SPAM report:

Malas prácticas

Premisas que sirven en todos los aspectos del SEO:

Si algo huele mal, es que esta mal

El fin NO siempre justifica los medios

Pan para hoy y hambre para mañana

No muerdas juegues con la mano web que te da de comer

SOMOS HUMANOS

SOMOS HUMANOS

¿Preguntas?¡¡¡Dispara!!!

GRACIAS

Pedro Martínez@PedroMGFriendlyRentals

Víctor Hernández@VictorHdezSEOCOM.es