quinta-feira, 19 de março de 2015
O
JSON-LD
é um formato de dados com base em JSON que pode ser usado para implementar
dados estruturados
a fim de descrever conteúdos no seu site para o Google e outros mecanismos de busca. Por exemplo, se você tiver uma lista de eventos, restaurantes, pessoas ou algo mais, pode incluir esses dados nas páginas de um modo estruturado usando o vocabulário
schema.org
, incorporado nas páginas da web como um snippet JSON-LD. Os dados estruturados ajudam o Google a entender melhor suas páginas e a destacar o conteúdo em recursos de pesquisa, tais como
eventos no Mapa do Conhecimento
e
rich snippets
.
Os Web Components são um conjunto emergente de tecnologias usadas para definir widgets personalizados e reutilizáveis de interface do usuário e seus respectivos comportamentos. Qualquer desenvolvedor web pode construir um Web Component. Você começa pela definição de um modelo para uma parte específica da interface de usuário, que depois será importada para as páginas nas quais você deseja usar o Web Component. Um Custom Element é usado para definir o comportamento do Web Component. Como você está agrupando a exibição e a lógica de uma parte da interface de usuário no Web Component, é possível compartilhar e reutilizar o grupo em outras páginas e com outros desenvolvedores, simplificando o processo de desenvolvimento.
O JSON-LD e os Web Components funcionam muito bem juntos. O Custom Element funciona como a camada de apresentação, ao passo que o JSON-LD funciona como a camada de dados consumida pelo Custom Element e pelos mecanismos de busca. Isso significa que é possível construir Custom Elements para qualquer tipo de schema.org, como schema.org/Event e schema.org/LocalBusiness .
Sua arquitetura seria assim: os dados estruturados são armazenados no banco de dados (por exemplo, os endereços das lojas da sua rede). Os dados são incorporados na sua página web na forma de um snippet JSON-LD, o que os torna disponíveis para consumo pelo Custom Element. Assim, eles podem ser exibidos a um visitante humano e também ser recuperados pelo Googlebot para a indexação do Google.
Para saber mais e dar os primeiros passos com seus Custom Elements, consulte:
Os Web Components são um conjunto emergente de tecnologias usadas para definir widgets personalizados e reutilizáveis de interface do usuário e seus respectivos comportamentos. Qualquer desenvolvedor web pode construir um Web Component. Você começa pela definição de um modelo para uma parte específica da interface de usuário, que depois será importada para as páginas nas quais você deseja usar o Web Component. Um Custom Element é usado para definir o comportamento do Web Component. Como você está agrupando a exibição e a lógica de uma parte da interface de usuário no Web Component, é possível compartilhar e reutilizar o grupo em outras páginas e com outros desenvolvedores, simplificando o processo de desenvolvimento.
O JSON-LD e os Web Components funcionam muito bem juntos. O Custom Element funciona como a camada de apresentação, ao passo que o JSON-LD funciona como a camada de dados consumida pelo Custom Element e pelos mecanismos de busca. Isso significa que é possível construir Custom Elements para qualquer tipo de schema.org, como schema.org/Event e schema.org/LocalBusiness .
Sua arquitetura seria assim: os dados estruturados são armazenados no banco de dados (por exemplo, os endereços das lojas da sua rede). Os dados são incorporados na sua página web na forma de um snippet JSON-LD, o que os torna disponíveis para consumo pelo Custom Element. Assim, eles podem ser exibidos a um visitante humano e também ser recuperados pelo Googlebot para a indexação do Google.
Para saber mais e dar os primeiros passos com seus Custom Elements, consulte:
- Nosso artigo mais recente em html5rocks.com e os exemplos de código que os acompanham .
- O website do JSON-LD e o W3C spec .
- A wiki dos Web Components , além da comunidade on-line em webcomponents.org .
- O site schema.org
- A documentação sobre dados estruturados do Google.