# Превью соц-карточки _Источник: https://seomatrix.ai/ru/tools/social-preview/_ --- ## Что делает Превью для соцсетей показывает, как ссылка будет выглядеть карточкой в X, Facebook, Telegram и LinkedIn — карточка собирается из мета-тегов Open Graph (og:) и Twitter Card на странице. Если этих тегов нет, заголовок обрезан или картинка недоступна, платформы показывают голый URL или случайный текст: это снижает кликабельность и лишает соцботов и AI-краулеров чистого заголовка, описания и изображения для вашей страницы. ## Что проверяет - **og:title** — Заголовок, который платформа выводит на карточке; без него берётся или показывается голый URL, а слишком длинный og:title обрезается и карточка выглядит слабо. - **og:description** — Краткое описание под заголовком; при длине около 110-160 символов оно не обрезается, а его отсутствие оставляет карточку пустой или заполняет случайным текстом из тела страницы. - **og:image** — Картинка-превью; должна быть абсолютным HTTPS-URL на доступный файл (идеально 1200×630, до ~5 МБ), иначе карточка выходит без изображения или битой. - **twitter:card** — Указывает X, рисовать маленькую квадратную карточку (summary) или крупный баннер (summary_large_image); без тега X может не показать изображение в полном размере. - **og:url / canonical** — Канонический адрес, на который ведёт карточка; ошибочный или относительный og:url отправит репосты и кэш платформы на неверную или несуществующую страницу. - **og:type / og:site_name** — Тип (website, article) и название сайта дают платформе контекст и бренд-подпись над заголовком; без них карточка выглядит обезличенной. ## Как пользоваться 1. Вставьте URL страницы и запустите превью — карточки для X, Facebook/Telegram и LinkedIn отрисуются рядом. 2. Просмотрите предупреждения: нет og:image, обрезанный заголовок, относительный URL картинки, отсутствует twitter:card. 3. Исправьте нужные мета-теги в <head> страницы, передеплойте и перепроверьте — затем сбросьте кэш платформы (например, через Facebook Sharing Debugger), чтобы карточка перечиталась. ## Вопросы ### Почему при репосте ссылки не показывается картинка? Обычно у страницы нет og:image, либо og:image указывает на относительный путь или недоступный платформе URL. Задайте og:image абсолютным HTTPS-адресом живой картинки (1200×630 подходит везде) и запросите повторное чтение. ### Какой размер картинки Open Graph оптимален? 1200×630 пикселей (соотношение 1.91:1) — безопасный размер: он заполняет крупную карточку в X, Facebook, Telegram и LinkedIn без обрезки. Держите файл до ~5 МБ и отдавайте по HTTPS. ### X, Facebook и LinkedIn читают одни и те же теги? Базовые теги Open Graph (og:title, og:description, og:image) общие, но X дополнительно читает twitter:card и twitter:*-теги и предпочитает их при наличии. Инструмент рисует все три карточки, чтобы за один проход поймать различия между платформами. ### Почему после правок показывается старое превью? Платформы кэшируют считанную карточку. Принудительно обновите её в дебаггере каждой платформы — Facebook Sharing Debugger, LinkedIn Post Inspector или повторным репостом в X — чтобы теги Open Graph перечитались.