Рассказываем что такое Open Graph разметка
Open Graph Разметка - это набор мета-тегов, которые позволяют сайтам описывать свои страницы и предоставлять информацию о них социальным медиа и другим приложениям. Это позволяет пользователям легко делиться контентом сайта в социальных сетях, не требуя от них знания специфических URL или кодов. Open Graph был создан в 2010 году и поддерживается Facebook, Twitter, LinkedIn и другими социальными платформами.
Основные мета-теги Open Graph:
- og:title - заголовок страницы, который будет отображаться в социальных медиа
- og:type - тип контента, например, “article”, “video” или “product”.
- og:url - URL страницы, который используется для создания ссылки на нее в социальных медиа.
- og:image - URL изображения, которое будет использоваться в качестве обложки страницы в социальных сетях.
- og:description - описание страницы, которое будет отображаться под заголовком.
- og:site_name - название сайта, которое будет использовано в социальных медиа для идентификации контента.
- og:locale - язык страницы, используется для определения языка, на котором отображается контент в социальных платформах.
- og:updated_time - время последнего обновления страницы.
- og:tags - теги, которые используются для категоризации контента на странице.
- og:video - информация о видео, если оно присутствует на странице (URL, заголовок, описание и т.д.).
- og:audio - информация об аудио, если оно присутствует на странице (URL, название и т.д.).
Как использовать Open Graph разметку?
Для использования Open Graph разметки, необходимо добавить соответствующие мета-теги в код HTML каждой страницы сайта. Вот пример кода:
<head>
<meta property=“og:title” content=“Заголовок страницы”>
<meta property=“og:type” content=“article”>
<meta property=“og:url” content=“URL страницы”>
<meta property=“og:image” content=“Изображение для обложки”>
<meta property=“og:description” content=“Описание страницы”>
</head>
После добавления мета-тегов Open Graph, пользователи смогут легко делиться вашим контентом в социальных сетях и других приложениях, просто нажав кнопку “Поделиться”. Вы также можете настроить внешний вид вашей страницы в социальных медиа, используя дополнительные параметры Open Graph.
Вывод
Open Graph разметка - это простой и эффективный способ предоставления информации о вашем контенте для социальных медиа и других приложений. Она позволяет улучшить взаимодействие с пользователями и увеличить видимость вашего сайта в социальных сетях.