Содержание

Как правильно задать HTML заголовок страницы

Продолжаем изучение HTML. В этом уроке мы рассмотрим HTML заголовки страниц, какие заголовки бывают, как ими правильно пользоваться и когда они могут применяться. А также разберем параграфы, чтобы Вы уже могли наполнить свою страничку текстом, но, главное, сделать это правильно.

Если Вы не изучили первую статью, то найти ее можно здесь:

Раз вы находитесь на данном уроке, то хотите и дальше изучать тему сайтостроения. И с помощью этих уроков у вас появится базовое понимание, что это такое.

Что делать, если вам нужно больше знаний и хотите, возможно, даже работать в этой области? Лучше найти специализированные курсы. В рунете не так много хороших, где обучают Front-end разработчиков. Мне понравилась программа обучения, которая есть у Нетологии у курса «Front-end разработчик с нуля«. Также неплохая программа и у Skillbox у курс «Front-end разработчик«.

Если изучать веб-разработку, то с профессионалами.

Теория и практика — Параграфы и заголовки HTML страницы

Сегодня мы поговорим о параграфах и заголовках. Начнем с простого — с параграфов и где они применяются.

Параграфы на странице

Я сейчас приведу пример кода, в котором будет присутствовать тег параграфа <p> </p>.

HTML КОД

1
2
3
4
5
6
7
8

<html>
<head>
    <title>Моя первая html страница</title>
</head>
<body>
    <p>Начало обучения технологии html</p>	
</body>
</html>

Основную структуру Вы уже помните из первого урока. Там разбирали основы и смотрели, что же такое HTML. Поэтому сосредоточим свое внимание на том, что находится между тегами <body> </body>.

Когда Вы пишете любой текст на странице, будь это просто абзац или небольшая поясняющая строка под изображением, необходимо этот текст помещать внутрь тега

<p> </p>.

В последующих уроках Вы увидите процесс оформления данных абзацев. Сейчас Вы должны понять то, что нельзя размещать тег на странице без какого-либо тега. Потому что в дальнейшем будет сложно применить какие-то индивидуальные стили именно для этого участка текста.

Попробуйте написать несколько абзацев. Некоторые абзацы возьмите в тег <p> </p>, а некоторые оставьте без него. И Вы сразу увидите разнице. Потому что если Вы напишете абзац внутри этого тега, то у него сразу же появятся отступы. А сейчас перейдем уже в HTML заголовкам страницы.

HTML заголовки на странице

В HTML документе присутствует семантика. Я не говорю о технологии HTML5 и его новых тегах. Здесь лишь разберем самые базовые, чтобы Вы быстро смогли освоить азы HTML. Семантика означает то, что не надо заголовки, абзацы, таблицы и так далее, создавать с помощью одного и того же тега. Это можно сделать, но технология HTML более разнообразна и для разных ситуаций предусмотрены соответствующие теги. А Вам лишь необходимо освоить основные теги, чтобы свободно работать с HTML кодом.

Это небольшое введение я написал к тому, что для параграфов необходимо использовать уже известный Вам тег <p> </p>. А вот для заголовков используются теги, которые начинаются с английской буквы «H».

Вот весь список заголовков, которые Вы можете использовать:

Некоторые из данных тегов используются гораздо чаще. Это такие теги как h2, h3 или h4. Если кто-то уже знаком с CSS, то понимает, что заголовок HTML заголовок страницы h4 можно стилизовать таким образом, что он будет внешне похож и на h2 или h3. Но значения, которые они носят, хотя бы для SEO оптимизации, кардинально отличаются. Как правило, эти цифры, внутри тегов, следует понимать как уровень важности того или иного HTML заголовка. Поэтому необходимо очень тщательно прорабатывать данные элементы и тогда поисковые системы станут замечать Ваши статьи.

Пока мы не дошли до CSS, Вы увидите стили заголовков, которые заданы по умолчанию в браузерах. Если Вы вставите один за одним данные теги и внутри напишите какой-либо текст, то увидите следующее:

Для поисковых роботов также важно использование заголовков на странице. Есть определенные правила, которые Вы можете прочитать в нашей книге — PDF книга по раскрутке сайта.

После того, как все изучили, сразу же идем в код и пробуем написать все своими руками. Именно так быстрее всего осваивается любой язык программирования. Но технология HTML намного легче любого языка программирования, поэтому здесь сможет разобраться каждый. Таким образом Вы лучше запомните теги.

Видео урок — HTML заголовок страницы? (практика)

Наглядное видео на примере работы с данными тегами:

Домашнее задание

Д/З: в качестве примера напишите небольшой текст, который будет состоять из 5-7 абзацев и 2-3 разнообразных заголовков.

Больше практикуйтесь в параграфах и HTML заголовках страниц!

Как добавить заголовок страницы в REG.Site

Заголовок страницы (title) — это один из самых важных элементов страницы как с визуальной точки зрения, так и со стороны SEO-оптимизации сайта. От привлекательности заголовка нередко зависит, выберут ли пользователи вашу страницу или предпочтут другой сайт. В этой статье мы расскажем, как добавить и отредактировать заголовок страницы с помощью модуля REG.Site.

  1. 1.

    Перейдите в режим редактирования страницы.

  2. 2.

    Кликните на плюс в сером круге (Добавить новый модуль):

  3. 3.

    В списке найдите модуль «Заголовок страницы» и кликните по нему. Чтобы ускорить процесс поиска, можно ввести название модуля в поисковую строку:

    Обратите внимание: вы также можете выбрать модуль «Двойной заголовок». Настройки этого модуля практически не будут отличаться от настроек модуля «Заголовок страницы», поэтому, если вы выбрали этот вариант, следуйте дальнейшим шагам инструкции.

Вы добавили заголовок на страницу. Теперь переходите к его настройке на вкладках «Контент», «Дизайн» и «Дополнительно».

Контент

Во вкладке «Контент» заголовок можно отредактировать в двух раскрывающихся блоках — «Элементы» и «Фон».

  • В блоке «Элементы» можно настроить отображение метазаписей: убрать отображение автора, даты, количества комментариев. Также можно выбрать формат отображения даты и настроить размещение изображения, если оно есть в заголовке.

Например, чтобы оставить только заголовок без метазаписей, переведите переключатель «Показывать Мета» в положение ДА:

  • В блоке «Фон» вы можете установить цвет фона модуля:

Если вам нужно больше вариантов цветов, нажмите на три точки под знаком пипетки:

Также на соседних вкладках вы можете настроить градиент для фона, добавить в форму изображение и отредактировать его (выставить размер, позицию и т. д.), добавить фоновое видео в форматах MP4 и WebM.

После завершения настроек на вкладке «Контент», нажмите на галочку, чтобы сохранить изменения в модуле. После этого переходите на вкладку Дизайн.

Дизайн

Во вкладке «Дизайн» находятся инструменты для творчества. С их помощью вы сможете отредактировать заголовок на свой вкус.

  • В блоке «Текст» можно изменить цвет текста, настроить фокус, выбрать шрифт, настроить тень и её цвет, а также выставить внешний и внутренний отступы:

Если на третьем шаге инструкции вы выбрали модуль «Двойной заголовок», эти параметры можно выставить в блоках «Настройка заголовка» и «Главный текст»:

  • В блоке «Заголовок Текст» вы можете изменить уровень заголовка, его шрифт, толщину, стиль, размер и цвет.

Если на третьем шаге инструкции вы выбрали модуль «Двойной заголовок», редактирование заголовков будет проходить в блоках «Текст до», «Текст посредине» и «Текст после»:

  • В блоке «Мета Текст» можно отредактировать шрифт, толщину, стиль, размер и цвет метазаписей.

  • Чтобы скорректировать ширину, высоту и расположение текста в форме, перейдите в блок Размеры:

  • Для настройки внешнего и внутреннего отступа внутри заголовка откройте блок Отступы:

  • Чтобы сделать закругленные границы фона, перейдите в блок Граница и выставите нужное значение:

  • В блоке «Тень контейнера» можно выбрать один из вариантов тени фона заголовка и настроить её:

  • В блоке «Фильтр» вы можете изменить оттенок формы — настроить насыщенность, яркость, контраст, инверсию или сепию:

  • В блоке «Преобразовать» вы можете выбрать варианты расположения формы на странице.

  • Если вы хотите, чтобы заголовок появлялся на сайте динамично, перейдите в блок Анимация. Настройте направление градиента, продолжительность, задержку анимации, скорость и другие показатели.

После этого нажмите на галочку, чтобы сохранить изменения, и переходите на вкладку Дополнительно.

Дополнительно

На вкладке «Дополнительно» находятся настройки параметров кода. Если у вас есть опыт в веб-разработке, вы можете настроить заголовок через атрибуты CSS и HTML.

После того как вы закончите редактировать заголовок, сохраните изменения на странице. Теперь вы знаете, как настроить модули REG.Site «Заголовок страницы» и «Двойной заголовок».

Помогла ли вам статья?

Да

4 раза уже помогла

Полное руководство по заголовкам страниц

Написание хорошего заголовка страницы является важным набором навыков для всех, кто занимается SEO, поскольку они помогают как пользователям, так и поисковым системам понять цель страницы.

В этом руководстве мы познакомим вас с основами, а также с более сложными соображениями и тактиками при анализе, написании и оптимизации скромного заголовка страницы.

Что такое заголовок страницы?

Заголовок страницы , часто называемый «тегом заголовка», «мета-заголовком» или иногда «SEO-заголовком», представляет собой элемент HTML в заголовке веб-страницы, который должен кратко описывать содержание и назначение страницы для пользователей и поисковых систем.

Заголовки страниц используются поисковыми системами более 80% времени для заголовков, используемых в их результатах поиска.

Пример кода

Элемент заголовка страницы должен быть помещен в заголовок документа и выглядит следующим образом в HTML:

Это заголовок страницы

Длина заголовка страницы

Google может использовать заголовки страниц для заголовков, используемых в результатах поиска. Он усекает их длину на основе ограничения ширины пикселя, а не ограничений символов.

Как правило, оптимальная длина заголовка страницы должна составлять от 30 до 60 символов.

Это позволит избежать обрезки большинства заголовков и максимально использовать доступное пространство. Вы можете прочитать больше о длине заголовка страницы позже в этом руководстве.

Как просмотреть заголовки страниц?

Браузер

Название страницы отображается в верхней части окна браузера.

Просмотр источника HTML

Заголовки также можно просматривать в HTML с помощью браузера. В Chrome вы можете щелкнуть правой кнопкой мыши веб-страницу и выбрать «просмотреть исходный код страницы», чтобы просмотреть необработанный HTML, или «проверить» элемент, чтобы просмотреть отображаемый HTML.

CMS

Их часто можно просматривать в CMS, например, в WordPress с различными плагинами, такими как Yoast SEO, который позволяет просматривать и устанавливать заголовки страниц (показаны как «заголовок SEO» ниже).

SEO Spider

Наконец, их также можно просмотреть и проанализировать в массовом поисковом роботе, таком как наше собственное программное обеспечение SEO Spider.

Вы можете просканировать веб-сайт и просмотреть вкладку «Заголовки страниц», которая отображает все страницы, их заголовки, соответствующую длину и помогает вам отфильтровать распространенные проблемы, обсуждаемые далее в этом руководстве.

Почему названия страниц важны?

Заголовки страниц читаются и используются как пользователями, так и поисковыми системами, чтобы понять, о чем страница. Они важны для поисковой оптимизации (SEO), поскольку заголовки страниц используются при ранжировании, и жизненно важны для взаимодействия с пользователем, поскольку они отображаются в браузерах, результатах поисковых систем и в социальных сетях.

1. Заголовки страниц в результатах поиска

Заголовки страниц используются поисковыми системами более 80% времени в качестве интерактивных заголовков в результатах поиска, как показано ниже.

Это делает их жизненно важными для информирования пользователей о странице и побуждения их нажать на результат, а не на конкурентов.

В SEO-индустрии ведутся постоянные споры о том, используются ли рейтинги кликов (CTR) в качестве сигнала ранжирования. Независимо от того, используется ли CTR напрямую, поощрение большего количества кликов на ваш сайт с помощью оптимизированного заголовка страницы не составляет труда.

2. Заголовки страниц и SEO

Основные поисковые системы, такие как Google, будут использовать слова в заголовке страницы, чтобы ранжировать веб-страницу по релевантным поисковым запросам в своем веб-индексе.

В то время как Google, в частности, использует сотни сигналов для оценки своих результатов поиска, ключевые слова, используемые в элементе заголовка страницы, имеют больший вес в рейтинге поисковой системы, чем общие слова на странице.

Отраслевые опросы показывают, что они широко считаются одним из самых сильных сигналов ранжирования страницы, что делает их важными для SEO.

3. Заголовки страниц в браузерах

Заголовок страницы отображается в верхней части окна браузера, например, в Chrome ниже:

Они также могут использоваться браузерами для предварительного заполнения сообщений, используемых для закладок.

Оба они помогают пользователям быстро идентифицировать и отслеживать страницу.

4. Заголовки страниц в социальных сетях

Некоторые крупные социальные сети позволяют указывать заголовки и описания с помощью собственных метатегов, например Facebook с тегами Open Graph и Twitter с помощью Twitter Cards. Они отличаются от элемента заголовка страницы.

Однако, если они не указаны с помощью собственных тегов, и Twitter, и Facebook будут использовать заголовки страниц в качестве интерактивных заголовков, когда контент публикуется на их платформах. Другие социальные сети также полностью полагаются на заголовки страниц.

Наличие отличного заголовка при публикации вашей страницы значительно повысит CTR.

Какова максимальная длина заголовков страниц?

Не существует точного ограничения количества символов, прежде чем Google усекает заголовки страниц в результатах поиска. Это связано с тем, что точка отсечки основана на ширине пикселя. Такая буква, как «w», шире, чем «I», поэтому в зависимости от того, что используется, в некоторых названиях может быть гораздо больше символов.

Google будет обрезать любой заголовок, превышающий это ограничение по пикселям, обрезая целые слова и отображая для пользователя многоточие («…»).

Минимальной длины также нет, но очень короткие заголовки страниц могут привести к тому, что ценное пространство будет потрачено впустую.

Длина заголовка страницы Рекомендации

Google обычно отображает от 50 до 60 символов в результатах поиска, исходя из точки отсечки около 580 пикселей в результатах на рабочем столе.

В мобильных результатах точка отсечки составляет около 485 пикселей, но размер шрифта меньше. Это означает, что на мобильных устройствах больше места, а количество символов, как правило, больше, поэтому обычно рекомендуется использовать ограничения заголовков для настольных компьютеров в качестве наихудшего сценария, как показано ниже.

  • Максимальная длина заголовка — 580 пикселей или 60 символов.
  • Минимальная длина заголовка — 200 пикселей или 30 символов.

Исследования Moz показывают, что ок. 90% заголовков ваших страниц должны отображаться полностью, если они не выходят за указанные выше пороговые значения.

Несмотря на то, что приведенные выше рекомендации в значительной степени ориентированы на Google, они также действительны для Bing и Yahoo, которые рекомендуют до 65 символов, а также для Duck Duck Go.

И Яндекс, и Baidu отображают более длинные заголовки, чем Google, где-то между 70-80 символами.

Как написать отличный заголовок страницы?

Быстрых побед в SEO немного, но создание уникальных, описательных и привлекательных заголовков из плохо ориентированных заголовков может оказать значительное влияние на органическую видимость. Они могут помочь настроить таргетинг на правильные ключевые слова, повысить рейтинг кликов (CTR) в результатах поиска и помочь пользователям.

Рекомендации по заголовку страницы

Идеальный заголовок страницы, как правило, следует этим 6 правилам, которые может быть сложно подобрать правильно для каждой страницы.

  • Краткий
  • Описательный и относящийся к делу
  • Уникальный
  • Включает торговую марку
  • Оптимальная длина
  • Заманчиво

Рассмотрим каждое правило передовой практики подробнее.

1. Заголовки страниц должны быть

четкими и краткими

Заголовки страниц должны быть краткими, легко читаемыми и понятными. Пишите для своих клиентов в первую очередь.

  • Заголовки страниц не должны содержать ключевые слова или повторяющиеся варианты, такие как «Ключевое слово 1 | Ключевое слово 2 | Ключевое слово 3’ и т. д. Читаются плохо, да и не нужно, так как поисковые системы понимают синонимы и родственные слова.
  • Заголовки должны быть прописными, с использованием заглавных букв для основных слов. Избегайте использования заглавных букв в каждом слове или всего заголовка в нижнем регистре.
  • Будьте последовательны. Если вы используете разделители слов, используйте те же — не переключайтесь постоянно между дефисами, тире и стрелками. Сохраняйте единый формат и порядок.
  • Избегайте повторения одних и тех же разделителей слов, таких как дефисы или тире. Используйте их один или два раза — больше может снизить читабельность.

Пример заголовка страницы Lastminute.com, приведенный ниже, достаточно понятен для чтения, однако в нем повторяются ключевые слова «Авиабилеты в Нью-Йорк» и «Дешевые рейсы в Нью-Йорк».

В этом сценарии вы можете изменить заголовок на один «Дешёвые рейсы в Нью-Йорк», который будет охватывать таргетинг на оба ключевых слова и оставлять место для сообщения УТП или призыва к действию.

2. Сделайте их

описательными и релевантными

Заголовки страниц должны быть описательными и соответствовать содержанию страницы. Это помогает поисковым системам лучше понимать и ранжировать страницу по правильным запросам. Поэтому используйте описательные ключевые слова, выявленные в результате исследования ключевых слов, чтобы помочь ориентироваться в поисковых запросах.

  • Избегайте расплывчатых или бесполезных описаний, таких как «Главная» для главной страницы или «Услуги» для страницы обслуживания.
  • Проведите исследование ключевых слов с помощью таких инструментов, как планировщик ключевых слов Google, чтобы определить релевантные релевантные ключевые слова, которые пользователи будут вводить в поисковые системы. Сгруппируйте ключевые слова по темам и сопоставьте их с релевантными страницами.
  • Учитывайте цель запроса поиска. Чего на самом деле хочет пользователь? Это информационный запрос или они хотят купить? Проанализируйте результаты поиска по запросу и убедитесь, что ваша страница и заголовок соответствуют намерению для целевого ключевого слова и запроса.
  • В таргетинге выберите релевантность, а не объем поиска. Используйте слова, которые лучше всего соответствуют вашему контенту, бизнесу, услуге или продукту. Если вы местный бизнес, рассмотрите возможность включения региона, на который вы ориентируетесь.
  • Определите приоритет одного или двух наиболее важных ключевых слов для включения в заголовок каждой страницы. Используйте соответствующие модификаторы или призывы к действию вместе с основными целевыми ключевыми словами. Призывы к действию могут включать «Купить», «Скачать» или «Пробная версия», а модификаторы могут включать, например, «Руководство», «Онлайн», «Цитаты».
  • Убедитесь, что заголовки ваших страниц точно отражают содержимое страницы. Не поддавайтесь искушению использовать не совсем релевантные ключевые слова, так как пользователи быстро уходят, а поисковые системы, такие как Google, оценивают сигналы пользователей и понижают рейтинг неэффективных страниц с отрицательными сигналами.

Примером цели запроса и таргетинга по ключевым словам являются «поисковая оптимизация» и «SEO».

Если вы проанализируете результаты поиска и контент, уже ранжированный для «SEO», он ясно подчеркнет, что результаты носят информационный характер. Результаты, кажется, отвечают на вопрос «Что такое SEO?».

Таким образом, Google полагает, что это действительное намерение, стоящее за запросом, и возвращает руководства и ресурсы, которые отвечают на вопрос. Google не хочет ранжировать страницы «SEO-услуги» по этому запросу, поскольку это не то, что хотят видеть пользователи. Таким образом, тип контента и ключевые слова, на которые вы ориентируетесь, должны соответствовать рейтингу этого ключевого слова.

3. Убедитесь, что заголовок каждой страницы

уникален

Очень важно иметь разные и уникальные заголовки для каждой страницы. Если каждая страница имеет одинаковый заголовок, пользователям и поисковым системам может быть сложнее отличить одну страницу от другой.

  • Избегайте использования одних и тех же ключевых слов на многих страницах. Это может сбить с толку пользователей и поисковые системы при выборе лучшей страницы для ранжирования по запросу.
  • Сопоставьте целевые темы и ключевые слова со страницами веб-сайта и рассмотрите их в целом, чтобы убедиться, что заголовки страниц уникальны и не конкурируют друг с другом.
  • Для крупных веб-сайтов нереально создавать индивидуальные заголовки для каждой страницы. Так что используйте шаблонные заголовки страниц и динамически изменяйте элементы, чтобы сделать их уникальными. Например, «Купить по с бесплатной доставкой | Бренд», где уникальны только «Продукт» и «Цена».
  • Если страницы уникальны, имеют ценность и должны индексироваться, они должны иметь уникальный заголовок страницы. Если вам это сложно, поскольку они очень похожи на другую страницу, подумайте, действительно ли они являются дубликатом или почти дублируют контент, который не следует индексировать.

Например, у поставщиков авиарейсов есть страницы местоположения, но также будут страницы «из» каждого местоположения и аэропорта, из которого и в который они летают, что может создать множество тесно связанных страниц.

На снимке экрана ниже компания включила «От <местоположения>» и <цена>, чтобы убедиться, что они уникальны и полезны для пользователя, который интересуется конкретными рейсами рядом с ними.

4. Укажите свой бренд

Если вы известный бренд, включите его в заголовки страниц, чтобы выделиться среди конкурентов и повысить CTR. Если вы относительно неизвестны, включение вашего бренда может помочь повысить осведомленность и быть полезным для пользователя.

  • Укажите свой бренд в начале или в конце заголовка страницы, отделив его от остального заголовка разделителем, например вертикальной чертой или дефисом.
  • При использовании названия вашей торговой марки используйте предпочитаемое имя, а не случайные варианты, такие как «Screaming Frog», «Screaming Frog Ltd» и «ScreamingFrog.co.uk».

Конечно, вы можете не включать свой бренд в заголовок страницы, но вы можете обнаружить, что Google переписывает его, чтобы включить ваш бренд. Подробнее об этом позже.

5. Оптимизация заголовка страницы

Длина

Если заголовки ваших страниц слишком длинные, они будут обрезаны или вообще не будут использоваться поисковыми системами. Это может означать, что важные ключевые слова или информация не видны пользователям в результатах поиска.

  • Загружайте важные ключевые слова в заголовке страницы, чтобы они отображались в результатах поиска до усечения слов и составляли около 580 пикселей или 60 символов. Ключевые слова в начале заголовка могут иметь больший вес.
  • Не расстраивайтесь, если некоторые из ваших заголовков превышают лимит или некоторые менее важные слова обрезаются поисковыми системами.
  • Минимальная необходимая длина отсутствует. Однако используйте имеющееся пространство с умом. Короткие краткие заголовки страниц отлично подходят для пользователей и поисковых систем, но вы можете упустить возможность быть более описательными или использовать дополнительные модификаторы ключевых слов, если заголовки постоянно меньше 200 пикселей или 30 символов.

6. Поощряйте клики, делая их

Привлекательными

Заголовки ваших страниц должны побуждать людей хотеть на них кликать. Чем они привлекательнее, тем выше CTR и тем больше трафика они будут привлекать.

  • Выделите свои заголовки в результатах поиска среди конкурентов на странице. Это часто проще для содержания статьи, чем, скажем, для страниц продуктов электронной коммерции. Для электронной коммерции это может быть цена, скидка, бесплатная доставка или другое УТП. Для статьи это может быть число, например «50 убийственных способов сделать X», дата, такая как «Лучший X в 2020 году», или использование эмоционального крючка, такого как «Почему новый iPhone X отстой», который поможет вам привлечь внимание людей.
  • SEO-специалисты и веб-мастера регулярно находят разные способы выделиться, например, используя эмодзи в заголовках. Они часто работают в течение короткого периода времени, прежде чем Google отфильтрует их, чтобы результаты поиска были менее загроможденными.
  • Если вы изо всех сил пытаетесь включить целевые ключевые слова и выделить заголовок страницы среди конкурентов в рамках ограничений по длине, используйте вместо этого метаописание, чтобы выделиться, так как в нем больше места для включения подробных УТП, преимуществ или призывов к действию. .

Поиск по запросу «дешевый отдых» — отличный пример бизнеса, агрессивно конкурирующего за внимание с помощью различных призывов к действию.

Какая структура лучше всего подходит для заголовков страниц?

Формат заголовка страницы и порядок

Сохраняйте единую структуру и формат для всех типов страниц. Релевантные ключевые слова, соответствующие поисковому запросу, должны быть видны пользователю в результатах поиска, а ключевые слова в начале заголовка могут иметь немного больший вес.

Таким образом, следующий формат и порядок заголовков страниц часто хорошо подходят для предприятий, продающих товары или услуги.

<Целевое ключевое слово(я)> <Модификатор(а)> <УТП> | Фирменное наименование

Этот порядок не обязательно должен быть фиксированным, и различные комбинации вышеперечисленного прекрасно работают. Например, вы можете включить некоторые модификаторы перед основным целевым ключевым словом, если заголовок читается лучше для пользователя, или удалить УТП, если места недостаточно.

Ниже приведен отличный пример заголовка страницы от Admiral.com, который имеет краткий заголовок, ориентированный на «автострахование», включает модификатор «кавычки», а также цену и бренд.

Теги заголовков для статей часто могут быть созданы гораздо более естественным образом с учетом потребностей пользователя.

Разделитель заголовков страниц

Какой разделитель лучше всего использовать в заголовках страниц? Ответ таков: это действительно не имеет значения. Используйте то, что работает для ваших читателей, и держите его последовательным.

Двумя наиболее распространенными формами разделителей слов являются вертикальная черта (|) и дефис или тире (-). Трубы используют наименьшую ширину в пикселях, поэтому обычно являются предпочтительным разделителем.

Краткий список разделителей заголовков страниц включает:

  • Труба |
  • Дефис –
  • Колонка :
  • Тильда ~
  • Звезда *
  • Знак меньше чем <
  • Знак «больше чем» >

Почему Google меняет название вашей страницы в результатах поиска?

Нет никакой гарантии, что Google (или другие поисковые системы) будет использовать заголовок вашей страницы в качестве заголовка в результатах поиска. Google будет использовать другой заголовок менее чем в 20 % случаев.

Google может переписать заголовок, используя содержимое страницы (например, заголовки или текст на странице) или слова, используемые во внутренних или внешних ссылках, которые лучше представляют документ в целом.

Когда Google переписывает заголовки страниц, они гораздо меньше зависят от запроса. Это означает, что Google обычно будет использовать переписанный заголовок, который, по их мнению, лучше всего подходит для страницы, для всех запросов к этой странице.

Google переписывает заголовки по ряду причин:

  • Контент со страницы лучше соответствует релевантности страницы, чем заголовок. Это может произойти даже для довольно кратких и описательных заголовков страниц.
  • Заголовок страницы не является описательным или шаблонным.
  • Заголовок страницы переполнен повторяющимися ключевыми словами.
  • Заголовок страницы очень длинный.
  • Название страницы не включает бренд, и Google изменил его, чтобы включить бренд.
  • У вас есть альтернативный заголовок в Facebook или Twitter, который Google решил использовать, поскольку он более релевантен, чем существующий элемент title.
  • Страница заблокирована robots.txt, что означает, что заголовок не виден поисковым системам. URL-адреса все еще могут быть проиндексированы, и часто якорный текст используется, чтобы сформулировать лучший заголовок для пользователей к их запросу.

Невозможно заставить Google использовать название вашей страницы. Однако написание более релевантных заголовков, которые лучше представляют страницу, помогает сделать их более частыми.

Какие инструменты могут помочь вам написать заголовки страниц?

Сочетание инструментов исследования ключевых слов, поисковиков SEO и эмуляторов заголовков страниц должно помочь вам поэкспериментировать и создать идеальный заголовок страницы.

Исследование ключевых слов

Используйте следующие инструменты для исследования ключевых слов по релевантным темам и ключевым словам.

  • Планировщик ключевых слов Google
  • Обозреватель ключевых слов Moz
  • Проводник ключевых слов Ahrefs
  • Ключевое слово Бочонок
  • Систрикс

Анализ заголовков страниц

Наше программное обеспечение Screaming Frog SEO Spider поможет вам просмотреть и проанализировать заголовки ваших страниц. Просто скачайте инструмент, просканируйте 500 URL-адресов бесплатно (или больше с лицензией) и нажмите на вкладку «Заголовки страниц».

Это покажет все страницы, их заголовки, соответствующую длину, ширину в пикселях и поможет вам определить общие проблемы, такие как отсутствие, дублирование, длинные или короткие заголовки, которые можно оптимизировать.

Эмуляторы заголовков страниц

SEO Spider также имеет эмулятор SERP Snippet, который позволяет вам увидеть, как ваш сайт может отображаться в результатах поиска Google. Он использует последнюю точку отсечки по ширине в пикселях и подсчитывает количество пикселей, используемых в заголовках страниц и метаописаниях для каждого символа, чтобы показать эмулированный фрагмент SERP для большей точности.

Текущие ограничения отображаются под заголовками страниц и вкладками метаописания и фильтрами «Более X пикселей», а также в столбце «доступных» пикселей ниже.

Вы можете идеально создавать заголовки страниц и метаописания в инструменте, прежде чем экспортировать и отправлять их команде разработчиков для внесения изменений в работающий сайт.

Плагин Yoast SEO, доступный для WordPress, также имеет эмулятор заголовков страниц, который может помочь при написании заголовков.

Заключительные мысли

Улучшить теги заголовков относительно просто, но их создание может потребовать времени и усилий.

При правильном бюджете и ресурсах вы можете оценивать, оптимизировать и тестировать заголовки страниц в рамках постоянного процесса уточнения таргетинга и повышения органического CTR.

CTR страниц можно проанализировать с помощью Google Search Console, а страницы с низким рейтингом кликов — идеальные кандидаты для улучшения заголовков. Вы даже можете разделить тестовые теги заголовков, чтобы увидеть, какие из них работают лучше всего.

Для многих это будет слишком сложным и трудоемким, и просто наличие описательных и уникальных тегов заголовков — это шаг вперед.

Что такое заголовок страницы?

Одним из ключевых элементов веб-страницы является заголовок страницы, который сообщает читателям и поисковым системам, о чем ваш контент. Это интерактивный синий заголовок, который появляется на странице результатов поисковой системы вместе с URL-адресом веб-сайта и мета-описанием. Часто это первое, что видит пользователь в поисковой выдаче. Таким образом, это может повлиять на решение человека нажать на ссылку.

Что такое заголовок страницы?

Также известный как тег заголовка, заголовок страницы представляет собой краткое, но точное описание содержимого вашей веб-страницы. Если вы просмотрите исходный код страницы, вы увидите заголовок в разделе заголовка. Это выглядит так:

Пример заголовка главной страницы

Каждая страница вашего сайта должна иметь уникальный заголовок . Присвоение страницам разных заголовков позволяет поисковым системам узнать, что на вашем сайте нет дублирующегося контента. Хотя это может показаться невозможным, вы можете использовать шаблоны на основе кода, чтобы придать своим страницам отличительные заголовки.

Например, веб-сайты электронной коммерции с сотнями страниц продуктов могут использовать эти шаблоны на основе кода для создания уникальных заголовков. Для единообразия все ваши веб-страницы могут иметь одинаковый формат, например:

[Название продукта][Категория продукта][Бренд]

Не следует давать своим веб-страницам общие заголовки, такие как Главная страница или Страница продукта. Они совсем не убедительны и не будут мотивировать пользователей, выполняющих поиск, нажимать на ваши веб-страницы.

Заголовок и заголовок страницы: в чем разница?

Каждая веб-страница содержит тег заголовка. Его не следует путать с заголовком вашего веб-контента или копии. Он не отображается в содержании веб-сайта.

Есть три области, в которых будет отображаться заголовок страницы :

  • Страницы результатов поисковой системы

Как уже упоминалось, кликабельная синяя ссылка, которая появляется в поисковой выдаче, является заголовком страницы. Когда вы нажмете на эту ссылку, вы найдете веб-контент или копию с убедительным заголовком, который побудит посетителей читать дальше.

  • Фрагменты из социальных сетей

Тег заголовка появляется в общих публикациях в социальных сетях, таких как Facebook. С хорошо написанным заголовком вы можете привлечь больше лайков и репостов. Вы можете повысить узнаваемость бренда и привлечь больше трафика на свой веб-сайт или блог.

  • Вкладка браузера

Заголовок страницы также появляется на каждой вкладке в вашем браузере, что упрощает поиск нужных страниц, когда у вас открыто несколько вкладок.

Что содержится в заголовке страницы?

Тег заголовка должен содержать основную ключевую фразу, соответствующую его содержанию. Он не должен быть заполнен рядом ключевых слов, поскольку поисковые системы, такие как Google, могут их переписать.

В идеале он должен содержать от 50 до 60 символов, включая пробелы. Все, что длиннее, будет обрезано на страницах результатов. Вы можете поэкспериментировать со своими заголовками, добавив ключевые слова в начале и в конце, чтобы определить наиболее эффективную стратегию.

Хотя заголовок страницы предназначен для людей и поисковых систем, он должен быть написан главным образом для людей. Подумайте о том, что пользователи хотят знать при вводе запроса.

Иногда вы увидите заголовки страниц с названиями брендов, прикрепленными к тегу. Авторитетные бренды часто добавляют название бренда в начало тега для лучшей видимости. Менее известные компании часто добавляют названия своих брендов в конце тега.

Почему заголовок страницы важен?

Хорошо написанный и оптимизированный тег title повышает удобство работы пользователей и усилия по поисковой оптимизации.

  • Привлекает внимание пользователей

Хорошо написанный заголовок страницы может помочь вашим веб-страницам и контенту выделиться среди конкурентов. Это может мотивировать пользователей кликать и взаимодействовать с брендом.

  • Влияет на ранжирование в поиске

Одним из факторов, который Google использует для определения релевантности веб-страницы заданному ключевому слову, является рейтинг кликов. Если заголовок получает много кликов, он может помочь повысить ваш рейтинг в поисковых системах.

  • Появляется в социальных сетях

Некоторые социальные сети, включая Facebook и Twitter, используют собственные теги. Это означает, что вы пишете определенные заголовки, которые отличаются от вашего основного тега заголовка. Это дает вам возможность оптимизировать заголовок страницы для каждой сети, чтобы добиться наилучших результатов.