Теги title, description, canonical, Open Graph и Twitter с живым предпросмотром
Работает в вашем браузере. Ничего из того, что вы вводите, никуда не отправляется.Мета-теги определяют, как страница выглядит в результатах поиска и когда ею делятся. Пишите заголовок и описание, а пределы в 60 и 155 символов считаются по мере ввода; затем заберите теги canonical, Open Graph и Twitter, чтобы вставить их в элемент head.
Эта страница переведена машинным способом с английского оригинала. Перевод ещё не проверен человеком, поэтому ориентируйтесь на английскую версию. Читать английский оригинал
Введите «Заголовок страницы» и «Мета-описание», следя за счётчиком символов под каждым.
Заполните «Канонический URL» и «Изображение для репоста (og:image)» полными адресами https://.
Выберите «Тип карточки X» и «Тип контента (og:type)» и настройте переключатели «Разрешить индексацию» и «Переходить по ссылкам».
Проверьте «Результат Google» и «Карточку ссылки» на панели «Предпросмотр».
Нажмите «Копировать» и вставьте теги в head вашей страницы.
Этот генератор мета-тегов пишет блок HTML для head страницы: теги title, description, canonical, robots, Open Graph и Twitter card. Вы заполняете простые поля, а готовая разметка появляется рядом с превью результата Google и карточки, которую нарисует по ней каждая сеть.
Чаще всего им пользуются в двух ситуациях. Первая — новая страница на самописном сайте или в генераторе статических сайтов, где head нужно написать один раз и правильно. Вторая — страница, которая плохо выглядит при репосте: в WhatsApp ссылка похожа на голый URL, или Google показывает фразу, которую никто не писал. Превью обычно за несколько секунд показывает причину — как правило, относительный путь og:image или отсутствующий canonical.
Проверяется то, что важно, а не длинный список баллов. Инструмент сравнивает число символов с длиной, которую реально показывают результаты поиска и карточки, требует, чтобы canonical и og:image были абсолютными адресами, и предупреждает, когда у summary_large_image нет изображения. Всё работает в вашем браузере, поэтому заголовок неопубликованной страницы никогда не покидает ваш ноутбук.
Скопируйте блок одним нажатием или скачайте как фрагмент .html. Если страница уже есть и нужно проверить, что она публикует, используйте инструмент Open Graph Preview, а когда страница заработает — Sitemap Generator.
Ориентируйтесь примерно на 60 символов заголовка и 140–155 символов описания. Google измеряет пиксели, а не символы, так что эти числа — ориентир. Ставьте полезные слова в начало: всё, что за обрезкой, робот всё равно прочитает, но читатель этого не увидит.
Нет. Google перестал использовать мета-тег keywords в 2009 году, а Bing считает его признаком спама. Этот генератор его не пишет. Размещайте ключевые слова в заголовке, описании и тексте страницы, где их действительно читают.
Тег canonical сообщает поисковым системам, какой адрес настоящий, если одна и та же страница доступна по нескольким URL, например с параметрами отслеживания или с косой чертой в конце и без неё. Значение должно быть абсолютным URL, начинающимся с https://, иначе оно игнорируется.
Почти всегда из-за отсутствующего или относительного og:image. Сети загружают изображение со своих серверов, поэтому адрес должен быть абсолютным и общедоступным. Facebook и LinkedIn также кешируют старые карточки, так что после исправления тега обновите их в их отладчике.
X использует теги og:, если тегов twitter: нет, поэтому одного блока og достаточно. Добавьте twitter:card, если нужна широкая картинка, и twitter:site или twitter:creator, если нужно указать аккаунт на карточке.
Нет. Теги создаются в вашем браузере с помощью JavaScript. На сервер ничего не отправляется, поэтому можно готовить head неопубликованной страницы или внутреннего сайта, не выпуская его за пределы устройства.
Всё ещё не получается? Задайте вопрос об инструменте «Генератор мета-тегов» и ответить может любой, кто знает. Учётная запись не нужна.