Проверить Open Graph по ссылке
Загрузим HTML-страницу и проверим основные метатеги, дубли и рекомендации.
Проверка выполняется сервером. Запросы ограничены публичными HTTP(S)-сайтами; локальные адреса, нестандартные порты и большие страницы блокируются. URL не сохраняется. Если найдено изображение, браузер загрузит его для предпросмотра.
Создать метатеги
Заполните поля — код и карточка предпросмотра обновятся автоматически.
Используйте абсолютный HTTPS-адрес и изображение примерно 1200 × 630 пикселей.
Какие теги нужны для Open Graph
Open Graph помогает социальным сетям сформировать карточку ссылки с заголовком, описанием и изображением. Основные свойства задаются в секции <head> страницы.
| Тег | Рекомендация | Для чего нужен |
|---|---|---|
og:title | Краткий заголовок, около 60 символов | Заголовок карточки |
og:description | Одно-два предложения, около 155 символов | Текст под заголовком |
og:type | website или article | Тип страницы |
og:url | Канонический абсолютный HTTPS URL | Адрес страницы для карточки |
og:image | Абсолютный URL; часто используют 1200 × 630 | Изображение карточки |
og:image:alt | Кратко опишите изображение | Доступность и альтернативный текст |
og:site_name | Название проекта или сайта | Атрибуция источника |
twitter:card | summary_large_image | Формат карточки в X |
Как пользоваться проверкой
- Введите полный адрес общедоступной страницы с
http://илиhttps://. - Проверка найдёт Open Graph и Twitter Card, отметит отсутствующие или повторяющиеся значения и покажет рекомендации.
- В генераторе заполните поля, выберите тип карточки и скопируйте готовый HTML в секцию
<head>.
Изменения метатегов не всегда сразу видны в соцсетях: платформы могут кэшировать карточку. После публикации проверьте URL инструментами отладки соответствующей социальной сети.
Конфиденциальность: при проверке ссылка передаётся серверу сайта, который загружает HTML-страницу. Запрос не сохраняется и ограничен по адресу, времени и размеру ответа. Изображения карточек загружаются браузером с исходного сайта для предпросмотра. Не вводите URL с приватными данными в адресе.
FAQ по Open Graph
Что такое Open Graph?
Open Graph — протокол, опубликованный Facebook в 2010 году. Он позволяет странице описать себя набором <meta>-тегов: заголовок, описание, картинка, тип и другие. Сегодня его читают все крупные соцсети и мессенджеры, поэтому он стал де-факто стандартом метаданных для карточек ссылок.
Нужны ли и Twitter Cards, и Open Graph?
Лучше указывать оба набора. При отсутствии своих twitter:-тегов X использует соответствующие og:-теги, так что технически можно обойтись одним Open Graph. Но twitter:card, twitter:site и twitter:creator дают больше контроля над отображением карточки в X.
Каким должен быть размер og:image?
Самый безопасный размер — 1200×630 пикселей (соотношение 1,91:1): Facebook, LinkedIn и X хорошо его показывают. Держите файл в пределах нескольких мегабайт и указывайте абсолютный HTTPS-адрес: относительные пути не работают, когда страницу запрашивают чужие серверы.
Почему превью в соцсети не обновляется?
Соцсети кэшируют карточки. После изменения метатегов проверьте адрес в отладчиках: Facebook Sharing Debugger (кнопка «Scrape Again»), Card Validator для X и Post Inspector для LinkedIn.
Использует ли Google теги Open Graph?
Для ранжирования — нет: Google анализирует содержимое страницы, <title> и meta description. Иногда og:image попадает в поиск по картинкам и Discover, но сигналом ранжирования это не является.
Можно ли создавать изображение для каждой страницы автоматически?
Да. Многие фреймворки умеют генерировать Open Graph-изображения на лету, например Next.js, SvelteKit и Astro. Создавайте картинку по запросу и кэшируйте её: краулеры соцсетей быстро прекращают ждать ответ.