Генератор мета-тегов
Создавайте SEO мета-теги, теги Open Graph и Twitter Card с живым предпросмотром для Google, Facebook и LinkedIn. Также теги robots, canonical, языка и PWA.
Загрузка: Генератор мета-тегов…
Ваши файлы не покидают устройство
Как пользоваться: Генератор мета-тегов
- 1
Откройте «Генератор мета-тегов» на этой странице. Инструмент загружается прямо в браузере.
- 2
Добавьте файл, текст или значения и настройте параметры.
- 3
Скопируйте или скачайте результат. Ничего не загружается и не хранится.
Об инструменте
Мета-теги сообщают поисковым системам и социальным сетям, о чём страница и как её показывать. Этот генератор мета-тегов собирает полный набор из простой формы: заголовок и описание, теги Open Graph для Facebook и LinkedIn, теги Twitter Card, теги robots и canonical, язык, кодировку и теги мобильных приложений. Живой предпросмотр показывает, как страница будет выглядеть в результатах Google и при публикации в соцсетях, а счётчики длины предупредят, прежде чем заголовок обрежется.
Как создать мета-теги
- Введите заголовок страницы, описание, ключевые слова и автора.
- Добавьте канонический URL и выберите настройки robots, например index, follow.
- Заполните данные для соцсетей: изображение, тип (website или article) и тип карточки.
- Проверьте предпросмотр для Google, Facebook и LinkedIn.
- Скопируйте сгенерированный HTML в раздел <head> вашей страницы.
Рекомендуемая длина
| Тег | Рекомендация |
|---|---|
| Title | от 30 до 60 символов |
| Meta description | от 120 до 160 символов |
| Изображение Open Graph | 1200 x 630 px (1,91:1) |
| Большое изображение Twitter | 1200 x 600 px (2:1) |
Какие теги создаются
- Базовое SEO: title, description, keywords, author, robots, canonical, язык и charset.
- Open Graph: og:title, og:description, og:image, og:url, og:type, og:site_name и og:locale, которые используют Facebook, LinkedIn, WhatsApp и многие приложения.
- Twitter Card: summary или summary с большим изображением, с заголовком, описанием и картинкой.
- Мобильные устройства и PWA: viewport, цвет темы, название и стиль строки состояния для веб-приложений Apple, а также цвет плитки Windows.
Как писать теги, которые приносят клики
- Ставьте главное ключевое слово в начало заголовка и сохраняйте читаемость, без переспама.
- Пишите описание как рекламу: что предлагает страница и зачем на неё переходить. Google может переписать описание, но хорошее часто показывается как есть.
- Делайте каждый заголовок и описание уникальными в пределах сайта.
- Используйте настоящее изображение для og:image; публикации без картинки привлекают гораздо меньше внимания.
- Указывайте канонический URL, чтобы разные версии одной страницы не конкурировали.
Google игнорирует тег meta keywords, поэтому он необязателен. Добавьте структурированные данные с помощью генератора структурированных данных, оформите превью для соцсетей в генераторе Open Graph и управляйте сканированием с помощью генератора robots.txt.
Частые вопросы
Какие мета-теги важнее всего для SEO?
Наиболее заметно влияют тег title и meta description, потому что из них формируется ваш сниппет в поиске. Теги robots и canonical управляют индексацией и дублями.
Какой длины должно быть meta description?
Примерно от 120 до 160 символов. Более длинные описания обычно обрезаются в результатах поиска.
Что такое теги Open Graph?
Теги вроде og:title, og:description и og:image, которые определяют, как выглядит страница при публикации в Facebook, LinkedIn, WhatsApp и других приложениях.
Нужен ли ещё тег meta keywords?
Нет. Google его игнорирует. Можно его указать, но на позиции он не влияет.
Какого размера должно быть og:image?
1200 x 630 пикселей хорошо подходит для большинства платформ. Для карточки Twitter summary с большим изображением используйте 1200 x 600.
Куда вставлять сгенерированные теги?
Вставьте их в раздел head вашей HTML-страницы или в SEO-поля вашей CMS, если она сама создаёт теги.