Понедельник, 9 марта 2015 г.

JSON-LD

— это формат данных на основе JSON,
который можно использовать для реализации структурированных данных
, описывающих контент на вашем сайте для Google и других поисковых систем. Например, если у вас есть
список мероприятий, кафе, людей или чего-то еще, вы можете включить эти данные на свои страницы структурированным образом,
используя словарь
schema.org , встроенный в
веб-страницы в виде фрагмента JSON-LD. Структурированные данные помогают Google лучше понимать ваши страницы и
выделять ваш контент в поисковых функциях, таких как мероприятия в Knowledge Graph
и
rich snippets
Web Components.

— это новый набор
технологий для определения пользовательских, повторно используемых виджетов пользовательского интерфейса и их поведения. Любой веб-
разработчик может создать Web Component. Вы начинаете с определения шаблона
для отдельной части пользовательского интерфейса, который вы
импортируете на страницы,
на которых хотите использовать Web Component.
Custom Element
используется для определения поведения Web Component. Поскольку вы объединяете отображение и логику
для части пользовательского интерфейса в Web Component, вы можете делиться этим пакетом и повторно использовать его на других
страницах и с другими разработчиками, тем самым упрощая веб-разработку.
JSON-LD и Web Components отлично работают вместе. Custom Element действует как
уровень представления, а JSON-LD — как уровень данных, который потребляют пользовательский элемент и поисковые
системы. Это означает, что вы можете создавать пользовательские элементы для любого типа schema.org, такого как

Event
и LocalBusiness
Ваша архитектура будет выглядеть следующим образом. Ваши структурированные данные хранятся в вашей базе данных, например,
адреса филиалов вашей сети. Эти данные встроены в вашу веб-страницу в виде фрагмента JSON-LD,
что означает, что они доступны для использования Custom Element при отображении посетителю и для извлечения Googlebot в целях индексации Google..

Чтобы узнать больше и начать работу с собственными пользовательскими элементами, см.:

Наша последняя статья на

• HTML5 Rocks
  и
  сопутствующие примеры кода
  Сайт.
• JSON-LD , а такжеспецификацию W3C
  вики Web Components
• и
  сообщество Web Components на webcomponents.org
  schema.org
• документацию Google по
• структурированным данным
  Опубликовал

Ewa Gasperowicz
, инженер программ
для разработчиков,Mano Marks ,
адвокат разработчиков,Pierre Far ,
аналитик тенденций для веб-мастеровУпрощенная разработка веб-сайтов с помощью Web Components и JSON-LD | Alien Road