Какова идеальная длина для мета-заголовка и описания?

Для SEO рекомендуемая длина заголовка (title) составляет 50–60 символов (Google обычно отображает до 60 символов или около 600 пикселей в ширину). Мета-описание должно быть в пределах 150–160 символов. Для Open Graph заголовки лучше делать 60–90 символов, а описания — 100–200. Для Twitter Cards оптимальны заголовки 50–70 символов и описания до 200 символов.

Нужны ли мне одновременно теги Open Graph и Twitter Card?

Хотя X (Twitter) использует теги Open Graph при отсутствии Twitter Card, лучше указывать и те, и другие. Теги Twitter Card позволяют настроить тип карточки и указать ваш @username, что невозможно только через OG. Наличие обоих типов тегов гарантирует оптимальное отображение на всех платформах и полный контроль над видом контента.

Какой размер изображения использовать для Open Graph и Twitter Cards?

Для изображений Open Graph рекомендуется размер 1200 x 630 пикселей (соотношение 1.91:1), минимум 200 x 200 пикселей. Для Twitter Cards с типом summary_large_image используйте 1200 x 628 пикселей; для обычных карточек summary — минимум 144 x 144 пикселей. Изображения должны быть менее 5 МБ. Универсальное изображение 1200 x 630 пикселей отлично подходит для обеих платформ.

Генератор метатегов

Q: Что такое метатеги и почему они важны для SEO?

Метатеги — это HTML-элементы, размещаемые в разделе веб-страницы, которые предоставляют метаданные о странице поисковым системам и социальным платформам. К основным метатегам относятся тег заголовка (отображается в результатах поиска), мета-описание (краткое содержание под заголовком) и тег robots (управляет сканированием). Грамотно составленные метатеги повышают показатель кликабельности (CTR) и обеспечивают корректное отображение контента при репостах.

Q: Что такое теги Open Graph и как они работают?

Open Graph (OG) — это протокол метатегов, разработанный Facebook, который управляет тем, как страница выглядит при публикации в соцсетях, таких как Facebook, LinkedIn и Pinterest. Ключевые теги: og:title, og:description, og:image, og:url и og:type. Когда кто-то делится вашей ссылкой, эти платформы считывают теги OG для создания информативной карточки с вашим заголовком, описанием и изображением.

Q: Что такое теги Twitter Card?

Теги Twitter Card (теперь X Card) — это метатеги, управляющие видом контента при репосте в X (ранее Twitter). Основные типы: summary (маленькое изображение) и summary_large_image (большое изображение). Основные теги: twitter:card (тип карточки), twitter:title, twitter:description, twitter:image и twitter:site (@имя пользователя). Если эти теги не заданы, X будет использовать данные из Open Graph.

Генерируйте SEO-метатеги, теги Open Graph и Twitter Card с предпросмотром для Google, Facebook и X (Twitter). Счетчики символов в реальном времени и копирование в один клик.

Генератор метатегов

⚡ Быстрые примеры — попробуйте один, чтобы увидеть все функции:

Статья в блоге Товар интернет-магазина Сайт-портфолио

Заголовок страницы (Title) 0 / 60

Рекомендуется: 50-60 символов для поиска Google

Мета-описание (Description) 0 / 160

Рекомендуется: 150-160 символов для оптимального вида в результатах поиска

Ключевые слова (Keywords) 0 / 255

Ключевые слова через запятую (влияние на SEO невелико, но некоторые системы их используют)

Robots

Кодировка (Charset)

Канонический URL (Canonical)

Предпочтительный URL для этой страницы (предотвращает проблемы с дублями)

Дополнительно

Автор

Язык

Viewport

Управляет адаптивностью на мобильных устройствах

ℹ Теги Open Graph управляют тем, как ваша страница выглядит при репосте в Facebook, LinkedIn, Pinterest и др. Если оставить их пустыми, будут использованы значения из базового SEO.

og:title 0 / 90

og:description 0 / 200

og:image

Рекомендуется: 1200 x 630 пикселей, до 5 МБ

og:url

og:type

og:site_name

og:locale

ℹ Теги Twitter Card управляют видом страницы в X (Twitter). Если их не заполнить, X будет использовать данные из Open Graph.

Тип карточки

summary_large_image рекомендуется для большинства типов контента

twitter:title 0 / 70

twitter:description 0 / 200

twitter:image

Рекомендуется: 1200 x 628 пикселей для типа summary_large_image

twitter:site

Ваш @username в X

twitter:creator

@username автора контента

👁 Живой предпросмотр

🌐 example.com

Заголовок вашей страницы

Здесь появится описание вашей страницы. Напишите убедительный текст, чтобы повысить кликабельность в результатах поиска.

⬚ Изображение не задано — добавьте URL og:image

example.com

Заголовок Open Graph

Здесь появится описание для Open Graph.

⬚ Изображение не задано — добавьте URL twitter:image

Заголовок Twitter Card

Здесь появится описание для Twitter Card.

🔗 example.com

Embed Генератор метатегов Widget

О Генератор метатегов

Генератор метатегов создает SEO-оптимизированные метатеги, теги Open Graph и Twitter Card для вашего сайта с функцией живого предпросмотра. Посмотрите, как именно ваша страница будет выглядеть в результатах поиска Google, постах Facebook и карточках X (Twitter) еще до публикации. Счетчики символов в реальном времени помогут вам придерживаться рекомендованных лимитов для максимальной видимости.

Что такое метатеги?

Метатеги — это HTML-элементы, размещаемые в разделе <head> вашей веб-страницы, которые передают метаданные поисковым системам и социальным сетям. Они не отображаются непосредственно на странице, но значительно влияют на то, как ваш контент обнаруживается, индексируется и представляется пользователям в сети.

Типы метатегов, которые создает этот инструмент

Категория	Тег	Назначение
SEO	`<title>`	Заголовок страницы в поиске и на вкладке браузера
SEO	`meta description`	Краткое описание страницы под заголовком в поиске
SEO	`meta keywords`	Ключевые слова (сегодня имеют ограниченное влияние на SEO)
SEO	`meta robots`	Управляет индексацией и сканированием страницы
SEO	`link canonical`	Указывает основной URL для предотвращения дублей контента
Social	`og:title`	Заголовок для Facebook, LinkedIn и других соцсетей
Social	`og:description`	Описание для карточек предпросмотра в соцсетях
Social	`og:image`	Изображение для превью в социальных сетях
X/Twitter	`twitter:card`	Тип карточки: summary или summary_large_image
X/Twitter	`twitter:site`	Ваше имя пользователя в X (Twitter) (@username)

Как использовать этот генератор метатегов

Заполните базовые SEO теги: Введите заголовок страницы (рекомендуется 50-60 символов), мета-описание (150-160 символов), ключевые слова, выберите параметры robots, кодировку и, если нужно, канонический URL.
Добавьте теги Open Graph: Перейдите на вкладку Open Graph и введите данные для корректного отображения ссылок в Facebook и LinkedIn.
Настройте теги Twitter Card: На вкладке Twitter Card выберите тип карточки (с большим или маленьким фото) и укажите данные для X.
Предпросмотр тегов: Используйте панели предварительного просмотра, чтобы увидеть, как контент будет выглядеть в Google, Facebook и X (Twitter).
Сгенерируйте и скопируйте: Нажмите «Генерировать метатеги». Скопируйте полученный HTML-код и вставьте его в секцию <head> вашего сайта.

Лучшие практики для изображений Open Graph

Рекомендуемый размер: 1200 x 630 пикселей (соотношение 1.91:1)
Минимальный размер: 200 x 200 пикселей (требование Facebook)
Размер файла: Менее 5 МБ для быстрой загрузки
Формат: JPEG, PNG или WebP
Безопасная зона: Держите важный текст и логотипы в центральной части (80% площади)

Типы карточек Twitter

summary: Маленькая карточка с квадратным превью (мин. 144x144). Хорошо подходит для статей и обычного контента.
summary_large_image: Большая карточка с выразительным изображением (рекомендуется 1200x628). Идеально для блогов и лендингов.

Примечание: Если вы не настроите теги Twitter Card, сеть X (Twitter) автоматически использует ваши теги Open Graph. Тем не менее, настройка обоих типов дает вам полный контроль над внешним видом на каждой платформе.

Часто задаваемые вопросы

Что такое метатеги и почему они важны для SEO?

Метатеги — это элементы кода в разделе <head>, передающие информацию о странице поисковикам и соцсетям. Основные — это title, description и robots. Они помогают сайту правильно индексироваться и привлекать больше посетителей за счет красивого сниппета в поиске.

Что такое теги Open Graph и как они работают?

Это теги, которые делают ссылку «богатой» при репосте в соцсетях. Благодаря им вместо голого URL пользователи видят картинку, заголовок и краткое описание статьи.

Что такое теги Twitter Card?

Специальные метатеги для платформы X. Они позволяют настроить вид поста, добавить изображение и указать автора контента.

Какая длина заголовка и описания идеальна?

Для Google — около 60 символов для заголовка и 160 для описания. В соцсетях лимиты чуть шире, но лучше придерживаться краткости, чтобы текст не обрезался на полуслове.