Тарифы Услуги Сим-карты

Правильный тайтл. Как написать Title страницы. Синтаксис тега title

Заголовок окна браузера Title - один из важнейших элементов SEO-оптимизации страницы. Что такое Title и что в нем писать? Какая должна быть его длина? Правила и примеры составления хорошего Title.

Что такое Title?

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

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

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

Чем отличается title от h1?

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

В отличие от h1 заголовка title:

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

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

Синтаксис тега title

Title является парным тегом (не путайте с атрибутом title) и располагается в пределах тега с прочей служебной и мета-информацией. Сам по себе тег не имеет атрибутов и содержит только текстовую информацию, которая отображается во вкладке браузера, и не фигурирует на странице непосредственно. В HTML-коде документа имеет следующий вид:

Заголовок окна браузера

Чтобы посмотреть title и description чужого сайта , выполните следующие действия:

Для чего нужен title?

Title является одним из самых важных тегов любой страницы. Он выполняет следующие функции:

  • Представляет семантическую важность для поисковых систем . Наряду с мета-тегами title передает поисковым системам информацию о содержании web-страницы. Title является одним из . Его корректное заполнение может повысить релевантность вашего документа по тем ключевым запросам, под которые вы оптимизируете данный документ. Некорректное заполнение title с высокой долей вероятности негативно скажется на представлении вашего сайта в поиске.
  • По-умолчанию является заголовком страницы в результатах поиска . Title, в первую очередь, информирует посетителей о содержании страницы, на которую они собираются перейти. Если вы до перехода пользователя на сайт, сообщаете ему, что на web-странице находится релевантная информация, которая соответствует его запросу, с высокой долей вероятности он посетит ваш сайт. Также Title сильно влияет на CTR сниппета. Чем более привлекательный и кликабельны title вы создадите, тем больше будет показатель кликабельности.
  • Упрощает навигацию пользователям в браузере . Title, как говорилось ранее, отображается во вкладках браузера, и позволяет пользователю ориентироваться среди множества открытых вкладок. Также заголовок по-умолчанию является названием закладок в браузере. Если пользователь решит сохранить ваш сайт как закладку, именно title автоматически подставится в ее название.
  • По-умолчанию является заголовком поста при шеринге в социальных.сетях . Если вы поделитесь ссылкой на свой сайт в любой социальной сети, она автоматически сформирует блок с информацией о данной странице. Заголовок данного блока берется из тега title. Если вы активно пользуетесь социальными сетями, следите, чтобы title ваших страниц был в них презентабелен, и передавал читателям не набор слов, а привлекательный смысловой посыл о содержании страницы .

Что писать в title?

Рассмотрим предметно, что нужно писать в title, чтобы попасть в ТОП, какие существуют основные ошибки при написание заголовка страницы, а также конкретные примеры из поисковой выдачи .

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

Оптимальная длина заголовка страницы title - 50-70 символов . Если заголовок по длине будет превышать установленное значение, он будет обрезан поисковыми системами. Поэтому в процессе составления title, представьте, как он будет отображаться в поисковых системах, из которых вы планируете привлекать трафик, не нарушится ли его смысл, будет ли он информативным, если не уместится в ограниченный диапазон символов. Максимально отображаемый title в Яндекс составляет до 60 символов (как правило, не более 55), в Google до 70 символов (как правило, не более 65). Однако поисковые системы могут обрезать title и на 45, и даже на 40 символах, если посчитают последующее содержимое не целостным или не релевантным запросу. Чаще такая ситуация происходит, когда в заголовке страницы используются знаки препинания и стоп слова: союзы, запятые, двоеточия, тире и т.д.

Максимальным размер отображаемого заголовка определяется не столько количеством символов, сколько ограничением ширины блоков сниппетов. В Яндексе максимальная ширина блока составляет 536 пикселей, в Google 600 пикселей. Соответственно на количество символов в первую очередь влияет ширина самих символов, количество латинских букв, количество пробелов и заглавных букв. К примеру, в блок одинаковой ширины поместится гораздо больше символов "i", чем "Я".

Title должен быть кратким, осмысленным и понятным заголовком страницы, соответствующим ее содержанию. Старайтесь размещать ключевое слово как можно ближе к началу тега. Во-первых, вы тем самым повысите релевантность сниппетов в глазах юзеров. Во-вторых, Яндекс, например, выделяет ключевые запросы в сниппете жирным начертанием. Наличие жирного начертания в сниппете может серьезны повысить его CTR. Менее значимые слова располагайте в конце тега title .

10 ошибок составления title

  1. Слишком длинный title . Слишком длинный title - это плохая практика, негативно влияющая на представление вашего сайта в поиске. Во-первых, вы рискуете нарушить смысловую целостность заголовка страницы после того, как поисковые системы его обрежут. Во-вторых, может снизиться CTR сниппетов. В третьих, поисковые системы используют технологию динамического формирования сниппетов, в связи с этим теряется всякий смысл использования как можно большего количества слов именно в тебе title.
  2. Слишком короткий title . Не делайте заголовоки страниц из 1-3 слов, если это не навигационные разделы. Минимальное использование слов в title сокращает разнообразие запросов, на которые может ответить ваша страница.
  3. Повторяющиеся слова . Не стоит использовать одни и те же ключевые слова, чтобы "усилить" title. Так вы только рискуете заработать санкции со стороны поисковиков. Не дублируйте также одинаковые по смыслу русские и английские слова, например, "title" и "тайтл". Поисковые системы давно научились распознавать и учитывать их.
  4. Нежелательные символы . Старайтесь избегать излишней пунктуации в ваших заголовках страниц. Старайтесь как можно меньше употреблять следующие символы (, . / = ! ? * : < > | + _).
  5. Несоответствие запросу . Title должен отображать содержание страницы. Не пытайтесь обмануть пользователей и поисковые системы. Привести трафик по запросам, не релевантным контенту посадочной страницы у вас не получится.
  6. Переоптимизация . Не нужно перечислять в title запросы через запятую. Подумайте, поймут ли пользователи содержимое вашей страницы. Кроме того, чрезмерное использование ключевых слов в тегах и тексте страницы воспринимается поисковыми системами как спам, на который накладываются санкции.
  7. Языковое несоответствие . Заполняйте title на том же языке, на котором написан контент вашей страницы. Использование иностранных или иносказательных фраз может негативно сказаться на представлении страниц вашего сайта в выдаче.
  8. Не использование ключевых слов . Title не только может, но и должен содержать основное высокочастотное ключевое слово, наиболее релевантное контенту страницы. Отсутствие ключевых слов в title является негативным фактором ранжирования сайта.
  9. Семантический мусор . Старайтесь не использовать в заголовке страницы фразы наподобие "Добро пожаловать на наш сайт", "Приветствуем".
  10. Дублирование title . Не нужно дублироваться title на разных страницах вашего сайта, это затруднит работу поискового работа по определению релевантности страниц общим ключевым запросам. Не стоит также дублировать и копировать title у ваших конкурентов. Поисковые системы стараются сделать выдачу как можно более разнообразной и репрезентативной, поэтому одинаковый контент врядли получит высокие позиции. Опять же, не нужно забывать про здравый смысл, в определенных нишах страницы могут отвечать только на один конкретный ключевой запрос, который уже используется другими сайтами в title. В этом случае в дублировании title нет ничего криминального .

Примеры: хороший title vs плохой title

Давайте рассмотрим несколько примеров хорошо и плохо составленных title.

Пример #1. Запрос "купить джинсы женские"

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

Страница оптимизирована сразу под 2 высокочастотных ключевых запроса: джинсы и брюки. Для таких обширных ключевых слов необходимо создать 2 отдельных посадочных страницы. Длина заголовка страницы - 125 символов. В title перечислены ключевые слова через запятую - явная переоптимизация, заголовок сниппета обрезан на 39 символах. Главное ключевое слово находится не в начале заголовка.

Пример #2. Запрос "доставка воды на дом в москве"

Короткий и понятный заголовок страницы. Занимает максимальное пространство в заголовке сниппета. Ключевое слово расположено в начале тега. Для уникализации title указано название компании, которое также содержит ключевое слово "Вода", это позвонило значительно выделить заголовок среди конкурентов.

В сниппете сформирован автоматический заголовок, так как в теге title содержится откровенный спам. Перечисление ключевых слов через запятую - явная переоптимизация. Такое содержимое тега никогда не станет заголовом сниппета .

Title: о сложном простыми словами

Рассмотрим более сложные моменты, которые могут возникнуть при заполнении title и анализе поисковых сниппетов .

Title и HTML5

С повсеместной поддержкой HTML5 стало возможным использование эмоджи в мета-тегах и title сайтов. Как это влияет на SEO? Вопрос остается открытым. Объективных данных, которые могут дать однозначный ответ на этот вопрос, пока что нет. С одной стороны, использование спецсимволов может значительно увеличить CTR сниппета, с другой стороны, нет понимания, как воспринимает спецсимволы поисковой робот.

Несколько примеров использования иконок в title и description:

Сайт bonprix.ru. Запрос "купить джинсы женские"

Сайт charmante.ru. Запрос "купить купальник женский в интернет-магазине"

Сайт consowear.ru. Запрос "купить пуховик WL170501"

Все 3 сайта по представленным ключевым запросам находятся в ТОП-10 поисковой выдачи Яндекс. В Google ситуация куда хуже - ни один из сайтов не представлен на 1 странице выдачи, за исключением 3-го витального запроса. При этом Google не отображает иконки в сниппетах вообще. Может ли это говорить о том, что иконки, поддерживаемые HTML5 не могут навредить представлению сайта в поисковике Яндекс, но при этом негативно сказываются на представлении сайта в Google? Наверное, нужно гораздо больше данных, чтобы можно было делать какие-то выводы. Да и, в принципе, оценивать качество выдачи по одному единственному фактору, мягко говоря - неправильно. Поделитесь своим мнением по этому вопросу в комментариях.

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

Всегда ли title попадает в сниппет?

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

Однако даже корректно составленный title может не попасть в заголовок. Пример:

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

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

Например, по запросу "именины 7 сентября" в Яндексе видим в выдаче сайт со следующим заголовком сниппета:

При изменении запроса на "именины 7 сентября мужские" заголовок сниппета для одной и той же страницы меняется на "Мужские именины 7 сентября" - этот текст является заголовком второго уровня в содержании страницы. По 2 разным запросам Яндекс динамически сформировал для нас по одной и той же странице 2 разных заголовка и описания сниппета.

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

Где рамки оптимизации?

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

Каждая страница должна решать эти задачи, и делать это одновременно во всех сферах невозможно. Если взять коммерческий запрос "купить кроссовки", то логично, что пользователям будет интересен товарным ассортимент, а если взять запрос "кроссовки размерная сетка", то наличие товаров на посадочной странице отходит на задний план. Один запрос коммерческий, второй информационный. Люди ставят перед собой разные цели: в первом случае покупка товара, во втором - определение необходимого размера. Данные цели нельзя уместить на одной странице как с точки зрения структуризации контента, так и с точки зрения SEO-оптимизации. Вполне логично, что для этих ключевых слов нужно создавать отдельные страницы.

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

Что касается ключевых слов, то структура заголовков, которая может участвовать в формировании динамических сниппетов должна быть логична и последовательна. Не стоит в заголовках размещать ключевые слова ради ключевых слов, особенно если речь идет о низкочастотниках. По низкочастотным запросам зачастую не требуется наличия всего текста запроса на странице, чтобы сайт присутствовал в ТОПе. Используйте для h2-h6 наиболее частотные слова, которые могут являться смысловыми заголовками вашей страницы. Если смыслового единения нет, то их использовать нельзя, вы только нарушите релевантность документа и испортите пользовательские факторы .

Можно ли менять title после индексации?

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

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

HTML тег TITLE заголовка страницы сайта при правильном составлении дублирует заголовок (название) статьи, оформленный тегом Н1 . У страницы тем больше шансов попасть в топ рейтинга, чем точнее содержание тега заголовка TITLE соответствует поисковому запросу.

При анализе тега заголовка TITLE учитывается ряд факторов: наличие в нем ключевых слов, расстояние между ключевыми словами (при использовании ключевой фразы), а также удаленность ключевых слов, соответствующих запросу, от начала заголовка.

Помните, что больший приоритет имеет заголовок, в котором ключевые слова находятся ближе к началу. Другими словами, заголовок тега TITLE нужно составить таким образом, чтобы главные ключевые слова располагались ближе к началу предложения (в первых 65-ти символах).

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

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

На скриншоте выше показано, как выглядит содержимое тега TITLE в результатах поиска системы Google в качестве примера. Показаны первые пять результатов по запросу: "тег TITLE" (синяя стрелка). Как видите, страница, на которой вы сейчас находитесь располагается на втором месте в рейтинге выдачи по данному запросу (красная стрелка).

С помощью HTML-кода мета-тег TITLE располагается на странице между тегами < /head>, как показано ниже:



Содержимое мета-тега TITLE < /title> </b><br> < /head><br> <body>Контекст страницы< /body><br> < /html> </i></p> <p>Вы должны всегда начинать <b>тег TITLE </b> с ключевого слова, на которое вы ориентируетесь. Также помните, что поисковые системы будет отображать <b>тег TITLE </b> в то время, когда они показывают результаты поиска. Следовательно, вам нужно сделать его также привлекательным и для людей.</p> <p>Например, если бы мой сайт был о турах в Одессу и я хотел бы занять высокое место по ключевому слову «Туры в Одессу», то <b>HTML-код </b>для <b>тега заголовка TITLE </b> мог бы быть структурирован следующим образом:</p> <p><i><title><span>Туры в Одессу: <b>великолепный отдых на черноморском побережье </b> </span></ title> </i></p> <p>Обратите внимание на то, что в <b>теге заголовка TITLE </b> используется ключевое слово в самом начале, а также сообщается людям, какой хороший там отдых.</p> <p>Конечно, все <b>теги TITLE </b> не должны быть похожи на тот, который я привел в качестве примера. Заголовок (Title), который используется, зависит от тематики вашего сайта. Однако, вы должны соблюдать все общие правила, которые изложены в данной статье для получения желаемого эффекта.</p> <p>Многие владельцы сайтов на своей главной странице размещают заголовки типа "Добро пожаловать в www.mysite.com" в тексте <b>тега заголовка TITLE </b>. Это не очень хорошая практика, особенно, если название не имеет отношения к теме вашего сайта. Многие поисковые системы рассматривают формулировки в <b>теге заголовка TITLE </b>, как важную часть релевантности (т.е. соответствия) контексту страницы сайта, соответственно, от их выводов зависит и рейтинг рассматриваемого сайта.</p> <p>Должен состоять из 60 - 90 символов. В интернете вы найдете много противоречивых статей о <b>длине тега TITLE </b>, но, в качестве образца, лучше всего обратиться к поисковой системе Google. В видимых посетителям результатах поиска Google, в настоящее время отображается примерно 65 символов (некоторые поисковики отображают большее количество).</p> <p>Имея это в виду, включите свои наиболее важные ключевые слова в начало <b>тега заголовка TITLE </b>. В нижеприведенном примере показана поисковая выдача по запросу: "Туры в Одессу". Подчеркнутые слова, выделенные синим цветом, показывают содержание <b>тега заголовка TITLE </b>.</p> <p><img src='https://i2.wp.com/vsemproblemam.net/images/SEO/tag-title-in-google-search..GIF' width="100%" loading=lazy></p> <p>При выполнении поиска в любой из основных поисковых систем, часто можно увидеть в поисковой выдаче много искаженных названий, а иногда - только URL-адрес. Это происходит потому, что владельцы таких сайтов неправильно заполняют <b>тег заголовка TITLE </b>, а в некоторых случаях, вообще оставляют его незаполненным.</p> <p>Можно только догадываться, почему такие сайты имеют столь высокий рейтинг, что их отображают поисковики. Возможно, это зависит от качества конкурирующих по данному запросу сайтов или же, к примеру, данный сайт имеет большое количество входящих ссылок, наличие которых привлекает внимание роботов поисковых систем. Возможны и другие варианты.</p><p>Не забывайте использовать разные, но соответствующие содержанию (контенту), <b>теги заголовка TITLE </b> на каждой странице вашего сайта - это очень важно. Используйте ключевые слова, которые отображаются на странице, но не повторяйте то же самое слово более двух раз. Если вам необходимо повторить ключевое слово, постарайтесь расположить его в самом начале, в второй раз - в конце <b>заголовка тега TITLE </b>.</p> <p>Не стоит пытаться обмануть поисковые системы, сознательно включая не имеющие к теме сайта заголовки или повторяя слова более двух раз. В большинстве случаев, обман вскоре будет обнаружен, а рейтинг вашей страницы упадет, или, что еще хуже, страница, а то и весь сайт могут быть удалены из индекса.</p> <h2>Рекомендации от Google по использованию тега заголовка TITLE</h2> <table width="500" border="0" cellpadding="1"><tr><td><p><i><b>ЗАГОЛОВКИ СТРАНИЦ </b> </i></p> </td> </tr><tr><td bgcolor="#DAF8FE"> <p><b>Указывайте заголовок страницы, при помощи тега <title>. </b><b>Тег <title> сообщает название страницы как пользователям, так и поисковым системам. </b>Тег <title> размещается внутри тега <head> html-документа. В идеале, названия всех страниц вашего сайта должны быть уникальными.</p> <p><b>Содержимое тега <title> отображается в результатах поиска. </b> Если ваш документ появляется в результатах поиска, содержимое тега <title> обычно отображается в первой строчке результатов. Слова, содержащиеся в поисковом запросе пользователя, будут выделены жирным шрифтом в заголовках поисковой выдачи. Это помогает пользователю найти страницы, наиболее соответствующие его запросу. Название основной страницы сайта может содержать имя вашего сайта или организации, а также другую полезную информацию, например, адрес и краткое описание тематики или услуг. </p> </td> </tr><td><p><i><b>ПРАКТИЧЕСКИЕ СОВЕТЫ </b> </i></p> </td> <tr><td bgcolor="#DAF8FE"> <p><b>Название должно точно соответствовать содержанию страницы. </b>Выберите название, которое наиболее соответствует ее содержимому. <b>Не советуем: </b></p> <ul><li>выбирать название, никак не относящееся к содержимому страницы;</li> <li>использовать названия по умолчанию, например “новая страница”, “Untitled” или “Page 1”.</li> </ul><p><b>Название каждой страницы должно быть уникально. </b> Желательно, чтобы у каждой страницы было свое уникальное название, сообщающее поисковой системе о том, как данная страница отличается от других страниц вашего сайта. <b>Не советуем: </b></p> <ul><li>использовать одно и то же название для всех или почти всех страниц вашего сайта.</li> </ul><p><b>Название должно быть кратким, но точным. </b>Названия должны быть краткими, но содержательными. Если название слишком длинное, то Google покажет в поисковой выдаче только его часть. <b>Не советуем: </b></p> <ul><li>использовать слишком длинные названия;</li> <li>наполнять название бессвязным набором ключевых слов.</li> </ul><p><b>Заголовки страниц являются важной составляющей поисковой оптимизации </b></p> </td> </tr></table> <p>Здравствуйте, друзья!</p> <p>В сегодняшней статье разберем тег title во всех аспектах, а именно его правильное заполнение, употребление на страницах, а также ключевые особенности работы в поисковых системах.</p> <p>Можно было бы данную статью совместить и сделать комплексный мануал по всем мета-тегам (title, описание и ключевые слова), но я решил выделить на каждый объект отдельный материал. Считаю, что так будет более правильно. Материал будет достаточно большой, но его стоит изучить. Честно сказать, я сам не ожидал, что смогу столько настряпать про данный тег.</p> <i> </i> <h2>Задачи и специфика работы</h2> <p>Задача данного мета-тега является очень важной и на данный момент она является одной из определяющих в определении релевантности страницы определенному поисковому запросу.</p> <p>Title является заголовочным тегом. Поэтому, в нем необходимо указывать заголовок страницы, который определяет ее содержимое. Не стоит путать тег title с заголовком первого уровня H1, который используется для названия статьи или другого вида материалов. Данные теги должны быт отличны и их значимость также не одинакова, хотя и имеются схожие особенности в их работе. Например, как title, так и H1 должны быть использованы 1 раз на странице.</p> <p>К тому же данные теги имеют различные места размещение в html коде страницы.</p> <p>Title размещается только в шапке сайта в секции head между открывающим и закрывающим тегами <head></head></p> <p>H1 является названием статьи и прописывается внутри тела документа, то есть области body.</p> <p><br><img src='https://i1.wp.com/kostyakhmelev.ru/wp-content/uploads/2015/02/razmeshhenie-tega-H1-v-kode-stranitsyi.jpg' align="center" width="100%" loading=lazy></p> <p>Вот пример части исходного кода одной моей статьи, где я показал, как на практике прописываются этих 2 тега.</p> <p><!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>Тег title: используем правильно

Правильное использование тега Title для повышения позиций в поисковой выдаче

  • 6 строка - название страницы между открывающим и закрывающим тегами title. Находится в секции head страницы, как и должно быть;
  • 10 строка - открывается тег body (то есть тело документа - его содержимое);
  • 12 строка - заголовок страницы в тегах H1, который имеет измененный вид по сравнению с заголовком в title.

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


Теперь пару слов о добавление данного тега на страницы вашего ресурса.

Если вы используете какие-то CSM системы (например, WordPress), то title будет добавляться автоматически на каждую страницу, исходя из того заголовка, который вы введете в редакторе страницы. Но получается ситуация, когда этот заголовок будет использован и в качестве title и в качестве заголовка H1. Нет возможности делать их отличными, что будет более разумно для грамотной работы. Для этого устанавливают различные плагины SEO оптимизации.

Установив один из подобных плагинов, можно делать тег title отличным от H1, что позволит более эффектно подходить к составлению обоих тегов. Title составлять так, чтобы из поиска хотелось кликнуть и перейти на ресурс, а H1 сделать таким, чтобы после перехода он заставил посетителя приступить к изучению контента. Это очень важно.

Title в других элементах сайта

Кроме функции заголовка к странице в целом данный тег может выполнять еще и другие задачи, а именно:

  • добавлять заголовок к изображением;
  • к ссылкам.

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


С изображениями аналогичная ситуация.

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

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

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

Как правильно заполнять title

  • Первое и самое важное, заголовок в title должен максимально четко отображать содержимое страницы. Это важно со всех сторон. В-первых, тайтл является очень важным мета-тегом, который до сих пор очень круто влияет на позиции сайта по определенным запросам в поисковых системах. Поэтому, если вы хотите, чтобы страница по нужному ключевому слову находилась высоко в выдаче, то ей стоит давать правильное название, которое будет четко отображать суть информации, так как из этого выплывает второй момент.Если содержимое не будет соответствовать ожиданию посетителя, который кликнул по ссылке из выдачи, то он сразу закроет статью и уйдет с сайта. Это сильный сигнал поисковым системам, что страница не интересна или не отвечает запросу пользователя. Второе утерждение является более точным в этом случае. Поэтому, старайтесь, чтобы заголовок titile максимально точно отображал содержимое документа или же вообще отображал его;
  • В заголовочном мета-теге title обязательно указывайте ключевое слово, по которому продвигается страницы, так как это повышает релевантность страницы поисковому запросу (ключевому слову). Также, ключ, употребленный в тайтле документа имеет наибольшую значимость в отличии от других мест (тело статьи, H1, описание, ключевые слова и так далее).Это один из всех мета-тегов, который на данный момент до сих пор является значимым для ПС и является обязательным, в отличие ключевых слов и описания. Но, чтобы ключевое слово имело максимальный вес, старайтесь употреблять его в самом начале заголовка. Об этом я уже писал в одной из своих статей, где предоставлял график зависимости веса ключа от его расположения в тайтле.


    Да и сам Google нам об этом говорит:

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

    В пример могу привести 2 варианта заголовков для тайтла по ключевому слову "как раскрутить сайт":

    1. Как раскрутить сайт: 5 секретных фишек;
    2. 5 секретных фишек, как раскрутить сайт.

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

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

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

    Еще одним моментом при использовании длинных заголовков более 60-70 символов является то, что Яндекс сможет отобразить в выдаче именно ту часть заголовка, в которой содержится запрос пользователя. Даже, если нужные для отображения слова находятся в числе последних 120ти символах (например) заголовка.

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

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



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

  • Обязательно начинайте заголовок для поисковых систем с большей буквы;
  • Допустимые знаки разделения для title - двоеточие (:) и кавычки (""). Запятые также можете использовать, но старайтесь не превышать их количество в размере 2х;
  • Тайтл должен быть читаемый. Если ключевое слово имеет не совсем читаемый вид (например, помидоры вырастить как), то логично будет его перефразировать (как вырастить помидоры). Следите за этим моментом, чтобы в один момент ваш сайт не был понижен в поиске и не пришлось переделывать заголовки к огромному количеству страниц, если ресурсу уже много времени и контента валом на нем;
  • Знак вопроса в тайтле используете только для вопросов;
  • Стараемся не использовать стоп-слова, предлоги и союзы. Всегда ближе к сути;
  • Тег тайтл должен быть различным с заголовком H1. Не стоит в H1 прописывать тот же самый заголовок. Сделайте ему другую словоформу и разбавьте другими словами;
  • Не стоит делать тег title вида "заголовок | site.ru". В title должен быть только заголовок страницы, отвечающий именно ее содержимому. Если у вас ресурс, созданный из простых HTML страниц, то проблем не будет, а вот на WordPress придется настроить плагины SEO оптимизации, чтобы убирали ненужную часть кода из тайтла;
  • Используйте уникальные тайтлы к каждой странице. Не стоит повторяться, а тем более употреблять один и тот же заголовок к нескольким материалам;
  • Не стоит употреблять несколько ключевых слов в одном заголовке. Это может сильно навредить его читаемости. Можно употребить ключевую фразу, которая будет справедлива для 2х словоформ и может по обеим формам приносить трафик.Например "Как ускорить индексацию сайта Яндексом". Такая ключевая фраза имеет более частотную форму, если убрать слово "Яндексом". Но с данным словом фраза также имеет свой трафик. Получается, что в составе одного ключа мы имеет несколько ключей. Такая фраза способна приносить больше трафика аж по нескольким запросам. Такой вариант использовать можно, но никак не "Как ускорить индексацию сайта или как ускорить индексацию сайта google".

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

Ошибки


Ну что же, друзья. Вышла довольно большая статья по поводу какого-то там, казалось бы, тега.

А вы думали, что имеется столько тонких нюансов в его использовании? Напишите в коментариях свои впечатления, что узнали нового? А может быть еще и что-то добавить сможете?

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

Все. До связи в следующих статьях.

С уважением, Константин Хмелев!

Узнаем, что такое Title страницы, на что он влияет и как его правильно составить используя рекомендации поисковых систем. Имеется инструкция на WordPress

Здравствуйте, уважаемые читатели блога сайт.

Посмотрите чуть выше и скажите что видите? Правильно, перед вами Title страницы или как еще говорят заголовок. Не многие знают, что правильно составленный тайтл - залог успешного продвижения. Иными словами, title для поисковых систем является важным факторов ранжирования.

Многие начинающие веб-мастера (блоггеры) и до сих пор не понимают, каким он должен быть и как его составлять. Я вам в этом помогу. На своем опыте, открою все секреты, которые насобирал за 2 года . Уверен, что информация станет для вас полезной.

Итак, давайте начнем…

Что такое тайтл страницы?

Title страницы (заголовок) - это тег html, который находится между . Самому смешно и непонятно, что сказал. По-простому говоря, обычный заголовок статей.

Для роботов поисковых систем, title выглядит следующим образом:


Для нас, обычных людей вот так:


Правильный title страницы - какой он?

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

  • Тайтл должен быть уникальным

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


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

Второе, на что нужно обратить внимание:

  • Длина title

Максимальная длина title страницы: Яндекс - 15 слов (до 80 символов), Google - 12 слов (до 70 символов). Поэтому, если размер заголовка будет 14 слов, то гугл его обрежет и это плохо скажется на ранжировании.

Чтобы все было «гуд», придумывайте тайтлы до 65 символов. Ну это так, лично мое мнение.

  • Ключевая фраза должна обязательно присутствовать в Title

Title 1: Заработать в интернете без вложений: реальные варианты

Title 2: Сайт о заработке в интернете. Где и как заработать в интернете

Как вы догадались, первый title оформлен лучше. Но тут нужно знать, что запрещено спамить тайтл ключевыми фразами. Часто встречаю такие заголовки:

Заработок в интернете: как заработать в интернете, способы заработать в интернете

Вот они переспамлены и их ни в коем случаи нельзя использовать. Но это еще не все.

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

Что касается, поисковых требований, то это все.

А теперь, вопрос: кто работает на WordPress? Веб-мастера, точно поняли о чем я. Так как эта платформа для нашего блога является домом, мы выработали для себя некие, полезные, привычки, которые касаются как раз заголовка, title всех наших страниц.

Как оптимизировать title страницы на WordPress?

Всю работу, которую мы проделываем с тайтлами, проходит через плагин Yoast SEO. Если вы о нем впервые слышите, то ставьте прямо сейчас. Ссылка тут .

Итак, как использовать плагин в своих целях для title?

После, как вы установите себе Yoast, под вашими статьями в редакторе появятся вот такие настройки:


Тут вы сможете:

  1. Прописать свой Title (то, что нам нужно);
  2. Прописать мета-тег description (краткое описание страницы);
  3. Выделить ключевую фразу для статьи (focus keyword);
  4. Указать ключевые слова (keywords).

Чтобы прописать свой тайтл на wordpress, нужно всего-навсего кликнуть по названию:


Пример моего тайтла для этой статьи:


Зеленый индикатор показывает, что еще можно дописать несколько слов. Меня все устраивает, поэтому оставлю так. Чтобы мы сами не считали символы, плагин делает всю работу за нас. Таким образом, длина title всегда под контролем.

Важно! Когда мы прописываем SEO-заголовок, то название страницы не меняется. По сути, мы имеем два заголовка: первый (от WordPress) - это для читателей, второй (от плагина) для поисковых систем.

Вот так это все выглядит на практике:

Но это еще не все. Плагин еще умеет прописать title главной страницы на wordpress. Вам нужно перейти в главные настройки, выбрать «заголовки и метаданные» и в разделе «Домашняя страница» прописать свой (новый) тайтл. А также не забудьте заполнить мета описание и указать ключевые слова.

Проверить, прописан ли title для главной, можно тут .


Подытожим

Без сомнений, правильно составленные заголовки, могут улучшить позиции в топе. Как это сделать? Теперь вы знаете. Надеюсь, что статья вам пригодилась. Если остались вопросы, то оставляйте их в комментариях.

Всем спасибо за внимание! Удачи вам и высоких позиций.

С уважением, Могиш Иван

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

Причина этому простая, т.к. я веду свой блог на платформе Blogger, title у нас автоматически генерируется из заголовка статьи, поэтому я много статей посвящала заголовкам в теге h1, и при этом необоснованно умалчивала о HTML теге title.

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

Title в переводе с английского означает заголовок, поэтому title в HTML документе – это заголовок страницы. И это самое важное значение этого тега. Помните, в статье я уже рассказывала, что абсолютно любой HTML документ имеет определенную структуру:

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

</b><b>

Техническая информация о документе

Здесь находится основное содержимое сайта, статьи, которые имеют заголовки в тегах:

Заголовок сайта или статьи

содержимое сайта

Так вот тег Title является заголовком HTML документа/страницы. Можно сказать, что он относится к технической информации о документе. Эта информация скрыта от глаз пользователей непосредственно на сайте, но ей пользуются все браузеры и поисковые системы.

Как используют Title браузеры

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

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

Как используют Title поисковые системы

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

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

Но это ещё не все. Так же поисковая система использует содержимое тега title в результатах поисковой выдачи. Когда пользователь задает свой запрос поисковику, последний выдает ответ в виде ссылок с описанием на ресурсы, которые отвечают на запрос пользователя.

Если же мы посмотрим страницу найденного сайта, то увидим другой заголовок:

Т.е. поисковик показывает нам информацию которая содержится в теге title, при этом заголовок статьи в теге h может быть совсем другой.

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

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

Не скажу, что пример идеальный, да и все SEO строится на нюансах и не возможно что-либо утверждать со 100% уверенностью, но давайте попробуем разобраться (изображение кликабельно):

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

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

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

Как эффективно использовать title для продвижения

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

В title можно использовать одно и тоже ключевое слово два раза. Например:

HTML тег title – эффективно используем заголовок страницы title.

В примере ключевое слово title встречается два раза.

Title не должен быть набором ключевых слов, а должен быть осмысленной фразой.

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

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

Поэтому очень важно не разделять свои ключевые фразы знаками препинания, которые означают конец предложения – точка (.), вопросительный знак (?), восклицательный знак (!). Сравним два заголовка:

HTML тег title – эффективно используем заголовок страницы title

HTML тег title. Эффективно используем заголовок страницы title.

В первом случае, например, моя статья может находится по фразам:

  • html заголовок страницы
  • тег заголовка страницы

Во втором же варианте таких ключевых фраз уже не получится. Между словами стоит точка, отделяя один пассаж от другого.

Стоит уделить пристальное внимание и длинне title, тут тоже не все просто.

Во-первых, не смотря на то, что рекомендуют укладываться в 80 знаков, при подсчете title непосредственно в выдаче, максимальная длина встречается чуть более 60 знаков. Вполне вероятно, что поисковик учитывает в title 80 знаков, но в выдаче всегда обрезает длинный заголовок. Так же стоит учитывать, что обрезанный title выглядит менее привлекательно, чем не обрезанный.

Во-вторых, стоит учитывать плотность title. Чем больше в нем слов, тем сильнее значимость title распределяется по всем словам, которые находятся в нем. Соответственно, чем меньше слов, тем больше веса они приобретают в глазах поисковой системы.

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

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

В связи с этим, структура title

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

предпочтительней, чем

|Заголовок страницы|Название сайта| .

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

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

P.S. Кто-то мог подумать, а причем здесь хлеб на картинке? Хлеб всему голова, title имеет такое же важное значение в сайтостроении и SEO, как и хлеб в нашей жизни:).