Open Graph — это протокол для интеграции контента веб-страниц в социальные сети. Он позволяет веб-страницам стать "богатыми" объектами в социальных платформах, предоставляя структурированные данные, которые помогают улучшить внешний вид ссылок при их размещении в социальных сетях. Open Graph помогает контролировать, как именно ваши страницы будут отображаться при публикации в социальных сетях.
Основные теги Open Graph
1. og
- Описание: Заголовок страницы, который будет отображаться в предварительном просмотре.
- Пример:
2. og
- Описание: Краткое описание страницы, которое отображается под заголовком.
- Пример:
3. og
- Описание: URL изображения, которое будет отображаться в предварительном просмотре. Это может быть как логотип, так и любое другое изображение.
- Пример:
4. og
- Описание: Полный URL…
Open Graph — это протокол для интеграции контента веб-страниц в социальные сети. Он позволяет веб-страницам стать "богатыми" объектами в социальных платформах, предоставляя структурированные данные, которые помогают улучшить внешний вид ссылок при их размещении в социальных сетях. Open Graph помогает контролировать, как именно ваши страницы будут отображаться при публикации в социальных сетях.
Основные теги Open Graph
1. og
- Описание: Заголовок страницы, который будет отображаться в предварительном просмотре.
- Пример:
<meta property="og:title" content="Пример заголовка страницы">
2. og
- Описание: Краткое описание страницы, которое отображается под заголовком.
- Пример:
<meta property="og:description" content="Это краткое описание страницы, которое будет отображаться в социальных сетях.">
3. og
- Описание: URL изображения, которое будет отображаться в предварительном просмотре. Это может быть как логотип, так и любое другое изображение.
- Пример:
<meta property="og:image" content="https://example.com/image.jpg">
4. og
- Описание: Полный URL страницы, который будет использоваться при публикации в социальных сетях.
- Пример:
<meta property="og:url" content="https://example.com/page.html">
5. og
- Описание: Тип объекта. Он помогает социальным сетям понять, о каком типе контента идет речь, и определить, как его отображать.
- Примеры:
website(для общего веб-сайта)article(для статьи)video(для видео)product(для продукта)
- Пример:
<meta property="og:type" content="article">
6. og
- Описание: Название сайта, на котором размещена страница.
- Пример:
<meta property="og:site_name" content="Example Site">
7. og
- Описание: Языковой и региональный код страницы, например,
en_USдля английского языка в США. - Пример:
<meta property="og:locale" content="en_US">
8. og
- Описание: URL видео, который будет отображаться на странице. Может использоваться для видео-контента.
- Пример:
<meta property="og:video" content="https://example.com/video.mp4">
9. og
- Описание: URL аудио-файла, который может быть включен в предварительный просмотр.
- Пример:
<meta property="og:audio" content="https://example.com/audio.mp3">
Дополнительные теги Open Graph
10. og
- Описание: Время последнего обновления страницы.
- Пример:
<meta property="og:updated_time" content="2024-09-05T12:34:56+00:00">
11. og
- Описание: Определитель, который используется перед заголовком. Примеры: "a", "an", "the".
- Пример:
<meta property="og:determiner" content="the">
12. og:video
- Описание: Ширина видео.
- Пример:
<meta property="og:video:width" content="600">
13. og:video
- Описание: Высота видео.
- Пример:
<meta property="og:video:height" content="400">
14. og:image
- Описание: Ширина изображения.
- Пример:
<meta property="og:image:width" content="1200">
15. og:image
- Описание: Высота изображения.
- Пример:
<meta property="og:image:height" content="630">
Примеры использования Open Graph
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta property="og:title" content="Example Title">
<meta property="og:description" content="This is an example description of the page.">
<meta property="og:image" content="https://example.com/image.jpg">
<meta property="og:url" content="https://example.com/page.html">
<meta property="og:type" content="article">
<meta property="og:site_name" content="Example Site">
<meta property="og:locale" content="en_US">
</head>
<body>
<!-- Content goes here -->
</body>
</html>
Использование этих тегов позволяет точно настроить, как ваши страницы будут отображаться в социальных сетях, улучшая видимость и привлекая внимание к вашему контенту
Лайков: 0 Дизлайков: 0
Категории
Посты в категории
Блог
Теги
Привлечение клиентов Повышение продаж Продвижения бизнеса Продвижение продвижение бизнеса продажи Соц.сети Сотрудники Сообщества Telegram VK Ozon Яндекс Wildberries Сайт калькулятор Бизнес-план Искусственный интеллект ИИ Товары Директор Артисты Тренировки Человек Анализ Аудиокнига Здоровье Фитнес Ремонт квартир Йога It Кофейня Поисковики Телеграм 2024 Google Продажи Зубной кабинет RuTube Поисковик Яндекс.Директ Маркетплейсы Байер Закупки Открытие бизнеса TikTok Отделка квартир Магазин одежды VK Видео Видео ОК ОдноклассникиБлог
Смотреть всеКонтент-мейкеры: Кто они и какую роль играют в современном медиапространстве
Список социальных сетей и сайтов в России
Кто такой SMM специалист и почему он важен для компании?
Как выбрать и проверить SMM специалиста: навыки, поиск, собеседование и отличия
Как анализировать эффективность SMM кампаний
Как анализировать SMM кампании в VK.com, Яндекс.Директе и Telegram с использованием Яндекс.Метрики
SMM стратегия для стоматологической клиники в Москве с использованием VK.com, Яндекс.Директ, Telegram, Дзен, RuTube, VK Видео и «Видео ОК»
Как создать эффективную SMM стратегию: ключевые шаги и примеры компаний-лидеров
SMM стратегия для стоматологической клиники в Москве с использованием VK.com, Яндекс.Директ, Telegram, Дзен, RuTube, VK Видео и «Видео ОК»