Создайте ваши теги Open Graph
Основная информация
Настройки изображения
Дополнительные настройки
Генерируйте идеальные теги Open Graph для социальных сетей
Сделайте страницы вашего сайта великолепными при публикации в Facebook, LinkedIn, WhatsApp, Slack и других сервисах
Теги Open Graph (OG) — это мета-теги, которые управляют отображением ваших веб-страниц при публикации в социальных сетях. Без правильных OG-тегов социальные сети будут угадывать, какой заголовок, описание и изображение показать — часто с плохими результатами. Наш генератор поможет создать идеальные OG-теги за секунды.
Что такое теги Open Graph?
Open Graph — это протокол, созданный Facebook, который позволяет веб-страницам становиться богатыми объектами в социальном графе. Когда вы делитесь URL в Facebook, LinkedIn, WhatsApp или Slack, OG-теги точно сообщают платформам, какой заголовок, описание, изображение и другую информацию отображать.
Ключевые возможности
Предпросмотр в реальном времени
Увидьте, как именно будет выглядеть ваша страница при публикации, ещё до размещения.
Множество типов контента
Поддержка типов: веб-сайт, статья, продукт, видео, музыка и профиль.
Оптимизация изображений
Задайте точные размеры изображения для чётких, профессиональных превью.
Копирование в один клик
Мгновенно скопируйте сгенерированные теги и вставьте в секцию head вашего HTML.
100% на стороне клиента
Вся обработка происходит в вашем браузере. Никакие данные не отправляются на сервер.
Соответствие стандартам
Сгенерированные теги соответствуют официальной спецификации протокола Open Graph.
Лучшие практики
- Держите og:title менее 60 символов для оптимального отображения на всех платформах.
- Пишите og:description длиной 100–200 символов для лучшей вовлечённости.
- Используйте изображения размером 1200×630 пикселей для лучшего качества в Facebook и LinkedIn.
- Всегда включайте og:url для обеспечения использования канонического URL при публикации.
- Тестируйте OG-теги с помощью Facebook Sharing Debugger после внедрения.
- Обновляйте OG-теги при изменении содержимого страницы или изображений.
Часто задаваемые вопросы
Где размещать теги Open Graph?
Размещайте OG-теги в секции <head> вашей HTML-страницы. Это должны быть теги <meta> с атрибутами property и content.
Какой идеальный размер OG-изображения?
Рекомендуемый размер — 1200×630 пикселей. Facebook требует минимум 200×200 пикселей, а изображения менее 600×315 пикселей будут отображаться как маленькие миниатюры.
Влияют ли OG-теги на SEO?
OG-теги не влияют напрямую на поисковый рейтинг, но значительно улучшают показатели кликабельности из социальных сетей, что может косвенно улучшить SEO.
Как протестировать мои OG-теги?
Используйте Facebook Sharing Debugger (developers.facebook.com/tools/debug/) для тестирования. У LinkedIn также есть инструмент Post Inspector.