Как пользоваться
- Введите заголовок страницы и описание из одного-двух предложений.
- Укажите canonical URL и выберите, могут ли поисковые системы индексировать страницу и переходить по её ссылкам.
- Укажите изображение Open Graph и заполните поля, значения которых должны отличаться от заголовка и описания. Затем выберите тип карточки Twitter.
- Скопируйте готовый HTML или скачайте его и вставьте в элемент <head> страницы.
Как это работает
Генератор добавляет только необходимые теги. Все значения экранируются для HTML (& < > " и ' заменяются на специальные сущности), поэтому кавычки или угловые скобки в заголовке не повредят разметку.
Назначение тегов: charset сообщает браузеру кодировку текста и должен располагаться в начале head; viewport позволяет странице подстраиваться под ширину экрана телефона; title отображается во вкладке браузера и в результатах поиска; meta description может использоваться как описание в результатах поиска, но не влияет на рейтинг; ссылка canonical указывает поисковым системам основной URL страницы, если у неё есть дубликаты; robots со значением noindex исключает страницу из результатов поиска, а nofollow просит роботов не переходить по её ссылкам. Тег robots работает, только если роботы могут загрузить страницу, поэтому не блокируйте её также в robots.txt.
Теги Open Graph (og:…) управляют предпросмотром ссылок во многих социальных сетях и приложениях для общения. Если поля og:title, og:description или og:url не заполнены, инструмент использует значения заголовка, описания и canonical URL. Платформы, которые читают теги Twitter card, берут заголовок, описание и изображение из Open Graph, поэтому создаётся только twitter:card.
Примеры
Запись в блоге
Заголовок, описание, canonical URL, og:image размером 1200×630 и summary_large_image — около десяти строк, которые подойдут для результатов поиска и предпросмотра ссылок.
Страница благодарности, скрытая от поиска
Снимите флажок «Разрешить индексирование», чтобы добавить <meta name="robots" content="noindex, follow">. Страница останется доступной посетителям, но не должна появляться в результатах поиска.
Заголовок с кавычками
Заголовок Ask "Anything" & <Learn> будет записан как Ask "Anything" & <Learn> — браузеры отобразят его именно так, как он был введён.
Часто задаваемые вопросы
Помогает ли тег meta keywords в SEO?
Нет. Крупные поисковые системы уже много лет не учитывают meta keywords при ранжировании, поэтому генератор не добавляет этот тег.
Нужно ли добавлять теги Open Graph и Twitter card?
Обычно вместе с Open Graph достаточно добавить только twitter:card: значения заголовка, описания и изображения берутся из og:.
Куда добавлять эти теги?
Внутри элемента <head> каждой страницы. В таких системах, как Next.js, темы WordPress или генераторы статических сайтов, используйте настройки метаданных для добавления тех же тегов.
Нужен ли каждой странице тег canonical?
Это хорошая практика, особенно если один и тот же контент доступен по нескольким URL (с параметрами отслеживания, настройками сортировки, по http и https). Страница может указывать canonical URL на саму себя.
Конфиденциальность
Теги создаются в браузере. Введённые данные не отправляются и не сохраняются.