Короткое определение
Open Graph (OG) — мета-разметка в
страницы, описывающая её для социальных платформ: заголовок, описание, изображение и тип контента для карточки-превью.Зачем нужен Open Graph
Когда ссылку вставляют в соцсеть или мессенджер, платформа берёт данные из OG-тегов и строит карточку-превью. Без них превью получается пустым или случайным, а с ними — аккуратным и кликабельным, что повышает переходы из соцсетей.
Основные теги Open Graph
Как внедрить Open Graph
OG-теги добавляют в <head> каждой страницы — вручную в шаблоне или через SEO-плагин CMS. Картинку превью задайте отдельно и проверьте, что её размер и вес подходят платформам. Для мессенджеров и соцсетей это даёт предсказуемое превью.
Как проверить Open Graph
Перед публикацией прогоните страницу через валидатор OG — он покажет, как соберётся карточка, и подсветит недостающие теги. Удобно сделать это инструментом проверки Open Graph.
FAQ
Что такое Open Graph простыми словами?
Это мета-теги, которые задают, как ссылка на страницу выглядит при репосте: заголовок, описание и картинку превью в соцсетях и мессенджерах.
Какие основные OG-теги?
og:title, og:description, og:image, og:url и og:type. Они формируют карточку-превью ссылки.
Зачем нужна OG-разметка?
Чтобы превью ссылки в соцсетях и мессенджерах было аккуратным и кликабельным, а не пустым или случайным — это повышает переходы.
Чем Open Graph отличается от Schema.org?
Open Graph управляет превью в соцсетях, а Schema.org — расширенными сниппетами в поиске. Это разные виды разметки для разных платформ.