Title страницы — что это такое и каким он должен быть? Реальные примеры на WordPress. Хитрости написания title и description

31.08.2019

Здравствуйте, друзья!

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

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

Задачи и специфика работы

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

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

К тому же данные теги имеют различные места размещение в html коде страницы.

Title размещается только в шапке сайта в секции head между открывающим и закрывающим тегами

H1 является названием статьи и прописывается внутри тела документа, то есть области body.


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

Тег 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> для продвигаемой страницы.</p> <p>Конечно, одного лишь отлично составленного <title> будет не достаточно для продвижения страницы по некоторым низкочастотным запросам, не говоря уже о среднечастотных и высокочастотных ключевых словах. Но без этого тега любое продвижение будет бесполезным.</p> <h2>1. Что такое тег <title>... и для чего он нужен

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

Синтаксис html тега ...
<span>Название страницы </span> Контент страницы

Тег составляется исходя из текста на конкретной странице. Статья, которая размещена на странице должна иметь вхождение ключевых слов и словосочетаний в тексте из тайтла. Причем вовсе необязательно большое число вхождение ключевых слов, достаточно и одного. В этом случае, <title> будет очень положительно влиять на позиции этой страницы.</p> <p>Например, если у нас тема статьи "Как выбрать лыжи для конькового хода", то логично, чтобы тайтл был примерно таким:</p> <blockquote><head > <title ><span>Как выбрать лыжи для конькового хода - 5 советов от опытных лыжников </span>

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

Чтобы грамотно подбирать эти дополнительные ключи читайте:

2. Как выглядит в выдаче</h2> <p>В выдаче именно "тайтл" выводится в качестве названия страницы. Например:</p> <p>Этот тег пользователи видят в первую очередь, которые ввели поисковый запрос. Поэтому помимо важности тег <title> для SEO-оптимизации, еще и для пользователя он очень важен. Ведь на основание его пользователь принимает решение о переходе на сайт или нет.</p> <h2>3. Ссылки из социальных сетей содержат <title></h2> <p><img src='https://i2.wp.com/zarabotat-na-sajte.ru/seo/img/title-v-socsetyah1.jpg' width="100%" loading=lazy></p> <p>Или сокращенный вариант без изображения в ВК</p> <p><img src='https://i1.wp.com/zarabotat-na-sajte.ru/seo/img/title-v-socsetyah2.jpg' width="100%" loading=lazy></p> <p><img src='https://i2.wp.com/zarabotat-na-sajte.ru/seo/img/title-v-socsetyah3.jpg' width="100%" loading=lazy></p> <b>Входящие ссылки и title </b> <p>Входящие ссылки на продвигаемую страницу, как правило, должны содержать слова из тега title страницы акцептора . Причем, часть входящих ссылок должна иметь прямое вхождение, часть ссылок – частичное, часть ссылок должна вмещать в своем анкоре словоформы синонимы и так далее. Это нужно, чтобы продвижение происходило по одним запросам.</p> <h2>4. Как правильно составить тег <title></h2> <h3>4.1. Уникальность <title> внутри сайта</h3> <p>Все страницы на одном сайте должны иметь различный Title. Уникальный <title> - залог вашего успеха в выдаче всех поисковых систем. Это настолько важно, что можно приравнять это к уникальности контента на странице. Я хочу подчеркнуть, что уникальность я подразумеваю в пределах одного сайта.</p> <p>Если не соблюдать правило уникальности, то это будет крайне негативно сказывать на продвижении сайта по данному запросу, поскольку это автоматически создаст дубли страниц на сайте .</p> <h3>4.2. <title> должен отвечать содержанию страницы</h3> <p>Указывайте только те ключевые слова, на которые действительно отвечает страница. С введением поведенческих факторов это стало еще сильнее влиять на позиции в выдаче.</p> <p>Например, пользователь заходит на страницу с тайтлом, которой отвечает его требованиям, а содержимое страницы совсем о другом, то логично предположить, что большинство просто закроет страницу и пойдет дальше искать информацию в поисковик. В итоге у такого ресурса быстро испортится поведенческая картинка , что в конечном итоге может негативно повлиять на позиции всего сайта в целом.</p> <h3>4.3. Порядок следования ключевых слов в теге <title> имеет значение</h3> <p>Первое слово в теге <title> самое весомое для поисковой системы, следовательно, на первом месте необходимо употреблять самое важное ключевое слово на странице.</p> <p>Также стоит отметить, что если некоторые смежные ключевые слова не совсем подходят к содержанию страницы, то возможно стоит вообще их не указывать, даже в конце тайтла, этим усиливается важность первого ключевика.</p> <h3>4.4. Адекватная длина <title></h3> <p>Количество слов в <title> не должно превышать 5-6. Оптимальное количество символов в title согласно ПС – 70. Обычно эту цифру используют для составления тега title для главной страницы. Для внутренних страниц его длина немного меньше – 40-60 символов. Но опять-таки, это лишь рекомендация. Если есть необходимость сделать тайтл 120 символов, то значит делайте его 120 символов. Все что сделано на благо пользователей - вознаграждается и поощряется.</p> <h3>4.5. Знаки препинания</h3> <p>Используйте знаки препинания в своем <title> только в случае, если это крайне необходимо, и есть уверенность, что поисковая система правильно расценит мысль, которую Вы хотели донести до посетителей. Дело в том, что знаки препинания могут разбить тег <title> на разные смысловые части. Человек сможет разобраться в этом, а вот поисковая система может понять все совсем иначе.</p> <h3>4.6. Не используйте бесполезные слова</h3> <p>Никогда не указывайте в тайтле слова типо "главная страница". Это бесполезный мусор для пользователей. Есть шансы быть пессимизированным в выдаче за злоупотребление такими словами. В тайтле должно быть все только по делу.</p> <h3>4.7. Уточняйте <title>, если это нужно</h3> <p>Не делайте тайтл из одного слова. Например, на многих сайтах есть раздел "статьи". Если обратить внимание, то многие сайты допускают серьезную ошибку и имеют заголовок в виде одного слова "статьи", но это абсолютно противоречит здравому смыслу. Это слово явно требует уточнения. Например, "статьи про футбол" - в случае, если у вас футбольная тематика будет смотреться куда более понятно. А ещё лучше дополнить это ещё одним более уточняющим словом.</p> <h3>4.8. Дублирование может быть полезным</h3> <p>Порой бывает очень полезно в конце тайтла указать название вашей фирмы. Например, "<span>ключевая фраза | Название фирмы </span>". Это хорошая схема, которая давно себя зарекомендовала. Несмотря на постоянное дублирование в тайтле названия вашей фирмы, такая конструкция позволяет понизить показатель отказов на страницах сайта, поскольку пользователь, который переходит с поисковых систем уже примерно знает, что заходит на сайт организации (кстати, возможно о которой он уже что-то слышал ранее).</p> <p>Его наполнении и прочих важных составляющих этих процессов. Сегодня же я бы хотел коснуться темы, которая имеет особое значение для успешного продвижения вашего интернет-ресурса.</p> <p>Расскажу вам о том, что такое title страницы, что даёт этот атрибут для продвижения веб-проекта в различных поисковых системах, и поделюсь собственным опытом правильного его оформления.</p> <h2>Что это такое title и для чего он нужен?</h2> <blockquote> <p>Тitle (заголовок страницы Интернет-ресурса) – специальный тег, находящийся в начале html кода внутри конструкции <HEAD> и имеющий следующий вид:</p> </blockquote> <table><tr><td class="code"> <head> .... <title> title страницы ....

.... title страницы ....

Наряду с такими элементами, как descriptions (краткое описание содержимого страницы) и keywords (ключевые слова), тайтл является одним из краеугольных камней успешного продвижения любого сайта. Существует, как минимум три причины, которые требуют с особым вниманием относиться к вопросу его оптимизации:

  1. При распространении в соц.сетях отображается title сайта.
  2. В результатах поиска выдается тайтл статьи, ее УРЛ и описание.
  3. Анализ тайтлов страниц позволяет Google и Яндекс определять их места в результатах поиска.

Правила Yandex и Google для тайтлов

В результатах запроса Яндекс выдаёт лишь 80 знаков из заголовка. Если ваш тайтл состоит более чем из 80 символов либо длиннее 15 слов, то «лишние» слова отображаться не будут.

В поиске Гугл - будет отображено не более 12 слов или 70 знаков.

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

Используйте только основной ключевой запрос и разбавьте его дополнительным текстом (например после знака «:» или «-»).

Важно ! Основной ключевой запрос подскажет поисковикам, под какой ключ заточена статья, а дополнительные слова призваны привлечь внимание читателей.

Keywords

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

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

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

Тайтлы страниц в соц.сетях

Когда пользователь соц.сети делится вашей страничкой, то автоматически происходит формирование сниппета. Большая часть пользователей предпочитает не изменять исходные заголовки (хотя это вполне возможно). Что это значит?

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

Для кого следует писать тайтлы – для посковиков или для людей?

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

Правила создания хорошего заголовка

Теперь я хочу рассказать, как написать тайтлы, которые понравятся как посетителям, так и поисковикам Google и Яндекс:

  • Абсолютно все тайтлы на ресурсе должны быть уникальными. Дублирование весьма негативно отразится на продвижении.
  • Title должен состоять максимум из 12 слов, а его длина не должна превышать 70 знаков для Google (15 слов и 80 символов для яндекса) . Заполняйте его четко и компактно.
  • В составе тайтла обязательно должна присутствовать основная ключевая фраза, которую следует размещать ближе к началу.
  • Тайтлы должны легко читаться и привлекать интерес читателя. Не стоит зацикливаться на одной лишь seo-оптимизации. Тайтл – первое, что предстает взору потенциального посетителя в системе поиска, поэтому вы должны сделать все возможное, чтобы эта первая встреча не стала последней.

Стоит ли включать в title название бренда?

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

Если же вы занимаетесь развитием своего личного блога, то лучше исключить. Хотя это на ваше усмотрение. Лично я не хочу, чтобы напротив каждого названия моих статей в поиске добавлялась конструкция типа «|блог Абдуллина Руслана». Мне кажется это лишним.

Оптимизация тайтла

Чтобы вы могли посмотреть, как всё написанное выше выглядит в реальности, приведу вам следующий пример.

Предположим, вы создали страничку с тайтлом «Куртки из натуральной кожи в розницу и оптом| Цена курток| Продажа курток Россия| Пошив куртки из натуральной кожи по заказу ».

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

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

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

Вот и всё! Думаю, я достаточно полно раскрыл тему. Правильность и эффективность вышеописанных мною способов вы можете проверить на практике.

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

С уважением! Абдуллин Руслан

В Google и видим: Тег title на странице это второй по важности (после контента) фактор, который дает большое влияние на релевантность сайта.

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

Заголовок страницы и тег title

Давайте начнём с азов. Любую веб-страницу нужно рассматривать с двух точек зрения.

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

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

Вы спросите, зачем я начал так издалека? Дело в том, что заголовок страницы, который мы видим в браузере, не всегда совпадает с тем, что считают заголовком документа поисковые боты.

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

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

Тег Title

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

Синтаксис тайтла:

Заголовок веб-документа

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

В завершении этого раздела, замечу, что title попадает почти в начало блока head веб-страницы, и не входит в тело страницы – блок body. Это замечание понадобится чуть ниже.

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

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

Ключи в title

Обращаемся к «закону» и в 12 параграфе 200 факторов Google (ссылка выше), читаем:

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

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

Давайте посмотрим, что по этому поводу говорит Яндекс. https://yandex.ru/support/webmaster/recommendations/presentation.xml

Заголовок страницы это текст, определяемый тегом . С его помощью вебмастер дает понять поисковой системе, что содержится на странице … это в некотором роде, визитная карточка вашего ресурса. Хорошо, если заголовок не только содержит ключевые слова, но также информативен и актуален.</p> </blockquote><p>Как видите, позиция Яндекс по включению ключа в заголовок страницы аналогична, а вот рекомендаций по его размещению в начале заголовка нет.</p><p>Однако важно, чтобы ключевая фраза в заголовке попала в «нормативную» длину заголовка, которая есть у каждого поисковика.</p><p><b>Во-первых </b>, длина заголовка страницы может быть любой. Вы можете вставить в заголовок хоть целый абзац. Поисковые системы просто обрежут заголовок и используют его начало, поставив после резки троеточие.</p><p>Это значит, что рекомендуемая длина заголовка важна, для попадания в эту длину ключа страницы. И разумно, из-за меняющихся правил поисковиков, ключевую фразу разместить ближе к началу title, чтобы после очередного изменения правил не пришлось переписывать все тайтлы.</p><p><img src='https://i0.wp.com/seojus.ru/wp-content/uploads/2018/06/jandeks-title.png' align="center" width="100%" loading=lazy><br><img src='https://i2.wp.com/seojus.ru/wp-content/uploads/2018/06/jandeks-dlina-title.png' align="center" width="100%" loading=lazy></p><p><img src='https://i2.wp.com/seojus.ru/wp-content/uploads/2018/06/optimalnaja-dlina-title-seo.png' align="center" width="100%" loading=lazy></p><ul><li>Длина заголовка для Яндекс продвижения не более 15 слов или 80 знаков;</li><li>Google учитывает первые 12 слов title или 70 знаков.</li> </ul><p>На практике я не нашел в выдаче ни Яндекс, ни Google не обрезанных заголовков длиннее 55 знаков. Причем, Яндекс режет длинный заголовок до 35-39 знаков очень часто.</p><p>На своих сайтах, я не думаю о длине заголовка. На сайтах WordPress за длиной title следит SEO плагин, а на Joomla я просто пишу ключ в начало, а длину заголовка делаю разумной по смыслу.</p><h3>Стоп слова </h3><p>Русский язык богат связывающими словами, которые поисковики считают лишними. К ним относятся служебные части речи, местоимения, слова, не несущие дополнительного смысла. Они автоматически исключаются из запроса пользователя.</p><p>Моё мнение по поводу стоп слов такое. Неуместно, если title будет состоять из одних стоп слов. Например, «Хотел я, то есть, то не есть» (глагол «есть» стоп-слово) или «Если мне не до того, как я могу не есть». Если заголовок написан осмысленно и выражает точную мысль, то 2-3 стоп-слова ему не помешают. Например, «Как выбрать лодку для рыбалки». Слово «Как» для Google, в начале заголовка можно убрать. Для Яндекс не обязательно.</p><h3><span>Заголовок, литература и интеллектуальный поиск </span></h3><p>Последние тенденции интеллектуального поиска добавили к стоп словам целые построения фраз, которые нужно (желательно) избегать. А именно избегайте в заголовке:</p><p>Важно заметить, что перечисленные «последние тенденции», скорее относятся к литературному написанию заголовка, а не его оптимизации. Хотя в SEO есть такое понятие, как читабельность и его значение всё более увеличивается.</p><h3><span>Знаки препинания в title </span></h3><p>К знакам препинания относятся символы: () — = / \ ! ? | + _ . : ;. Вопрос таков, можно ли их использовать в правильном заголовке страницы?</p><p>Давайте подумаем. Правильный заголовок страницы это заголовок понятный поисковому боту. Бот «читает» текст по символам и тегам. Если он видит тег <p>Он «читает» это новый абзац. Если он видит символы точка (.), восклицательный знак (!) или вопросительный знак (?), бот разбивает фразу на так называемые пассажи – независимые смысловые части.</p> <script type="text/javascript"> <!-- var _acic={dataProvider:10};(function(){var e=document.createElement("script");e.type="text/javascript";e.async=true;e.src="https://www.acint.net/aci.js";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})() //--> </script><br> <br> <script>document.write("<img style='display:none;' src='//counter.yadro.ru/hit;artfast_after?t44.1;r"+ escape(document.referrer)+((typeof(screen)=="undefined")?"": ";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth? screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+";h"+escape(document.title.substring(0,150))+ ";"+Math.random()+ "border='0' width='1' height='1' loading=lazy>");</script> <div class="clear"></div> <div class="afterpage author_rank"> <div class="social"> <div class="expert-title">Поделись статьей:</div> <div style="float:left" class="yashare-auto-init" data-yashareL10n="ru" data-yashareQuickServices="yaru,vkontakte,facebook,twitter,odnoklassniki,moimir,gplus" data-yasharetheme="counter" data-yasharetype="big"></div> </div> <div class="clear"></div> </div> <div class="clear"></div> <div class="clear"></div> <div class="related_posts"> <div class="title">Похожие статьи<span></span></div> <ul> <div class='yarpp-related'> <li> <div> <div class="top"> <div class="replace post_243"> <div class="img_border"> <span></span> <img src="/uploads/a759b9fe97ccda291ebec159edefbd07.jpg" alt="SuperBeam — мощный инструмент для передачи файлов по Wi-Fi без интернета" title="SuperBeam — мощный инструмент для передачи файлов по Wi-Fi без интернета" loading=lazy> </div> </div> </div> <div class="clear"></div> <div class="info"> <div class="date">17 апреля 2015</div> <a class="replace post_243" href="/chto-takoi-kosnites-zdes-peredach-failov-superbeam-moshchnyi.html">SuperBeam — мощный инструмент для передачи файлов по Wi-Fi без интернета</a> </div> </div> <div class="clear"></div> </li> <li> <div> <div class="top"> <div class="replace post_243"> <div class="img_border"> <span></span> <img src="/uploads/17710a78e319544a5b5d2ab44930148c.jpg" alt="Многоядерный DSP TMS320C6678" title="Многоядерный DSP TMS320C6678" loading=lazy> </div> </div> </div> <div class="clear"></div> <div class="info"> <div class="date">17 апреля 2015</div> <a class="replace post_243" href="/chto-takoe-dsp-processor-mnogoyadernyi-dsp-tms320c6678-obzor-arhitektury.html">Многоядерный DSP TMS320C6678</a> </div> </div> <div class="clear"></div> </li> <li> <div> <div class="top"> <div class="replace post_243"> <div class="img_border"> <span></span> <img src="/uploads/36f90ea9096aa5f59df5203b7540ca5a.jpg" alt="Продукция Intel: чипсеты и их особенности" title="Продукция Intel: чипсеты и их особенности" loading=lazy> </div> </div> </div> <div class="clear"></div> <div class="info"> <div class="date">17 апреля 2015</div> <a class="replace post_243" href="/sovremennye-chipsety-dlya-processorov-intel-produkciya-intel-chipsety-i-ih.html">Продукция Intel: чипсеты и их особенности</a> </div> </div> <div class="clear"></div> </li> <li> <div> <div class="top"> <div class="replace post_243"> <div class="img_border"> <span></span> <img src="/uploads/48efe173fb467c6513794422db21ed1a.jpg" alt="Caterpillar представила смартфон с тепловой камерой Cat S60" title="Caterpillar представила смартфон с тепловой камерой Cat S60" loading=lazy> </div> </div> </div> <div class="clear"></div> <div class="info"> <div class="date">17 апреля 2015</div> <a class="replace post_243" href="/protivoudarnyi-telefon-ket-s60-s-teplovizorom-caterpillar-predstavila.html">Caterpillar представила смартфон с тепловой камерой Cat S60</a> </div> </div> <div class="clear"></div> </li> </div> </ul> </div> <div class="clear"></div> <div class="clear"></div> <div class="bread_wrap" xmlns:v="http://rdf.data-vocabulary.org/#"> </div> <div class="clear"></div> </div> <div class="sidebar col-xs-12 col-md-3 col-lg-3"> <div class="aside nav podrubriki"><div class="first_title"></div><div class="subnavtitle">Типы<span></span></div><ul class="subnav"> <li><span class="asideli related-link" data-href="/category/routers/">Роутеры</span></li> <li><span class="asideli related-link" data-href="/category/hard-drives/">Жесткие диски</span></li> <li><span class="asideli related-link" data-href="/category/not-included/">Не включается</span></li> <li><span class="asideli related-link" data-href="/category/printers/">Принтеры</span></li> <li><span class="asideli related-link" data-href="/category/inhibits/">Тормозит</span></li> <li><span class="asideli related-link" data-href="/category/hangs/">Зависает</span></li> <li><span class="asideli related-link" data-href="/category/viruses/">Вирусы</span></li> <li><span class="asideli related-link" data-href="/category/tablets/">Планшеты</span></li> </div> <div class="clear"></div> <div class="sidebar_pop_articles"> <div class="title">Популярные статьи<span></span></div> <ul> <li> <div class="replace post_87"> <div class="top"> <div class="img_border"> <span></span> <img src="https://i1.wp.com/finansist24.com.ua/wp-content/uploads/2018/07/sozdat-akkaunt-steam.png" alt="Как зарегистрироваться в Steam без электронной почты" title="Как зарегистрироваться в Steam без электронной почты" loading=lazy> </div> </div> <div class="info"> <a href="/stim-zaregistrirovatsya-s-novoi-versii-kak-zaregistrirovatsya-v-steam-bez-elektronnoi-pochty-vhod-v.html" class="replace post_87">Как зарегистрироваться в Steam без электронной почты</a> </div> </div> <div class="clear"></div> </li> <li> <div class="replace post_87"> <div class="top"> <div class="img_border"> <span></span> <img src="https://i0.wp.com/mircsgo.org/wp-content/uploads/2016/06/letter_screen_2.jpg" alt="Кс го скин кэш. Как продать вещи cs:go? Можно ли доверять CSGO Cash. Какие гарантии сделок" title="Кс го скин кэш. Как продать вещи cs:go? Можно ли доверять CSGO Cash. Какие гарантии сделок" loading=lazy> </div> </div> <div class="info"> <a href="/ks-go-skin-kesh-kak-prodat-veshchi-cs-go-mozhno-li-doveryat-csgo-cash-kakie.html" class="replace post_87">Кс го скин кэш. Как продать вещи cs:go? Можно ли доверять CSGO Cash. Какие гарантии сделок</a> </div> </div> <div class="clear"></div> </li> <li> <div class="replace post_87"> <div class="top"> <div class="img_border"> <span></span> <img src="https://i0.wp.com/ixbt.com/portopc/lenovo/x1carbon/45backview.jpg" alt="Обзор ноутбука Lenovo ThinkPad X1 Carbon (2018): лёгкий, удобный, мощный" title="Обзор ноутбука Lenovo ThinkPad X1 Carbon (2018): лёгкий, удобный, мощный" loading=lazy> </div> </div> <div class="info"> <a href="/lenovo-thinkpad-x1-carbon-opisanie-obzor-noutbuka-lenovo-thinkpad-x1-carbon-2018-l-gkii.html" class="replace post_87">Обзор ноутбука Lenovo ThinkPad X1 Carbon (2018): лёгкий, удобный, мощный</a> </div> </div> <div class="clear"></div> </li> <li> <div class="replace post_87"> <div class="top"> <div class="img_border"> <span></span> <img src="https://i1.wp.com/cxem.net/sound/raznoe/transmit2.png" alt="Стереофония Устройство для приема передач на расстоянии" title="Стереофония Устройство для приема передач на расстоянии" loading=lazy> </div> </div> <div class="info"> <a href="/peredacha-audio-signala-bez-provodov-stereofoniya-ustroistvo-dlya-priema.html" class="replace post_87">Стереофония Устройство для приема передач на расстоянии</a> </div> </div> <div class="clear"></div> </li> <li> <div class="replace post_87"> <div class="top"> <div class="img_border"> <span></span> <img src="https://i0.wp.com/inetfishki.ru/wp-content/uploads/2017/020217/otvazat-instagram/2.jpg" alt="Отвязываем страничку в инстаграм от фейсбука" title="Отвязываем страничку в инстаграм от фейсбука" loading=lazy> </div> </div> <div class="info"> <a href="/kak-otkrepit-stranicu-v-feisbuk-otvyazyvaem-stranichku-v-instagram.html" class="replace post_87">Отвязываем страничку в инстаграм от фейсбука</a> </div> </div> <div class="clear"></div> </li> <li> <div class="replace post_87"> <div class="top"> <div class="img_border"> <span></span> <img src="https://i2.wp.com/nastroyvse.ru/wp-content/uploads/2017/05/etot-kompyuter-svoystva.jpg" alt="Как подключиться к компьютеру по локальной сети?" title="Как подключиться к компьютеру по локальной сети?" loading=lazy> </div> </div> <div class="info"> <a href="/kak-svyazat-kompyutery-po-wifi-kak-podklyuchitsya-k-kompyuteru-po-lokalnoi.html" class="replace post_87">Как подключиться к компьютеру по локальной сети?</a> </div> </div> <div class="clear"></div> </li> </ul> <div class="clear"></div> </div> <div class="clear"></div> <div class="sidebar_new_articles"> <div class="title">Новые статьи<span></span></div> <ul> <li> <a href="/nt-kernel-system-gruzit-sistemu-windows-chto-eto-process-system-nt-kernel-system.html" class="replace post_1054">Процесс System (NT Kernel System) грузит систему: что делать?</a> <div class="clear"></div> </li> <li> <a href="/samsung-galaxy-j3-proshivka-obnovlenie-proshivki-smartfonov-samsung-galaxy-chto.html" class="replace post_1054">Обновление прошивки смартфонов Samsung Galaxy</a> <div class="clear"></div> </li> <li> <a href="/programma-dlya-chistki-kompyutera-ot-reklamnyh-virusov-kak-ubrat-reklamu-v.html" class="replace post_1054">Как убрать рекламу в браузере: удалить баннеры и всплывающие окна</a> <div class="clear"></div> </li> <li> <a href="/chto-takoe-token-kriptovalyuty-chto-takoe-token.html" class="replace post_1054">Что такое токен криптовалюты</a> <div class="clear"></div> </li> <li> <a href="/pochemu-zhestkii-disk-skrezhet-diagnostiruem-zhestkii-disk-pri.html" class="replace post_1054">Диагностируем жесткий диск при появление посторонних тресков и шумов</a> <div class="clear"></div> </li> </ul> <div class="clear"></div> </div> <div class="clear"></div> <div class="sidebar_question"> <div id="dirace1" style="height:300px;width:200px;" align="center"></div> </div><p></p><div class="clear"></div></div> </div> <div class="clear"></div> <div class="section morkovin-antireklama-sidebar Closure"><div id="smartrotator_ad_1610"></div></div> </div> <div class="clear"></div> <div class="clear"></div> </div> </div> <div class="clear"></div> <footer class="footer"> <div class="kartasajta"><a href="/sitemap.xml">Карта сайта</a></div> <div class="top_footer"> <div class="inner"> <div class="footer_col col-xs-6 col-sm-4 col-md-4"> <span data-href="/" class="related-link logo"> <div class="logo_text1"><img src="/public/logo.png" loading=lazy></div> </span> <div class="clear"></div> <p class="copyright"> © 2024 anyhost.ru - Сайт о компьютерах и комплектующих<br /> <span></span> </p> </div> <div class="footer_col col-xs-12 col-sm-2 col-md-2"> <p class="foot_cat_title">Другое</p> <ul class="categories"> <li><span class="related-link" data-href="">О сайте</span></li> <li><span class="related-link" data-href="">Реклама</span></li> <li><span class="related-link" data-href="/feedback.html">Контакты</span></li> </ul> </div> <div class="footer_col col-xs-6 col-sm-2 col-md-2 rubric_col"> <p class="foot_cat_title">Рубрики</p> <ul id="nav" class="categories"> <li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="/category/routers/">Роутеры</a></li> <li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="/category/hard-drives/">Жесткие диски</a></li> <li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="/category/not-included/">Не включается</a></li> <li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="/category/printers/">Принтеры</a></li> <li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="/category/inhibits/">Тормозит</a></li> <li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="/category/hangs/">Зависает</a></li> <li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="/category/viruses/">Вирусы</a></li> <li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="/category/tablets/">Планшеты</a></li> <li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="/category/installation/">Установка устройств</a></li> <li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="/category/application/">Приложения</a></li> </ul> </div> <div class="clear"></div> </div> </div> <div class="clear"></div> </footer> <div id="toTop"></div> <script type="text/javascript" src="https://anyhost.ru/wp-content/plugins/service_binet/ajax.js"></script><button id="responsive-menu-button" class="responsive-menu-button responsive-menu-boring responsive-menu-accessible" type="button" aria-label="Menu"> <span class="responsive-menu-box"> <span class="responsive-menu-inner"></span> </span> </button><div id="responsive-menu-container" class="slide-left" style="padding:20px;"> <ul> <li><a style="color:white;" href="/category/routers/">Роутеры</a></li> <li><a style="color:white;" href="/category/hard-drives/">Жесткие диски</a></li> <li><a style="color:white;" href="/category/not-included/">Не включается</a></li> <li><a style="color:white;" href="/category/printers/">Принтеры</a></li> <li><a style="color:white;" href="/category/inhibits/">Тормозит</a></li> <li><a style="color:white;" href="/category/hangs/">Зависает</a></li> <li><a style="color:white;" href="/category/viruses/">Вирусы</a></li> <li><a style="color:white;" href="/category/tablets/">Планшеты</a></li> <li><a style="color:white;" href="/category/installation/">Установка устройств</a></li> <li><a style="color:white;" href="/category/application/">Приложения</a></li> </ul> </div> <link rel='stylesheet' id='yarppRelatedCss-css' href='/wp-content/plugins/yet-another-related-posts-plugin/style/related.css?ver=4.9.1' type='text/css' media='all' /> <script type='text/javascript' src='https://anyhost.ru/wp-content/plugins/wp-postratings/js/postratings-js.js?ver=1.85'></script> <script type='text/javascript'> /* <![CDATA[ */ var JQLBSettings = { "fitToScreen":"1","resizeSpeed":"400","displayDownloadLink":"0","navbarOnTop":"0","loopImages":"","resizeCenter":"","marginSize":"0","linkTarget":"","help":"","prevLinkTitle":"previous image","nextLinkTitle":"next image","prevLinkText":"\u00ab Previous","nextLinkText":"Next \u00bb","closeTitle":"close image gallery","image":"Image ","of":" of ","download":"Download","jqlb_overlay_opacity":"80","jqlb_overlay_color":"#000000","jqlb_overlay_close":"1","jqlb_border_width":"10","jqlb_border_color":"#ffffff","jqlb_border_radius":"0","jqlb_image_info_background_transparency":"100","jqlb_image_info_bg_color":"#ffffff","jqlb_image_info_text_color":"#000000","jqlb_image_info_text_fontsize":"10","jqlb_show_text_for_image":"1","jqlb_next_image_title":"next image","jqlb_previous_image_title":"previous image","jqlb_next_button_image":"http:\/\/anyhost.ru\/wp-content\/plugins\/wp-lightbox-2\/styles\/images\/ru_RU\/next.gif","jqlb_previous_button_image":"http:\/\/anyhost.ru\/wp-content\/plugins\/wp-lightbox-2\/styles\/images\/ru_RU\/prev.gif","jqlb_maximum_width":"","jqlb_maximum_height":"","jqlb_show_close_button":"1","jqlb_close_image_title":"close image gallery","jqlb_close_image_max_heght":"22","jqlb_image_for_close_lightbox":"http:\/\/anyhost.ru\/wp-content\/plugins\/wp-lightbox-2\/styles\/images\/ru_RU\/closelabel.gif","jqlb_keyboard_navigation":"1","jqlb_popup_size_fix":"0"} ; /* ]]> */ </script> <script type='text/javascript' src='https://anyhost.ru/wp-content/plugins/wp-lightbox-2/wp-lightbox-2.min.js?ver=1.3.4.1'></script> <script type='text/javascript' src='/wp-includes/js/wp-embed.min.js?ver=4.9.1'></script> <script async="async" type='text/javascript' src='https://anyhost.ru/wp-content/plugins/akismet/_inc/form.js?ver=4.0.1'></script> </body> <script src="https://anyhost.ru/wp-content/themes/avada/js/jquery.jshowoff.min.js"></script> <script> (function($){ $(window).scroll(function() { if($(this).scrollTop() > 200) { $('#toTop').fadeIn(100); } else { $('#toTop').fadeOut(100); } } ); $('#toTop').click(function() { $('body,html').animate({ scrollTop:0} ,400); } ); $('.navbar-toggle').click(function(e){ e.preventDefault(); $('#navbar').show(500); $('.wrapper, footer, body, .mobile_search').addClass('righted'); $('.navbar-toggle').fadeOut(500); } ); $('.mobile_close').click(function(e){ e.preventDefault(); $('#navbar').hide(500); $('.wrapper, footer, body, .mobile_search').removeClass('righted'); $('.navbar-toggle').fadeIn(500); } ); $('#features').jshowoff({ autoPlay: true, hoverPause: false, speed:3000, changeSpeed: 200, links: true, effect: 'fade', controls: false } ); } )(jQuery); </script> <script type="text/javascript" src="//yandex.st/share/share.js" charset="utf-8"></script> </html>