# OG / Twitter-card _Источник: https://seomatrix.ai/ru/tools/og-generator/_ --- ## Что делает Open Graph (og:) и Twitter Card (twitter:) — это мета-теги в , которые говорят соцсетям, мессенджерам и краулерам, как показать вашу страницу, когда ссылкой делятся: заголовок, описание, картинку-превью и тип контента. Генератор собирает эту разметку из полей, которые вы заполняете, чтобы вы копировали готовое превью под своим контролем, а не отдавали платформам угадывать его по сырому содержимому страницы. Чёткие и явные мета-теги делают превью ссылок предсказуемыми и дают краулерам и ИИ-движкам однозначное, пригодное для цитирования описание страницы. ## Что проверяет - **og:title** — Заголовок на карточке-превью; если его нет, платформа берёт или угаданную строку, поэтому явное значение удерживает превью в нужном тоне. - **og:description** — Короткое описание в одну-две строки под заголовком; именно оно продаёт переход по ссылке до клика, так что должно быть конкретным и самодостаточным. - **og:image** — Картинка-превью; ей нужен абсолютный HTTPS-URL и размер 1200×630 px, иначе она обрежется или покажется пустой вместо чёткой карточки во всю ширину. - **og:type** — Задаёт тип контента (website, article, product…), по которому платформа выбирает раскладку карточки и специфичные для типа поля. - **twitter:card** — Определяет формат карточки в X/Twitter — summary или summary_large_image, — то есть покажется маленькая картинка или баннер во всю ширину. - **og:url** — Канонический URL, к которому сводится ссылка, чтобы превью и вовлечённость собирались на одном адресе, а не дробились по вариантам. ## Как пользоваться 1. Заполните заголовок, описание, URL картинки и тип для страницы, которой хотите делиться. 2. Скопируйте сгенерированные теги og: и twitter: в секцию <head> вашей страницы. 3. Проверьте живое превью в отладчике соцсети (или переотправьте ссылку) и правьте картинку или текст, пока карточка не отобразится как нужно. ## Вопросы ### Чем Open Graph отличается от Twitter Card? Теги og: читает большинство платформ — Facebook, LinkedIn, Slack, WhatsApp и другие, — а теги twitter: применяются только в X. X подставляет og:, если twitter: нет, так что twitter:-теги нужны только чтобы сменить тип карточки или показать в X другой текст. ### Какой размер картинки нужен для og:image? Используйте 1200×630 px (примерно 1.91:1) с абсолютным HTTPS-URL — под этот размер платформы обрезают большую карточку. Картинки с относительным путём часто показываются пустыми, а картинка меньшего размера обычно просто рендерится мелкой, менее заметной карточкой — и отбрасывается, только если она ниже минимума платформы. ### Помогают ли Open Graph SEO и цитированию в ИИ? OG-теги не являются прямым фактором ранжирования Google, но дают краулерам и ИИ-движкам чистые заголовок, описание и картинку страницы, снижая неоднозначность и улучшая то, как ссылка выглядит при шеринге и в ответах. ### Почему превью показывает старую картинку после обновления тегов? Платформы кэшируют OG-разметку, поэтому старое превью держится до истечения кэша. Обновите его принудительно через отладчик шеринга платформы — например, Facebook Sharing Debugger, — чтобы страницу пересканировали и подхватили новые теги.