Генератор Мета-Тегов

Основные Мета-Теги

ЗаголовокЗаголовок вашей веб-страницы (отображается во вкладке браузера)

ОписаниеЛаконичное резюме содержимого вашей страницы (рекомендуется 150-160 символов)

Автор

Ключевые словаРазделяйте ключевые слова запятыми

Viewport

Robots

Мета-Теги Open Graph

OG ЗаголовокЗаголовок, который отображается при публикации в социальных платформах

OG ОписаниеОписание, которое отображается в публикациях в социальных сетях

URL OG ИзображенияИзображение для отображения при публикации (рекомендуемый размер: 1200×630px)

OG URL

Мета-Теги Twitter Card

Тип Twitter Card

Twitter Заголовок

Twitter Описание

URL Twitter ИзображенияИзображение для отображения в Twitter карточках

Сгенерированные Мета-Теги

<!-- Basic Meta Tags -->
<title>Заголовок Вашей Страницы</title>
<meta name="description" content="Краткое описание содержимого вашей страницы, около 160 символов для оптимального SEO." />
<meta name="author" content="Ваше Имя" />
<meta name="keywords" content="seo, мета-теги, html, оптимизация сайта" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="robots" content="index, follow" />

<!-- Open Graph Meta Tags -->
<meta property="og:title" content="Заголовок Вашей Страницы" />
<meta property="og:description" content="Краткое описание для публикации в социальных сетях." />
<meta property="og:image" content="https://example.com/image.jpg" />
<meta property="og:url" content="https://example.com/page" />
<meta property="og:type" content="website" />

<!-- Twitter Card Meta Tags -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Заголовок Вашей Страницы" />
<meta name="twitter:description" content="Краткое описание для публикации в Twitter." />
<meta name="twitter:image" content="https://example.com/image.jpg" />

Как пользоваться Генератор Мета-Тегов

1
Заполните основное
Введите заголовок страницы, описание, ключевые слова, автора и директиву robots в разделе основных meta-тегов.
2
Добавьте теги для соцсетей
Заполните поля Open Graph и Twitter Card, включая заголовки, описания и URL изображений, чтобы управлять тем, как страница выглядит при публикации.
3
Просмотрите сгенерированные теги
Наблюдайте, как разметка meta-тегов формируется динамически в области вывода по мере того, как вы заполняете каждое поле.

4
Скопируйте в <head>
Нажмите «Копировать meta-теги» и вставьте сгенерированный HTML в раздел head вашей страницы.

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

Какие meta-теги создаёт этот генератор?

Он создаёт основные SEO-теги (title, description, keywords, author, viewport и robots) вместе с тегами Open Graph и Twitter Card, давая вам полный набор для поисковых систем и предпросмотров в соцсетях в одном месте.

Для чего нужны теги Open Graph и Twitter Card?

Теги Open Graph управляют заголовком, описанием и изображением, которые появляются при публикации вашей страницы на платформах вроде Facebook и LinkedIn, а теги Twitter Card делают то же самое для Twitter, чтобы ваши ссылки выглядели аккуратно, а не просто.

Какой длины должны быть заголовок и описание?

Стремитесь к лаконичному заголовку и описанию примерно в 150–160 символов. Такая длина помогает поисковым системам отображать полный сниппет, не обрезая его в результатах.

Какой размер изображения использовать для тегов OG?

Рекомендуемое изображение Open Graph имеет размер 1200 на 630 пикселей, которое аккуратно отображается как крупный предпросмотр в большинстве соцсетей. Вы указываете URL изображения, и инструмент вставляет его в разметку.

Куда поместить сгенерированные теги?

Вставьте их внутрь раздела <head> вашего HTML, в идеале ближе к верху. Генерация полностью происходит в вашем браузере, а инструмент бесплатен и не требует регистрации.

Генератор Мета-Тегов

Как пользоваться Генератор Мета-Тегов

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

Похожие инструменты