rich snippets - congreso web 2012

69

Click here to load reader

Upload: pedro-martinez

Post on 16-Apr-2017

9.624 views

Category:

Education


0 download

TRANSCRIPT

Page 1: Rich Snippets - Congreso Web 2012

RICHSNIPPETS

Pedro Martínez@PedroMGFriendlyRentals

Víctor Herná[email protected]

Page 2: Rich Snippets - Congreso Web 2012

SEOCOM

Page 3: Rich Snippets - Congreso Web 2012

@PedroMG

Pedro Martínezfriendlyrentals.com

Más de 2700 apartamentos 26 destinos diferentes.

FriendlyRentals

Page 4: Rich Snippets - Congreso Web 2012

Mejorar la visibilidad en los buscadores

Page 5: Rich Snippets - Congreso Web 2012

¿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.

Page 6: Rich Snippets - Congreso Web 2012

Diferencias entre microformatos y microdatos

Page 7: Rich Snippets - Congreso Web 2012

WEB 2.0

Page 8: Rich Snippets - Congreso Web 2012

WEB 3.0

Page 9: Rich Snippets - Congreso Web 2012

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

Page 10: Rich Snippets - Congreso Web 2012

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

Page 11: Rich Snippets - Congreso Web 2012

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.

Page 12: Rich Snippets - Congreso Web 2012

Evolución Natural

MicrodatosHTML5

RDFaXHTML

Microformatos

HTML / XHTML

Page 13: Rich Snippets - Congreso Web 2012

Si a Google le gustan a nosotros también

MICRODATOS

Page 14: Rich Snippets - Congreso Web 2012

¡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!

Page 15: Rich Snippets - Congreso Web 2012

¿Qué es Schema?

Page 16: Rich Snippets - Congreso Web 2012

¿Qué tipos hay?

Page 17: Rich Snippets - Congreso Web 2012

¿Cuál es el objetivo?

Destacar frente a la competencia

Page 18: Rich Snippets - Congreso Web 2012

SCHEMA.ORG:: RECETAS

Page 19: Rich Snippets - Congreso Web 2012

SCHEMA.ORG:: RESULTADOS DEPORTIVOS

Page 20: Rich Snippets - Congreso Web 2012

SCHEMA.ORG:: EVENTOS

Page 21: Rich Snippets - Congreso Web 2012

SCHEMA.ORG:: MUSICA

Page 22: Rich Snippets - Congreso Web 2012

SCHEMA.ORG:: PELICULAS

Page 23: Rich Snippets - Congreso Web 2012

SCHEMA.ORG:: VIDEOS

Page 24: Rich Snippets - Congreso Web 2012

¿Qué pretenden?

Page 25: Rich Snippets - Congreso Web 2012

GOOGLE RECETAS

Page 26: Rich Snippets - Congreso Web 2012

MIS GOOGLE MARCADORES

Page 27: Rich Snippets - Congreso Web 2012

GOOGLE CARTELERA

Page 28: Rich Snippets - Congreso Web 2012

GOOGLE CARTELERA

Page 29: Rich Snippets - Congreso Web 2012

Page 30: Rich Snippets - Congreso Web 2012

RICH: ¿MEJORA TU CTR?

TU CONTENIDOES MÁS

ATRACTIVO

Page 31: Rich Snippets - Congreso Web 2012

¿Mejora el CTR?

Page 32: Rich Snippets - Congreso Web 2012

¿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/

Page 33: Rich Snippets - Congreso Web 2012

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

Page 34: Rich Snippets - Congreso Web 2012

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

Por Ricardo Tayar y Xavier Colomés

Page 35: Rich Snippets - Congreso Web 2012

¿Mejora el CTR?

Page 36: Rich Snippets - Congreso Web 2012

¿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.

Page 37: Rich Snippets - Congreso Web 2012

¿Mejora el CTR?

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

Page 38: Rich Snippets - Congreso Web 2012

¿Mejora el CTR?

Page 39: Rich Snippets - Congreso Web 2012

¿Cómo se implementan los microdatos?

Page 40: Rich Snippets - Congreso Web 2012

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>

Page 41: Rich Snippets - Congreso Web 2012

<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

Page 42: Rich Snippets - Congreso Web 2012

<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

Page 43: Rich Snippets - Congreso Web 2012

<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

Page 44: Rich Snippets - Congreso Web 2012

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

Page 45: Rich Snippets - Congreso Web 2012

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

Page 46: Rich Snippets - Congreso Web 2012

Author

ReviewaggregateRating

Thing > CreativeWork > Recipe

Recipe

Review + RatingsAggregateRating

Componiendo microdatos

Page 47: Rich Snippets - Congreso Web 2012

Web de la receta

RecipeAuthorProfile

Google+Profile

rel=author rel=me

Enlazando semánticamente

Page 48: Rich Snippets - Congreso Web 2012

Receta - http://schema.org/Recipe

Propiedades de receta

Page 49: Rich Snippets - Congreso Web 2012

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

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

Código original HTML

Page 50: Rich Snippets - Congreso Web 2012

Con microdatos

Page 51: Rich Snippets - Congreso Web 2012

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

Rich Snippets Testing Tool

Page 52: Rich Snippets - Congreso Web 2012

Comprobamos el punto de sal…

Rich Snippets Testing Tool preview

Page 53: Rich Snippets - Congreso Web 2012

Comprobamos tags

Page 54: Rich Snippets - Congreso Web 2012

Reviews, valoraciones y puntuaciones

Las famosas estrellas…..

Nos falta el toque de perejil…

Page 55: Rich Snippets - Congreso Web 2012

<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

Page 56: Rich Snippets - Congreso Web 2012

<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

Page 57: Rich Snippets - Congreso Web 2012

Y ahora al horno y a esperar….

Page 58: Rich Snippets - Congreso Web 2012

MALAS PRÁCTICAS

Page 59: Rich Snippets - Congreso Web 2012

Malas prácticas

TU CONTENIDOES MÁS

ATRACTIVO

Page 60: Rich Snippets - Congreso Web 2012

Malas prácticas

Page 61: Rich Snippets - Congreso Web 2012

Malas prácticas

Page 62: Rich Snippets - Congreso Web 2012

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.

Page 63: Rich Snippets - Congreso Web 2012

Malas prácticas

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

Page 64: Rich Snippets - Congreso Web 2012

Malas prácticas

Después de varios SPAM report:

Page 65: Rich Snippets - Congreso Web 2012

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

Page 66: Rich Snippets - Congreso Web 2012

SOMOS HUMANOS

Page 67: Rich Snippets - Congreso Web 2012

SOMOS HUMANOS

Page 68: Rich Snippets - Congreso Web 2012

¿Preguntas?¡¡¡Dispara!!!

Page 69: Rich Snippets - Congreso Web 2012

GRACIAS

Pedro Martínez@PedroMGFriendlyRentals

Víctor Herná[email protected]