JSON-LD
es un formato de datos basado en JSON
que se puede utilizar para implementar datos estructurados
que describen el contenido de tu sitio a Google y otros motores de búsqueda. Por ejemplo, si tienes una
lista de eventos, cafeterías, personas o más, puedes incluir estos datos en tus páginas de forma estructurada
utilizando el vocabulario
schema.org incrustado en
las páginas web como un fragmento JSON-LD. Los datos estructurados ayudan a Google a entender mejor tus páginas y a
destacar tu contenido en las funciones de búsqueda, como eventos en el Knowledge Graph
y
rich snippets
Web Components.
son un conjunto naciente de
tecnologías para definir widgets de interfaz de usuario personalizados y reutilizables y su comportamiento. Cualquier desarrollador
web puede crear un Web Component. Empiezas definiendo una plantilla
para una parte distinta de la interfaz de usuario, que
importas en las páginas
en las que deseas utilizar el Web Component. Un
Custom Element
se utiliza para definir el comportamiento del Web Component. Como estás agrupando la visualización y la lógica
para una parte de la interfaz de usuario en el Web Component, puedes compartir y reutilizar el paquete en otras
páginas y con otros desarrolladores, simplificando así el desarrollo web.
JSON-LD y Web Components funcionan muy bien juntos. El Custom Element funciona como la
capa de presentación y el JSON-LD funciona como la capa de datos que consumen el elemento personalizado y los motores
de búsqueda. Esto significa que puedes crear elementos personalizados para cualquier tipo de schema.org, como
Event
y LocalBusiness
Tu arquitectura se vería así. Tus datos estructurados se almacenan en tu base de datos, por.
ejemplo, las ubicaciones de las tiendas en tu cadena. Estos datos están incrustados en tu página web como un fragmento JSON-LD,
lo que significa que están disponibles para ser consumidos por el Custom Element para mostrarlos a un visitante humano y para que Googlebot los recupere para la indexación de Google.
Para obtener más información y empezar con tus propios elementos personalizados, consulta:
Nuestro artículo más reciente sobre
- HTML5 Rocks
y
los ejemplos de código que lo acompañan
El. - sitio web de JSON-LD , yla especificación de W3C
la wiki de Web Components - y la
comunidad de Web Components en webcomponents.org
schema.org - la documentación de datos estructurados de
- Google
Publicado por
Cómo lo aplicamos
Google announcements age. We keep this post here for the record, and we note for clients whether the behaviour it describes still applies today or has since been superseded.
Servicios relacionados