Как пользоваться
- Введите URL; если схема не указана, предполагается https.
- Нажмите «Проверить» и изучите три варианта предпросмотра.
- Исправьте теги из раздела «Проверки» и проверьте страницу ещё раз.
Описание параметров
- Что читается
- Только содержимое <head> размером до 1 MB. Кодировки UTF-8 и GBK определяются автоматически.
- Рекомендации по длине
- Заголовки лучше ограничивать примерно 60 символами, а описания — 50–160. Поисковики обрезают их по ширине в пикселях, поэтому это приблизительные значения.
- Ограничения доступа
- Доступны только публичные адреса на портах 80, 443, 8080 и 8443, с прохождением до 5 редиректов.
Какие теги используют предпросмотры
Три предпросмотра берут каждый фрагмент текста из первого найденного тега в таком порядке:
| Часть предпросмотра | Откуда берётся, первое найденное |
|---|---|
| Заголовок | og:title, затем twitter:title, затем заголовок страницы |
| Описание | og:description, затем twitter:description, затем meta description |
| Изображение | og:image, затем twitter:image |
Список «Проверки» отмечает отсутствие og:title, og:description, og:image или twitter:card, og:image, который не является абсолютным URL с http или https, а также заголовок или описание, выходящие за рекомендуемую длину. Минимальный набор, который проходит все проверки, выглядит так в head страницы:
<meta property="og:title" content="Page title">
<meta property="og:description" content="One or two sentences about the page.">
<meta property="og:image" content="https://example.com/share.png">
<meta property="og:url" content="https://example.com/page">
<meta name="twitter:card" content="summary_large_image">Протокол Open Graph (ogp.me) определяет og:title, og:type, og:image и og:url как основные свойства. Значения twitter:card — summary (маленькая карточка) и summary_large_image (крупное изображение над текстом).
Часто задаваемые вопросы
Я изменил теги. Почему соцсети показывают старую карточку?
Платформы кэшируют предпросмотр ссылок на часы или дни. У Facebook, LinkedIn и X есть официальные отладчики, принудительно запрашивающие свежую версию.
Какой размер нужен для og:image?
Распространённый вариант — 1200×630 пикселей (около 1,91:1), размер до 5 MB и абсолютный URL https. Маленькие квадратные изображения обрезаются или показываются маленькой карточкой.
Сайт работает в браузере. Почему теги не найдены?
Как и большинство роботов соцсетей, инструмент читает HTML, который возвращает сервер, и не запускает JavaScript. Теги должны быть в HTML серверного рендеринга или статической сборки.
Конфиденциальность
Файлы передаются по HTTPS для обработки и автоматически удаляются в течение часа.