Formatos Enriquecidos en

Joomla!

● Aparecen debajo de cada resultado de búsqueda● Muestran información clave● Sirven de ayuda a los usuarios● Diferenciarte de la competencia● Agregan valor a los resultados orgánicos● Ayudan a incrementar el tráfico de la página web.

Formatos Enriquecidos

¿Qué tipo de formato existen?

● Microdatos● Microformatos● RDFa

Google recomienda el formato de microdatos, se puede utilizar su Asistente de marcado de datos estructurado.

http://schema.org/ Colaboración entre Google, Microsoft y Yahoo!

Formatos Enriquecidos

RDFa

RDFa

● Describe información específica, como la opinión sobre un restaurante, un evento, una persona o una ficha de un producto.

● Usa atributos simples en etiquetas XHTML (<span> o<div>)

<div xmlns:v="http://rdf.data-vocabulary.org/#" typeof="v:Person"> <p> <span property="v:name">Gretel</span> es CEO en <a href="http://www.bialita.com/" rel="v:url">BIAlita</a> que brinda consultoría en Web Analytics | SEO | SEM | CMS Joomla | Admin del JUG Joomla Ciudad de México. </p></div>

Microformatos

Microformatos

● Describe información específica, como la opinión sobre un evento, una persona o una ficha de un producto.

● Hacen uso del atributo class en las etiquetas HTML (<span> o <div>)

<div class="vcard"> <img class="photo" src="http://www.bialita.com/images/gretel_gutierrez.jpg" /> <strong class="fn">Gretel Gutiérrez</strong> <span class="title">CEO</span> de <span class="org">BIAlita/span> <span class="adr"> <span class="street-address">Pestalozzi</span> <span class="locality">México</span>, <span class="region">Distrito Federal</span> <span class="postal-code">03020</span> </span></div>

Microdatos

Microdatos

● Describe información específica, como la opinión sobre un evento, una persona u opinión.

● Usan atributos simples en etiquetas HTML (<span> o <div>)

<div itemscope itemtype="http://data-vocabulary.org/Person"> <p> <span itemprop="name">Gretel</span> es CEO en <a href="http://www.bialita.com/" itemprop="url">BIAlita</a> que brinda consultoría en Web Analytics | <span itemprop="title">SEO</span> | SEM | CMS Joomla | Admin del JUG Joomla Ciudad de México. </p></div>

Marcado HTML vs

Marcador de Datos

Marcado HTML

● Otros motores de búsqueda comprendan el contenido del sitio web.

● La estructura de tu sitio cambia con frecuencia.● Mejor control sobre los tipos de datos del sitio web.

Marcador de Datos

● Falta de recursos● Falta de conocimiento● Facilidad● No se puede realizar el marcado en HTML● No se puede realizar el marcado en HTML de manera uniforme

¿Qué se puede marcar?

Authorship.

Relaciona los artículos de un sitio web que son de tu autoría con tu perfil de Google +.

¿Qué se puede marcar?

Opiniones.

Ofrece a los usuarios información adicional sobre las puntuaciones con estrellas (1 a 5) y el nombre de los revisores para un producto o servicio.

Ejemplo: Rich Snippets Vote http://goo.gl/nWU0vw

Artículo: http://www.bialita.com/blog/joomla/70-plantilla-para-joomla-3-con-bootstrap Herramienta: http://www.google.com/webmasters/tools/richsnippets

¿Qué se puede marcar?

Personas.

<div itemscope itemtype="http://data-vocabulary.org/Person">

<strong><img style="margin-right: 10px; border: 1px solid #000000; float: left;" src="

images/gretel_gutierrez.jpg" alt="Gretel Gutierrez" width="80" height="80" itemprop="image" />Acerca de <span itemprop="name">Gretel Gutierrez</span></strong>

<p>Es Director en <a href="http://www.bialita.com/" itemprop="url">BIAlita</a> que brinda consultoría en Web Analytics | SEO | SEM | CMS Joomla | Admin del JUG Joomla Ciudad de México. La pueden seguir en su perfil de <a href="https://plus.google.com/+GretelGutierrez?rel=author" target="_blank" onclick="dataLayer.push({'event': 'cGretel'});">Google +</a></p>

</div>

* Módulo Authorship

¿Qué se puede marcar?

Productos.

Es posible mostrar información sobre productos como el precio, la disponibilidad y las opiniones.

* Muestra información actualizada y exacta

¿Qué se puede marcar?

Empresas y organizaciones.

● Negocios locales: restaurantes, bancos, cine, etc.● Organizaciones: fundación, escuela, asociación, etc.

Recetas

● Tiempo de preparación, ingredientes, imagen, etc.

¿Qué se puede marcar?

Eventos.

¿Qué se puede marcar?

Videos.

<div itemprop="video" itemscope="" itemtype="http://schema.org/VideoObject" class="video-container">

<h2>Video: <span itemprop="name">Plantilla con Bootstrap3</span></h2><object width="640" height="360" data="//www.youtube.com/v/GFV8xeKiAeM?version=3&amp;hl=es_MX">

<param name="movie" value="//www.youtube.com/v/GFV8xeKiAeM?version=3&amp;hl=es_MX" />

<param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><embed src="//www.youtube.

com/v/GFV8xeKiAeM?version=3&amp;hl=es_MX" type="application/x-shockwave-flash" width="640" height="360" allowscriptaccess="always" allowfullscreen="allowfullscreen" movie="//www.youtube.com/v/GFV8xeKiAeM?version=3&amp;hl=es_MX" allowFullScreen="true"></embed>

</object></div>

¿Qué se puede marcar?

Videos.

● Se aceptan videos del tipo mpg, .mpeg, .mp4, .m4v, .mov, .wmv, .asf, .avi, .ra, .ram, .rm, .flv, .swf.

● Se recomienda generar un mapa de sitio, se puede usar un RSS en lugar de un mapa

Ejemplo: https://www.google.com.mx/search?q=bootstrap&num=40&espv=210&es_sm=91&source=lnms&tbm=vid&sa=X&ei=rTH4UvbFJKaAygG0z4DYCA&ved=0CAoQ_AUoAg&biw=1436&bih=783

Buenas prácticas

Recomendaciones

● No utilizar formatos enriquecidos en contenido oculto.

● Revisa que no te falten propiedades obligatorias. Ej. Productos > Precio

● En Herramientas para Webmaster utiliza Explorar como Google

● Pide ayuda en https://support.google.com/webmasters/contact/rich_snippets_feedback

Open Graph

● No proporciona la información detallada que necesitan los motores de búsqueda para mejorar la experiencia del usuario

● Ayuda a mejorar la comunicación entre empresas y usuarios. ● Socializas un contenido de algo que estás haciendo.

Ayuda: https://developers.facebook.com/tools/debug

¡GRACIAS!

@_GretelG