JSON-LD es un formato de datos basado en JSON que puedes utilizar para implementar datos estructurados que describan el contenido de tu sitio a Google y a otros motores de búsqueda. Por ejemplo, si tienes una lista de eventos, cafeterías, personas o de otras cosas, puedes incluir estos datos en tus páginas de forma estructurada utilizando el vocabulario de schema.org insertado en las páginas web como un fragmento JSON-LD. Gracias a los datos estructurados, Google puede comprender mejor tus páginas y destacar su contenido en elementos de búsqueda como, por ejemplo, eventos de Gráfico de conocimiento y fragmentos enriquecidos.
«Web Components» son un conjunto de tecnologías que se utilizan para definir widgets de interfaz de usuario reutilizables y personalizados, así como el comportamiento de los mismos. Todos los desarrolladores web pueden crear un «Web Component». Se empieza por definir una plantilla para una parte diferenciada de la interfaz de usuario, que puedes importar a otras páginas en las que quieras utilizar el «Web Component». Se utiliza un «Custom Element» para definir el comportamiento del «Web Component». Al agrupar la visualización y la lógica de parte de la interfaz de usuario en el «Web Component», puedes compartir y volver a usar el conjunto en otras páginas y con otros desarrolladores. Esto simplifica el desarrollo web.
«Web Components» y JSON-LD se complementan a la perfección. El «Custom Element»funciona como capa de presentación y JSON-LD como la capa de datos que utilizan los «Custom Elements» y los motores de búsqueda. Esto significa que puedes crear «Custom Elements» para todo tipo de schema.org, como schema.org/Event y schema.org/LocalBusiness.
La arquitectura sería parecida a lo que se indica a continuación. Los datos estructurados (por ejemplo, las ubicaciones de las tiendas de tu cadena) se almacenan en tu base de datos. Los datos se insertan en tu página web en forma de fragmento JSON-LD, de esta manera está disponible para que el «Custom Element» lo muestre a un usuario, o para que el robot de Google lo recupere en la indexación de Google.
Puedes obtener más información para empezar a crear tus «Custom Elements» en:
- Nuestro último artículo en html5rocks.com y los ejemplos de código adjuntos
- El sitio web JSON-LD y las especificaciones W3C
- La wiki de «Web Components» y la comunidad de «Web Components» en webcomponents.org.
- schema.org
- La documentación sobre datos estructurados de Google
Posted by Ewa Gasperowicz, Developer Programs Engineer, Mano Marks, Developer Advocate, Pierre Far, Webmaster Trends Analyst. Publicado por Javier Pérez equipo de calidad de búsqueda.
Source: Google Webmasters