Meta SEO
Генерируйте метатеги для SEO и смотрите превью для соцсетей.
Данные страницы
Настройки для соцсетей (Open Graph / Twitter)
Сгенерированные HTML-метатеги
<!-- Primary Meta Tags --> <title></title> <meta name="title" content="" /> <meta name="description" content="" /> <meta name="keywords" content="" /> <meta name="author" content="" /> <!-- Open Graph / Facebook --> <meta property="og:type" content="website" /> <meta property="og:url" content="https://example.com" /> <meta property="og:title" content="" /> <meta property="og:description" content="" /> <meta property="og:image" content="" /> <!-- Twitter --> <meta property="twitter:card" content="summary_large_image" /> <meta property="twitter:url" content="https://example.com" /> <meta property="twitter:title" content="" /> <meta property="twitter:description" content="" /> <meta property="twitter:image" content="" />
Мой сайт
Введите привлекательное описание...
Примечание: это симуляция того, как может выглядеть ваша страница.
Рекомендуемые инструменты
Подборка полезных утилит
Написание мета-тегов для SEO и шаринга в соцсетях
Обзор
Мета-теги — это фрагменты в <head> страницы, которые сообщают поисковикам и соцсетям, как показывать вашу страницу: заголовок в результатах, сниппет описания, а также изображение и текст при шаринге ссылки. Правильные теги улучшают кликабельность и вид ваших ссылок в соцсетях. Инструмент помогает написать title, description и Open Graph-теги и показывает предпросмотр их отображения.
Как пользоваться (по шагам)
- 1
Введите данные страницы
Добавьте заголовок, описание, URL и изображение, которое хотите показывать при шаринге страницы.
- 2
Предпросмотрите и доработайте
Проверьте предпросмотры поиска и соцсети и подстройте длину и формулировки, чтобы ничего не обрезалось.
- 3
Скопируйте теги в head
Вставьте сгенерированные мета-теги в <head> HTML вашей страницы.
Как это работает
Вы вводите заголовок, описание, URL и картинку для шаринга, и инструмент генерирует мета-теги: <title>, meta description и теги Open Graph / Twitter Card, которые читают соцплатформы. Часто он показывает живой предпросмотр результата Google и карточки в соцсети, чтобы вы подстроили длину и формулировки перед копированием тегов в head страницы.
Когда пригодится
Написать заголовок и описание, появляющиеся в результатах Google. Управлять изображением и текстом при шаринге страницы в соцсетях. Исправить уродливый или отсутствующий предпросмотр в соцсети. Держать заголовки и описания в пределах длины, отображаемой поисковиками. Настроить мета-теги для новой страницы или поста в блоге. Сделать ссылки при шаринге осмысленными и кликабельными.
Частые вопросы
Цельтесь примерно в 50–60 символов для заголовка и около 150–160 для описания, чтобы поисковики их не обрезали. Предпросмотр показывает, где проходит обрезка, но считайте это ориентирами, а не жёсткими лимитами.
Важные замечания
Мета-теги формируют то, как страница показывается, а не то, хорошо ли она ранжируется — для позиции важнее контент и ссылки. Поисковики могут заменить ваш заголовок или описание своими, если сочтут, что те лучше соответствуют запросу.