Open Graph
Open Graph — это протокол разметки страниц, который позволяет социальным сетям и мессенджерам (Facebook, LinkedIn, Telegram, WhatsApp) красиво отображать превью ссылок при их публикации.
Типы тегов
title
Название страницы. Отображается как заголовок в превью ссылки.
<meta property="og:title" content="OnPress — конструктор сайтов" />description
Краткое описание страницы. Показывается под заголовком в превью. Рекомендуемая длина — до 200 символов.
<meta property="og:description" content="Создавайте сайты без программирования" />url
Канонический URL страницы. Указывает соцсетям основной адрес, даже если страница доступна по нескольким URL.
<meta property="og:url" content="https://onpress.pro/" />site_name
Название сайта. Отображается мелким текстом над или под заголовком.
<meta property="og:site_name" content="OnPress" />type
Тип контента. Для обычных страниц используется website, для статей блога — article.
<meta property="og:type" content="website" />image
Изображение для превью. Рекомендуемый размер — 1200×630 пикселей. Это главный визуальный элемент карточки.
<meta property="og:image" content="https://onpress.pro/wp-content/uploads/og-image.jpg" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />locale
Язык контента. Для мультиязычных сайтов указываются все доступные языковые версии через og:locale:alternate.
<meta property="og:locale" content="en_US" />
<meta property="og:locale:alternate" content="ru_RU" />Автоматическая генерация
В сборке при создании любой страницы для нее автоматически формируется og разметка.
Ручное редактирование
Вы можете вручную изменить open graph сниппет. Для этого перейдите в редактор страницы, нажмите Seo → Social. Там можно задать отдельно изображение, title, description для Facebook и X.com. Другие мессенджеры и соцсети будут брать его за основу.
