Генератор мета-тегов
Создавайте HTML мета-теги для SEO, Open Graph и Twitter Cards. Готовый для копирования вывод. Улучшите позиции в поиске и превью в социальных сетях.
Базовое SEO
Open Graph (Facebook / LinkedIn)
Twitter / X Card
Справка
Что такое мета-теги?
Мета-теги — это HTML-элементы внутри <head> веб-страницы, которые предоставляют метаданные о документе. Они невидимы для пользователей, но считываются поисковыми системами, краулерами социальных сетей и браузерами. Подробнее см. документацию MDN по элементу meta.
SEO мета-теги
Тег <title> (50–60 символов) и meta description (150–160 символов) — самые влиятельные SEO-теги: они отображаются как синий заголовок и серый фрагмент в результатах Google. Используйте <link rel="canonical">, чтобы указать Google предпочтительный URL при наличии дублирующегося контента или вариантов с параметрами. Подробнее см. Google Search Central: ссылки заголовков.
Протокол Open Graph
Протокол Open Graph (разработан Facebook) управляет тем, как ваша страница выглядит при публикации в Facebook, LinkedIn, WhatsApp и Slack. Основные теги: og:title, og:description, og:image (рекомендуется 1200×630 пикс.) и og:url. Без них платформы определяют содержание из вашей страницы — часто с плохими результатами.
Twitter Cards
Twitter Cards управляют превью, отображаемым при публикации вашего URL в X (Twitter). summary_large_image показывает большое превью-изображение и стабильно превосходит summary по показателю кликабельности. X использует теги Open Graph как запасной вариант при отсутствии специфичных тегов Twitter.
Конфиденциальность
Все мета-теги генерируются 100% в вашем браузере. Ничего не отправляется на сервер.