Monday, March 09, 2015
JSON-LD is a JSON-based data format
that can be used to implement
structured data
describing content on your site to Google and other search engines. For example, if you have a
list of events, cafes, people or more, you can include this data in your pages in a structured way
using the schema.org vocabulary embedded in
webpages as a JSON-LD snippet. The structured data helps Google understand your pages better and
highlight your content in search features, such
events in the Knowledge Graph
and
rich snippets.
Web Components are a nascent set of
technologies to define custom, reusable user interface widgets and their behavior. Any web
developer can build a Web Component. You start by defining a
template
for a distinct part of the user interface, which you
import into the pages
on which you want to use the Web Component. A
Custom Element
is used to define the behavior of the Web Component. Because you’re bundling the display and logic
for part of the user interface into the Web Component, you can share and reuse the bundle on other
pages and with other developers, thus simplifying web development.
JSON-LD and Web Components work really well together. The Custom Element functions as the
presentation layer and the JSON-LD functions as the data layer that the custom element and search
engines consume. This means you can build custom elements for any schema.org type, such as
Event and
LocalBusiness.
Your architecture would then look like this. Your structured data is stored in your database, for
example, the store locations in your chain. This data is embedded into your webpage as a JSON-LD
snippet, which means it’s available to be consumed by the Custom Element to display to a human
visitor and for Googlebot to retrieve for Google indexing.
To learn more and get started with your own custom elements, please see:
- Our latest article on
HTML5 Rocks
and
the accompanying code examples. - The JSON-LD website, and
the W3C spec - Web Components wiki and the
Web Components community on
webcomponents.org - schema.org
- Google’s
structured data documentation
So setzen wir das um
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.
Verwandte Leistungen