Генератор мета-тегов Open Graph онлайн для соцсетей
Заполните поля ниже, чтобы получить готовый код.
Основные Метаданные
Рекомендуемые размеры: 1200px x 630px; минимальные: 600px x 315px
Дополнительные Метаданные
Будет отображаться после заголовка.
Ваш сгенерированный код
Что такое Open Graph?
Open Graph — это стандарт микроразметки для создания превью страниц сайтов в соцсетях. Open Graph разработали специалисты Facebook, чтобы ссылки на сайты внутри соцсети отображались красиво и были информативными. Сейчас Open Graph поддерживают многие соцсети: Facebook, Twitter, Google+, ВКонтакте, Одноклассники и мессенджеры, например, Telegram и Skype.
Зачем использовать Open Graph?
- чтобы пользователь видел на превью ссылки релевантный текст и изображение
- чтобы улучшить поведенческие факторы сайта — правильно оформленная ссылка соберет больше переходов
- чтобы сниппет ссылки выглядел как самостоятельный пост на личной странице или в сообществе — вы можете не добавлять описание и картинки
Чтобы получить красивый сниппет сайта, в код страницы в теге <head> нужно вставить мета-теги Open Graph. Элементы микроразметки можно разделить на основные и дополнительные.
Основные:
- og:title — описание страницы
- og:type — тип объекта
- og:image — URL изображения, которое будет отображаться в сниппете
- og:url — URL объекта.
Дополнительные элементы делают превью более информативным: можно добавить язык, контакты или адрес.
О дополнительных элементах можно прочитать на сайте разработчика https://ogp.me/
У Twitter свои требования к сниппетам, нужны специальные теги?
Стандарт Open Graph поддерживают почти все соцсети, для Twitter в нашем инструменте есть специальные опции.
Как изменить сниппет после публикации?
Права на его редактирование. Если изменить мета-теги на сайте, в соцсетях ранее опубликованные сниппеты не изменятся.
Почему не отображается картинка в сниппете?
У всех соцсетей свои требования к размерам изображений, возможно, ваше изображение не подходит по размеру или слишком много весит.
Можно ли использовать несколько изображений?
Можно, но при публикации будет отображаться только одно, вы можете выбрать его сами.
Как узнать, правильно ли отображается сниппет?
Влияет ли корректный сниппет для соцсетей на SEO?
Сниппеты в соцсетях влияют на поведенческие факторы: правильно оформленные ссылки получают больше лайков и переходов на сайт.
У меня сайт на готовой CMS, как правильно сделать сниппет?
У большинства популярных CMS есть наборы плагинов, позволяющих внедрить разметку Open Graph, не залезая в код.
В коде страницы нет ошибок, но Facebook показывает устаревшую или неверную информацию, что делать?
В коде страницы нет ошибок, но Вконтакте показывает устаревшую или неверную информацию, что делать?
Если на сайте нет социальных кнопок, Open Graph будет работать?
Да, но мы рекомендуем установить на сайт социальные кнопки, чтобы посетители могли делиться вашим контентом в соцсетях.
Интересные инструменты
Из вашей картинки соберет набор иконок.
Контроль за сайтом: анализ, проверка позиций и аудит сайта.
Проверка страницы на оптимизацию по ключевому слову.
Мощная антиплагиат проверка через поисковые системы.
Анализ посещаемости и источников трафика.