seo técnico y microdatos #seo4seos

sábado, 5 de octubre de 13

¿Quíen soy?Pedro MartínezSEO Head Manager Unidad Editorial


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


http://es.wikipedia.org/wiki/HTTP_403

http://es.wikipedia.org/wiki/HTTP_403

http://es.wikipedia.org/wiki/Error_404


edro MartínezP

Corrigiendo errores 404

Comprobar si esas paginas existen o si se debe a un problema de acceso

Verificar si queremos que Google indexe ese contenido






edro MartínezP

Corrigiendo errores 404Si se debe a un problema de acceso o error de programación






edro MartínezP

Corrigiendo errores 404Si 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

Canonicalhttp://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/" />


http://www.friendlyrentals.com/

http://www.friendlyrentals.com/

http://www.friendlyrentals.com/nl/

http://www.friendlyrentals.com/nl/

http://www.friendlyrentals.com/it/

http://www.friendlyrentals.com/it/

http://www.friendlyrentals.com/de/

http://www.friendlyrentals.com/de/

http://www.friendlyrentals.com/fr/

http://www.friendlyrentals.com/fr/

http://www.friendlyrentals.com/ru/

http://www.friendlyrentals.com/ru/

edro MartínezP

Paginacionesrel=prev y rel=nexthttp://www.example.com/artículo-parte1.htmlhttp://www.example.com/artículo-parte2.htmlhttp://www.example.com/artículo-parte3.htmlhttp://www.example.com/artículo-parte4.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


https://developers.google.com/webmasters/smartphone-sites/details


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 ficheros 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.1Host: www.example.com(...rest of HTTP request headers...)

HTTP/1.1 200 OKContent-Type: text/htmlVary: User-AgentContent-Length: 5710(... rest of HTTP response headers...)

Utilizar la cabecera Vary con UserAgent para identificar si es un dispositivo movil o no




http://www.example.com

http://www.example.com

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 perfil de Google+

2. Incluir la etiqueta rel=author en nuestro site

3. Validar la publicacion de contenidoNecesario 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 - @Aleydahttp://www.stateofdigital.com/nerdydata-seo-tool-searchengine-code/


edro Martínez - @PedroMGP

En un principio puede parecercomplicado, 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érminosRDFa 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

RDFaXHTML

MicroformatosHTML/ XHTML

MicrodatosHTML5



¡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 CONTENIDOES MÁS ATRACTIVO



Destacar frente a la

competencia con un

producto mejorsábado, 5 de octubre de 13


“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áfico 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>

1.Determinar el ámbito del microdato2.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>

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



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

Cocinando una recetasábado, 5 de octubre de 13


Author

Thing > CreativeWork > Recipe

Recipe

Review + RatingsAggregateRating

Componiendo microdatos



Página de la receta

RecipeAuthorProfile

Google+Profile

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


http://schema.org/Review

http://schema.org/Review


<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ínezResponsable Dept. Unidad [email protected]@PedroMG


seo técnico y microdatos #seo4seos

Technology