Генератор Open Graph
Генерация мета-тегов Open Graph для оптимизации превью при шаринге в Facebook, Twitter и LinkedIn с живым предпросмотром карточки
Что такое мета-теги Open Graph?
Мета-теги Open Graph — это HTML-теги, которые управляют тем, как ваша веб-страница отображается при шаринге в социальных сетях, таких как Facebook, Twitter и LinkedIn. Они определяют заголовок, описание, изображение и другие свойства.
Зачем нужны теги Open Graph?
Без OG-тегов соцсети будут выбирать контент со страницы случайным образом, что может привести к непривлекательным или некорректным превью. OG-теги гарантируют профессиональный вид ваших ссылок.
Какой рекомендуемый размер изображения для og:image?
Рекомендуемый размер изображения — 1200×630 пикселей, минимум 600×315 пикселей. Facebook и большинство платформ используют соотношение сторон 1.91:1 для превью ссылок.
Используют ли карточки Twitter теги Open Graph?
Twitter поддерживает теги Open Graph как запасной вариант, но также имеет собственные теги twitter:card, twitter:title, twitter:description и twitter:image. Этот инструмент генерирует оба набора для максимальной совместимости.
Какие теги Open Graph обязательны?
Минимально необходимые OG-теги: og:title, og:type, og:image и og:url. Однако настоятельно рекомендуется добавить og:description для улучшения превью в социальных сетях.
Как проверить теги Open Graph?
Вы можете использовать Facebook Sharing Debugger, Twitter Card Validator или LinkedIn Post Inspector. Этот инструмент также предоставляет живое превью.
Влияет ли Open Graph на SEO?
Теги Open Graph не влияют напрямую на ранжирование в поисковых системах, но улучшают кликабельность ссылок в социальных сетях, делая их более привлекательными, что косвенно может помочь SEO.
Что такое og:type и какие значения доступны?
og:type определяет тип публикуемого контента. Распространённые значения: website, article, video, music, book и profile. Правильный выбор типа помогает платформам корректно отображать ваш контент.
Можно ли использовать несколько тегов og:image?
Да, вы можете указать несколько тегов og:image. Социальные сети обычно отображают первое изображение или позволяют пользователям выбрать из всех доступных изображений.
Как добавить теги Open Graph на сайт?
Просто скопируйте сгенерированные HTML-метатеги и вставьте их в секцию <head> вашей страницы. Для WordPress можно использовать SEO-плагины Yoast или Rank Math для автоматической генерации OG-тегов.
В чём разница между Open Graph и Twitter Cards?
Open Graph создан Facebook и используется большинством социальных платформ. Twitter Cards — это собственная спецификация Twitter с дополнительными функциями, такими как summary_card_with_large_image. Оба могут сосуществовать.
Как просмотреть Open Graph перед публикацией?
Используйте этот генератор для создания и просмотра OG-тегов в реальном времени. Живое превью показывает, как именно ваша ссылка будет выглядеть на Facebook, Twitter и LinkedIn.