Генератор 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.
Как использовать Генератор Open Graph
Генерируйте метатеги Open Graph, чтобы страницы корректно отображались в превью Facebook, X и LinkedIn, с живым предпросмотром карточки. Теги создаются локально в браузере — ничего не загружается на сервер.
- Введите адрес страницы в поле og:url и изображение для шеринга в og:image, например https://www.localtoolz.com/image.jpg.
- Выберите тип контента среди опций og:type: website, article, product, profile, video.movie, music.song или book.
- Заполните og:site_name и og:locale, чтобы карточка показывала бренд и язык.
- Для статей добавьте article:published_time, article:modified_time, article:author, article:section и article:tag.
- Для товаров задайте product:price:amount и product:price:currency, например 29.99 и USD.
- Скопируйте сгенерированные теги из вывода и вставьте их в <head> вашей страницы.
og:image требует абсолютный URL, в идеале 1200×630 пикселей — относительные пути ломают большинство социальных превью.
Похожие инструменты
- Генератор Мета-Тегов Бесплатный онлайн-инструмент для создания SEO мета-тегов, Open Graph и Twitter Card с предпросмотром Google.
- Калькулятор Chmod Бесплатный онлайн-калькулятор chmod для визуализации и вычисления прав доступа Linux с помощью флажков. Мгновенное преобразование между числовой (755, 644) и символической нотацией (rwxr-xr-x). Поддержка специальных прав: setuid, setgid, sticky bit.
- Таблица ASCII Полная справочная таблица кодировки ASCII с десятичными, шестнадцатеричными, восьмеричными, двоичными кодами, HTML-сущностями и описаниями символов. Мгновенный поиск и фильтрация.
- Тестер HTTP-запросов Тестируйте REST API прямо в браузере. Отправляйте запросы GET, POST, PUT, DELETE с пользовательскими заголовками, телом и параметрами. Мгновенно просматривайте статус, заголовки и JSON-тело ответа.
- Генератор .htaccess Генерация правил .htaccess Apache для перенаправлений, перезаписи, заголовков безопасности, кэширования и др.
- Генератор Robots.txt Бесплатный онлайн-генератор robots.txt. Создавайте и настраивайте файлы robots.txt для управления сканированием поисковых систем, контроля доступа краулеров и оптимизации SEO вашего сайта.
- Генератор Sitemap Бесплатный онлайн генератор XML sitemap. Добавляйте URL, настраивайте приоритеты и частоты, создавайте SEO-sitemap мгновенно.
- Crontab Гуру Разбор и объяснение cron-выражений. Показывает описание расписания и следующее время выполнения.