Генератор мета-тегов Open Graph онлайн для соцсетей

Инструмент генерирует мета-теги Open Graph для создания сниппетов в соцсетях, чтобы ссылки на сайт отображались правильно.

Заполните поля ниже, чтобы получить готовый код.

Основные Метаданные

Тип страницы

Выберите тип страницы

Заголовок

Описание

Картинка страницы

Рекомендуемые размеры: 1200px x 630px; минимальные: 600px x 315px

Постоянный URL страницы

Дополнительные Метаданные

Имя сайта

Будет отображаться после заголовка.

Язык на странице

Facebook ID страницы

Видео на странице

Twitter

Использовать теги для Twitter

Ваш сгенерированный код

Что такое 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 в нашем инструменте есть специальные опции.

Как изменить сниппет после публикации?

Права на его редактирование. Если изменить мета-теги на сайте, в соцсетях ранее опубликованные сниппеты не изменятся.

Почему не отображается картинка в сниппете?

У всех соцсетей свои требования к размерам изображений, возможно, ваше изображение не подходит по размеру или слишком много весит.

Можно ли использовать несколько изображений?

Можно, но при публикации будет отображаться только одно, вы можете выбрать его сами.

Как узнать, правильно ли отображается сниппет?

У некоторых соцсетей есть сервисы, позволяющие проверить корректность отображения сниппетов. Например, у Facebook, Twitter и Google+.

Влияет ли корректный сниппет для соцсетей на SEO?

Сниппеты в соцсетях влияют на поведенческие факторы: правильно оформленные ссылки получают больше лайков и переходов на сайт.

У меня сайт на готовой CMS, как правильно сделать сниппет?

У большинства популярных CMS есть наборы плагинов, позволяющих внедрить разметку Open Graph, не залезая в код.

В коде страницы нет ошибок, но Facebook показывает устаревшую или неверную информацию, что делать?

Используйте отладчик объектов OG Facebook, чтобы очистить кэш и добавить актуальную информацию.

https://developers.facebook.com/tools/debug/og/object/

В коде страницы нет ошибок, но Вконтакте показывает устаревшую или неверную информацию, что делать?

Используйте pages.clearCache ВКонтакте, чтобы очистить кэш и добавить актуальную информацию.

https://vk.com/dev/pages.clearCache

Если на сайте нет социальных кнопок, Open Graph будет работать?

Да, но мы рекомендуем установить на сайт социальные кнопки, чтобы посетители могли делиться вашим контентом в соцсетях.