Martes class rich snippets pptx

10
Martes Class: RICH SNIPPETS

Transcript of Martes class rich snippets pptx

Page 1: Martes class rich snippets pptx

Martes Class:

RICH SNIPPETS

Page 2: Martes class rich snippets pptx

Martes Class: Rich Snippets

ÍNDICE

OrigenDefiniciónTipos de marcadoSnippets más popularesEjemplo de ImplementaciónHerramientasNovedades

Page 3: Martes class rich snippets pptx

Martes Class: Rich Snippets

HISTORIA2009Google empieza a añadir fragmentos enriquecidos (microformatos) en sus resultados de búsqueda. Permitiendo visualizar información adicional y características avanzadas para mejorar la experiencia del usuario

2011

Nace Schema.org fruto de la alianza de Google, Yahoo, Bing y Yandex con el objetivo de proveer diferentes “esquemas” de marcado web estandarizado sin importar el motor de búsqueda.

Page 4: Martes class rich snippets pptx

Martes Class: Rich Snippets

DEFINICIÓN Los Rich Snippets son una convención de los principales motores de búsqueda a través deSchema.org para etiquetar contenido con información más avanzada. (bloques en cuadro en las SERPs)

¿Y schema.org?Plataforma donde se define el correcto uso de los textos enriquecidos a través de un vocabulario estandarizado y ofrecido en tres tipos de marcado para que los webmaster puedan implementarlo.

● Microdata● JSON-LD● RDFa

¿Por qué es tan importante?Para Google el objetivo de mostrar estas líneas de texto adicional en sus SERPs es dotar de mayor información sobre lo que el usuario se va a encontrar en la página, teniendo un impacto directo en el CTR de la página.

(cuanto más cuqui quede nuestro resultado de búsqueda, más posibilidad de que nos visiten)

Page 5: Martes class rich snippets pptx

Martes Class: Rich Snippets

TIPOS DE MARCADO

MARCADO Implementación Etiquetas utilizadas Notas

MICRODATA Etiquetas HTML intercaladas en el contenido

Itemscope Itemtype Itemprop

HTML puro y soporta todos los schemas

JSON-LD Script inline @type @context

Más fácil de implementar y preferido por Google

RDFa Etiquetas xHTML intercaladas en el contenido

Property Typeof Uno de los marcados menos utilizados y

destinados al desuso

Page 6: Martes class rich snippets pptx

Martes Class: Rich Snippets

RICH SNIPPETS POPULARESRATING / REVIEW

- El buscador muestra este snippet cuando encuentra valoraciones válidas, o clasificaciones

- Muestra 5 estrellitas iluminadas en función de las valoraciones de los usuarios (max 5)

- Si las valoraciones son positivas, el CTR aumenta considerablemente

PRODUCTO

- Muy útil para ecommerce y fichas de producto- ¿Qué se puede destacar? Imágen, precio, stock disponible, marca

OTROS

- Eventos, videos, recetas, organizaciones...

Page 7: Martes class rich snippets pptx

Martes Class: Rich Snippets

EJEMPLO IMPLEMENTACIÓN - REVIEWMICRODATA

Itemtype - Atributos utilizados

RATING: http://www.schema.org/Rating

Itemprop - Atributos utilizados

itemprop=“worstRating” La peor valoración posible (0 estrellitas)itemprop=“bestRating” La mejor valoración posible (5 estrellitas)itemprop=”ratingValue” La valoración recibida por el usuario

JSON-LDREVIEW: http://www.schema.org/Review

Itemprop=”dataPublished” FECHAItemprop=”itemreviewed” ITEMItemprop=”author” AUTORItemprop=”description” DESCRIPCIÓN

Page 8: Martes class rich snippets pptx

Martes Class: Rich Snippets

TOOLSRICH SNIPPET TESTING TOOLComprobar los rich snippets implementados en una página y comprobar si hay errores

JSON- LD Schema Generator

Generador del rich snippet en marcado JSON completando los campos que marca

GOOGLE SEARCH CONSOLE

Informe de rich snippets que tienes implementados en tu página y si hay errores

SCREAMING FROG - DIOS!Scraping de contenido para que rastree los schemas insertados en cada una de las URLs

Más herramientas y pluginshttps://wordpress.org/plugins/all-in-one-schemaorg-rich-snippets/ (plugin de schemas para wordpress)https://www.magentocommerce.com/magento-connect/msemantic-semantic-seo-for-rich-snippets-in-google-and-yahoo.html (plugin para snippet de producto)https://webmaster.yandex.com/tools/microtest/ (testing tool de yandex)https://chrome.google.com/webstore/detail/microdatareveal/olapakiakkblfdaajcifgldandnikpdh?hl=en (extensión de chrome que se activa cuando en la página detecta microdatos)

Page 9: Martes class rich snippets pptx

Martes Class: Rich Snippets

COSAS CHULAS Y NOVEDADESFEATURED SNIPPET GOOGLE

- Responden a consultas reales de los usuarios (muy enfocado a búsquedas long tail)

- Visualmente se muestra como una cajetilla de información, bullets points o tabla. Depende del tipo de búsqueda

- Lo mejor? Te aseguras la primera posición y aquí lo tenemos!

RICH SNIPPET RESULTADOS IMAGÉNES DE MÓVIL

- El buscador de Google Imágenes muestra el marcado de producto en búsquedas de móvil

- Desde diciembre está incluído en el guidelines de schemas de producto

KNOWLEDGE GRAPHEl Knowledge Graph es una base de conocimiento creada por Google a través de diferentes fuentes de información como Wikipedia.Google intenta emular el comportamiento de un cerebro, que es capaz, no sólo de almacenar diferentes inputs de conocimiento, sino de relacionarlos entre ellos y así lograr entender la búsqueda y no sólo basarse en las keywords.VIDEO

Page 10: Martes class rich snippets pptx

¡GRACIAS! ☺