y microdatos: Cómo mejorar la visibilidad en los buscadores

¿Quíen soy?
Pedro Martínez
SEO Head Manager Unidad Editorial
sábado, 5 de octubre de 13

edro MartínezP
Codigos de estado http
1xx: Respuestas informativas
2xx: Peticiones correctas
3xx: Redirecciones
4xx: Errores del cliente
5xx: Errores de servidor

edro MartínezP
3xx: Redirecciones
301: Movido permanentemente
302: Movido temporalmente
303:Vea Otra (desde HTTP/1.1)
307: Movido temporalmente (desde HTTP/1.1)

edro MartínezP
4xx: Errores del cliente
403 : Prohibido
404 : No encontrado
408 :Tiempo de espera agotado
410 :Ya no disponible
503 : Servicio no disponible

edro MartínezP
Corrigiendo errores 404
Comprobar si esas paginas existen o si se
debe a un problema de acceso
Veriﬁcar si queremos que Google indexe ese contenido

edro MartínezP
Si se debe a un problema de acceso o error
de programación

edro MartínezP
Si nunca mas van a estar accesibles y Google
no debe rastrearlas
Eliminamos la URL o
carpeta desde WMT
Bloqueamos el acceso
desde el robots.txt
Marcamos el error
como solucionado
en WMT

edro MartínezP
Canonical
http://www.example.com/product.php?item=swedish-
fish&trackingid=1234567&sort=alpha&sessionid=5678asfasdfasfd
http://www.example.com/product.php?item=swedish-
fish&trackingid=1234567&sort=price&sessionid=5678asfasdfasfd
<link rel="canonical" href="http://www.example.com/product.php?item=swedish-fish"/>
Link: <http://www.example.com/descargas/libro-blanco.pdf>; rel="canonical"
Ficheros HTML
Ficheros PDF o cualquier indexable por Google

edro MartínezP
Canonical
¿rel="canonical" es una sugerencia o una directiva?
¿Puede ser el enlace absoluto o relativo?
¿El contenido de un conjunto de páginas debe ser similar al de la versión canónica?
¿Qué sucede si rel="canonical" conduce a una página que no existe?
¿Puede seguir Google una cadena de designaciones rel="canonical"?
¿Se puede utilizar rel="canonical" para sugerir una URL canónica de un dominio
completamente distinto?

edro MartínezP
Parametros de U rl

edro MartínezP
diferen_s idiOmas
¿Sitios Internacionales?
Se puede asignar por subdominios o por carpetas
¿Seguro que quieres hacerlo?

edro MartínezP
diferen_s idiOmas
<html xml:lang="es" lang="es">
<meta http-equiv="content-language" content="es" />
<link rel="alternate" hreflang="en" href="http://www.friendlyrentals.com/" />
<link rel="alternate" hreflang="nl" href="http://www.friendlyrentals.com/nl/" />
<link rel="alternate" hreflang="it" href="http://www.friendlyrentals.com/it/" />
<link rel="alternate" hreflang="de" href="http://www.friendlyrentals.com/de/" />
<link rel="alternate" hreflang="fr" href="http://www.friendlyrentals.com/fr/" />
<link rel="alternate" hreflang="ru" href="http://www.friendlyrentals.com/ru/" />

edro MartínezP
Paginaciones
rel=prev y rel=next
http://www.example.com/artículo-parte1.html
<link rel="canonical" href="http://www.example.com/artículo-parte1.html">
<link rel="prev" href="http://www.example.com/artículo-parte1.html">
<link rel="next" href="http://www.example.com/artículo-parte3.html">
Fuente: https://support.google.com/webmasters/answer/1663744?hl=es

edro MartínezP
Seo moBile
Fuente: https://developers.google.com/webmasters/smartphone-sites/details
1.- Responsive Web Design
2.- Dynamically serving (Misma URL)
3.- Diferentes URLs para mobile

edro MartínezP
Seo moBile
Responsive Web Design
@media only screen and (max-width: 640px) {...}
Metodo recomendado por Google
Utilizar el robots.txt para indicar que parte de ﬁcheros CSS Javascript
deben ser indexados por cada crawler
El CSS media recomendado por Google

edro MartínezP
Seo moBile
Dynamically serving (misma URL)
GET /page-1 HTTP/1.1
Host: www.example.com
(...rest of HTTP request headers...)
HTTP/1.1 200 OK
Content-Type: text/html
Vary: User-Agent
Content-Length: 5710
(... rest of HTTP response headers...)
Utilizar la cabeceraVary con UserAgent para identiﬁcar si es un dispositivo movil o no

edro MartínezP
Seo moBile
Diferentes URLs
<link rel="alternate" media="only screen and (max-width: 640px)" href="http://m.example.com/page-1" >
<link rel="canonical" href="http://www.example.com/page-1" >
<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"
xmlns:xhtml="http://www.w3.org/1999/xhtml">
<url>
<loc>http://www.example.com/page-1/</loc>
<xhtml:link
rel="alternate"
media="only screen and (max-width: 640px)"
href="http://m.example.com/page-1" />
</url>
</urlset>
Sitemaps

edro MartínezP
<meta name="twitter:card" content="summary"/>
<meta name="twitter:site" content="@usuariodetwitter"/>
<meta name="twitter:title" content="Titulo de la página"/>
<meta name="twitter:image" content="'url-imagen'"/>
<meta name="twitter:description" content="Descripción de la noticia/>
<meta property="og:title" content="Titulo de la página"/>
<meta property="og:description" content="Descripción de la noticia"/>
<meta property="og:url" content=""/>
<meta property="og:type" content="website"/>
<meta property="og:image" content="'url-imagen'"/>
<meta property="og:site_name" content="Nombre del Site"/>
Twitter
Facebook
metaS esPeciales

edro MartínezP
£thorship
https://plus.google.com/authorship

edro MartínezP
£thorship
<link rel="author" href="https://plus.google.com/u/1/101184695872388163245/posts"/>
1.Tener un perﬁl de Google+
2. Incluir la etiqueta rel=author en nuestro site
3.Validar la publicacion de contenido
Necesario en el caso de que nuestra cuenta de correo sea distinta a la del dominio

edro MartínezP
£thorship
Si no aparece asegurate de...
1. La página incluya una firma que te identifique como
su autor
2. En la foto del perfil se vea claramente tu cara

edro MartínezP
Authorship en imagenes

edro MartínezP
Nerdydata
7 formas de usar Nerdydata para SEO - @Aleyda
http://www.stateofdigital.com/nerdydata-seo-tool-searchengine-code/

edro Martínez - @PedroMGP
En un principio puede parecer
complicado, pero con la práctica,
serás un experto.
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.

Mejorar la visibilidad en los
buscadores

Definición de términos
RDFa

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

Especifican información estructurada sobre un vocabulario
definido
Microdatos

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

Evolución Natural
RDFa
XHTML
Microformatos
HTML/ XHTML
Microdatos
HTML5

¡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).

¿Qué es Schema?


edro MartínezP
Destacar es Facil...
...Lo dificil es hacerlo bien

Schema.org :: Recetas


Schema.org :: Resultados deportivos



Schema.org :: Eventos

Schema.org :: Musica


Schema.org :: Peliculas



Schema.org :: Videos

WMT: Datos estructurados

¿Cuál es el objetivo?

TU CONTENIDO
ES MÁS
ATRACTIVO

Destacar frente
a la
competencia
con un
producto mejor

“El desorden provoca tensión y
atención.”
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áﬁco que el primer resultado.

¿Mejora el CTR?

¿Cómo se implementan los
microdatos?

Implementando microdatos
<p>Me llamo Pedro Martínez , soy el
Responsable del departamento SEO
de Unidad Editorial y esta es mi
página web
<a href="http://pedromg.com”>
pedromg.com
</a>.
</p>

<p itemscope >
Me llamo Pedro Martínez, soy el Responsable
del departamento SEO de Unidad Editorial y
esta es mi página web
<a href="http://pedromg.com" >pedromg.com</
a>.
</p>
1.Determinar el ámbito del microdato

<p itemscope itemtype="http://schema.org/Person">
Me llamo Pedro Martínez, soy el Responsable del
departamento SEO de Unidad Editorial y esta es mi
página web
<a href="http://pedromg.com" >pedromg.com</a>.
</p>
2.Especificar el tipo de elemento

<p itemscope itemtype="http://schema.org/Person">
Me llamo <span itemprop="name"> Pedro Martínez</
span>, soy el <span
itemprop="jobTitle">Responsable del departamento
SEO </span> de Unidad Editorial y esta es mi
página web
<a href="http://pedromg.com"
itemprop="url">pedromg.com</a>.</p>
2.Especificar el tipo de elemento
3.Indicar las propiedades del elemento

Let’s
mark-‐up
a
Yorkshire
Pudding
recipe
page
Cocinando una receta

Author
Thing > CreativeWork > Recipe
Recipe
Review + Ratings
AggregateRating
Componiendo microdatos

Página de la receta
Recipe
Author
Proﬁle
Google+
Proﬁle
rel=author
Enlazando semánticamente

Receta - http://schema.org/Recipe
Propiedades de receta

Código original HTML

Con microdatos

http://www.google.com/webmasters/tools/richsnippets
Comprobamos la pureza…
Rich Snippets Testing Tool preview

http://www.google.com/webmasters/tools/richsnippets
Comprobamos la pureza…

Reviews, valoraciones y puntuaciones
Las famosas estrellas…
Nos falta el toque azulado…

<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

Una vez realizado a
esperar….

Nomino a @PedroMG al @seonthebeach 2014 por
su ponencia de seo tecnico en el #seo4seos
Walter White
@heisenberg
Es triste de pedir... pero es peor hacer black hat...

Gracias ;)
¿Preguntas?
Pedro Martínez
Responsable Dept. Unidad Editorial
pedro.martinez@elmundo.es
@PedroMG

y microdatos: Cómo mejorar la visibilidad en los buscadores

Recomendados

Recomendados

Más contenido relacionado

Destacado

Destacado (12)

Similar a y microdatos: Cómo mejorar la visibilidad en los buscadores

Similar a y microdatos: Cómo mejorar la visibilidad en los buscadores (20)

Último

Último (20)

y microdatos: Cómo mejorar la visibilidad en los buscadores