Титл страницы. Важные выводы и краткое резюме для ленивых

В 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://i1.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://i0.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>Важно заметить, что перечисленные «<a href="/game/poslednie-tendencii-v-mire-veb-dizaina-znakomtes-kartochnyi-dizain-dlya-kazhdoi/">последние тенденции</a>», скорее относятся к литературному написанию заголовка, а не его оптимизации. Хотя в SEO есть такое понятие, как читабельность и его значение всё более увеличивается.</p><h3><span>Знаки препинания в title </span></h3><p>К знакам препинания относятся символы: () — = / \ ! ? | + _ . : ;. Вопрос таков, можно ли их использовать в правильном заголовке страницы?</p><p>Давайте подумаем. Правильный заголовок страницы это заголовок понятный поисковому боту. Бот «читает» текст по символам и тегам. Если он видит тег <p>Он «читает» это <a href="/security/kak-v-poste-instagramm-postavit-novyi-abzac-skopirovat/">новый абзац</a>. Если он видит символы точка (.), <a href="/plug-ins-for-browsers/android-pokazyvaet-vosklicatelnyi-znak-chto-delat-esli-na-ekrane-android-s/">восклицательный знак</a> (!) или <a href="/setting-up-software/pashalki-ot-google-kstati-ob-igrah-esli-vvesti-v-google-super-mario-bros-to/">вопросительный знак</a> (?), бот разбивает фразу на так называемые пассажи – независимые смысловые части.</p> <h3>Описание</h3> <p>Определяет заголовок документа. Элемент <title> не является частью документа и не показывается напрямую на веб-странице. В операционной <a href="/customize-windows-10/vosstanovlenie-sistemy-windows-vosstanovlenie-sistemy-windows/">системе Windows</a> текст заголовка отображается в левом верхнем углу окна браузера (рис. 1). Допускается использовать только один тег <title> на документ и размещать его в контейнере <head> .</p> <p>Рис. 1. Вид заголовка в <a href="/internet/kak-obnovit-yandeks-brauzer-do-poslednei-versii-kak-obnovit-sovremennye/">браузере Firefox</a></p> <h3>Синтаксис</h3> <head> <title>Заголовок

Закрывающий тег

Обязателен.

Атрибуты

HTML5 IE Cr Op Sa Fx

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

Примечание

Тег выполняет множество задач, как прямо, так и косвенно. Ниже описано какую роль выполняет заголовок страницы.</p> <ul><li>По тексту заголовка пользователь получает <a href="/internet/tehnologiya-3d-touch-chto-dopolnitelnaya-informaciya-uvedomlenii/">дополнительную информацию</a>, что это за сайт, на котором он находится и как называется текущая страница. Не стоит думать, что достаточно в документе указать логотип сайта и проигнорировать заголовок, ведь посетитель может свернуть окно. В свернутом виде заголовок также отображается на кнопках панели задач, поэтому можно легко ориентироваться, с каким сайтом в <a href="/education-and-science/kogda-sozdali-odnoklassniki-kto-vladelec-odnoklassnikov/">данный момент</a> работать, а не перелистывать их по очереди.</li> <li>Большинство браузеров поддерживают возможность сохранения веб-страницы на <a href="/disks-and-files/kak-nastroit-lokalnuyu-set-mezhdu-dvumya-kompyuterami-kak/">локальный компьютер</a>. В этом случае имя сохраненного файла совпадает с названием заголовка документа. Если в тексте заголовка содержатся символы недопустимые в имени файла (\ / : * ? " < > |), они будут проигнорированы или автоматически заменены другими дозволенными символами.</li> <li>При сохранении в разделе браузера «Избранное», адрес <a href="/education-and-science/pechat-tekushchei-stranicy-sochetanie-klavish-v-word-kak-naznachit-goryachie-klavishi-v/">текущей страницы</a> с ее заголовком помещается в список предпочитаемых ссылок. Поскольку этот список, как правило, хранится в виде <a href="/plug-ins-for-browsers/kak-udalit-zapis-s-diska-dvd-rw-kak-udalit-udalennye-faily-s-zhestkogo/">отдельных файлов</a>, к их именам также прилагается уже вышеописанное правило.</li> <li>В результатах поиска по ключевым словам, поисковые системы используют заголовок страницы для указания ссылки на <a href="/security/kak-rabotaet-poiskovaya-sistema-obzor-programm-dlya-poiska-dokumentov/">данный документ</a>. Интересно написанный заголовок, содержащий ключевые слова, привлечет больше внимания посетителей и увеличит шансы на то, что сайт посетит больше людей.</li> </ul> <p>Привет, друзья! Снова пришло время полезных теоретических постов. И сегодня я хотел бы поговорить о самом важном теге — Title. Что такое <a href="/questions/chto-takoe-title-stranicy-chto-takoe-teg-title-chto-takoe-glavnyi-klyuch/">Title страницы</a>, на что влияет, как правильно составить title с точки зрения SEO, какие при этом можно допустить ошибки и многое другое. И теория, и практика, и математика – сегодня будет все и для всех. Максимально подробно.</p> <h3>Сколько символов из Title отображается в заголовке ссылки в поисковой выдаче</h3> <p>Помимо количества слов, участвующих в ранжировании, наверняка вас заинтересует вопрос максимального отображаемого количества символов из title в поисковой выдаче.</p> <p><b>Начнем с Яндекса. </b> Как вы знаете, если текст заголовка не вмещается полностью в строку, то он будет заменен на троеточие (оно может быть в конце, в начале или в середине title). Очень важно, чтобы <a href="/system-administration/vsegda-li-mks-vidit-odnu-chast-zemli-mks-onlain-translyaciya-s-veb-kamer/">видимая часть</a> заголовка на выдаче отражала суть документа, лучше всего, если ваш заголовок полностью вместится в отведенное количество символов. Даже если заголовок отрежется в конце, то это выглядит приемлемо, но если обрезается начало или середина, то чаще всего заголовок теряет во <a href="/education-and-science/alcatel-onetouch-idol-x---tehnicheskie-harakteristiki-alcatel-one-touch-idol-x-harakteristiki-otzy/">внешнем виде</a> и, следовательно, в кликабельности.</p> <p>Поэтому важно знать, на какое количество символов вы можете рассчитывать. Я пролистал много страниц выдачи Яндекса по разным запросам и пришел к выводу, что <b><a href="/android/pravilnyi-zagolovok-title-optimizaciya-dlya-seo-maksimalnaya/">максимальная длина</a> зависит от нескольких факторов </b>. Максимальный заголовок, который я нашел, составил 75 символов, не считая троеточия (это еще три символа) в конце. Небольшим открытием стало и то, что <b>длина и вхождение ключевой фразы влияет на отображаемый заголовок </b>. Когда поисковик находит ключевое слово, он выделяет его жирным. И вот в чем подвох:</p> <table width="100%" cellpadding="0" cellspacing="10" border="0" style="padding-top:10px;"><tbody><tr><td width="50%"><br><img src='https://i1.wp.com/alaev.info/wp-content/uploads/2014/04/title-length-yandex-1.png' width="100%" loading=lazy></td> <td width="50%"><br><img src='https://i0.wp.com/alaev.info/wp-content/uploads/2014/04/title-length-yandex-2.png' width="100%" loading=lazy></td> </tr></tbody></table><p>Как видите, текст, выделенный жирным, занимает больше места и, как следствие, часть заголовка была «вытеснена». Поэтому длина заголовка, видимого в выдаче, может быть разной для одного и того же сайта, для одного и того же title, но при разных запросах . Поэтому однозначно рассуждать о допустимой длине просто бессмысленно, зато если вы сможете уместить все самое важное в 65-70 символов, то получите <a href="/network-and-internet/dopolnitelnye-ogranicheniya-transportnoi-zadachi-posle/">оптимальный результат</a>. Это для Яндекса!</p> <p><b>А что же в Google? </b> Тут все еще сложнее, если говорить о количестве видимых символов в заголовках ссылок. В среднем длина отображаемого заголовка в Google намного меньше, чем в Яндексе – 50-57 символов.</p> <p>Например, посмотрим одну и ту же страницу выдачи в <a href="/desk-desktop/chto-delat-esli-fotografii-ne-otobrazhayutsya-kak-vklyuchat-i/">разных браузерах</a> при одном и том же увеличении 125% (увеличение связано с <a href="/mobile-device/kak-zagruzhat-na-cd-kartu-androide-pochemu-dannye-ne-sohranyayutsya/">системными настройками</a> компьютера, иначе без него все выглядит неприемлемо мелко).</p> <table width="100%" cellpadding="0" cellspacing="10" border="0" style="padding-top:10px;"><tbody><tr><td width="50%"><br><img src='https://i2.wp.com/alaev.info/wp-content/uploads/2014/04/title-length-google-firefox.png' width="100%" loading=lazy></td> <td width="50%"><br><img src='https://i0.wp.com/alaev.info/wp-content/uploads/2014/04/title-length-google-chrome.png' width="100%" loading=lazy></td> </tr></tbody></table><p>Различное отображение я пометил стрелочками. В примерах различие всего лишь на 1 символ в строке. В одном и том же браузере, меняя zoom, можно добиться аналогичных различий.</p> <p>Еще интереснее заглянуть в инспектор <a href="/useful-on-windows-10/chto-takoe-programmnyi-kod-ishodnyi-kod-programmy-smotret-chto-takoe/">исходного кода</a> страницы и посмотреть, что там:</p> <p><img src='https://i1.wp.com/alaev.info/wp-content/uploads/2014/04/title-length-google-inspector.png' align="center" width="100%" loading=lazy></p> <p>Здесь видно, что на самом деле заголовок присутствует полностью, только отображается не весь в связи с моими настройками увеличения, моими <a href="/error-in-windows-10/ustanovka-shriftov-v-windows-xp-nastraivaem-sistemnye-shrifty-v-os-windows-xp/">системными шрифтами</a> и разрешением экрана . Видимый заголовок короче фактического на 8 символов. Дело в том, что ширина блока для каждого результата в выдаче Google строго ограничена и составляет 512 пикселей. А контейнер <a> со ссылкой и заголовком в конкретном примере составляет 560 пикселей (это в Chrome, а в FireFox этот же самый пример составляет 550 пикселей).</p> <p>Чисто теоретически, при определенных настройках можно увидеть весь title полностью. Например, с мобилы. Хотя там и другая верстка, но тем не менее:</p> <p><img src='https://i1.wp.com/alaev.info/wp-content/uploads/2014/04/title-length-google-mobile.png' align="center" width="100%" loading=lazy></p> <p>Вся эта математика чересчур утомительна и не должна занимать вашу голову, когда вы готовите к публикации очередную статью. <b>Просто запомните, для Google желательно все самое важное уместить в Title в первых 50 символов. </b></p> <p>Фуф, с самым большим теоретическим разделом покончили! Поехали дальше.</p> <h2>Стоп слова и стоп символы в Title</h2> <p>Что касается стоп-символов, можно предположить, что среди них могут оказаться такие символы: () - = / \ ! ? | + _ . : ; <br> В нашем случае <b>под стоп-символами необходимо подразумевать те знаки препинания, которые разбивают пассажи </b>.</p> <p><b>Что такое пассаж? </b> Пассаж – это последовательность слов на странице. Пассажи отделяются друг от друга знаками препинания или html-тегами. Мы, люди, воспринимаем текст как последовательность слов в предложениях. А поисковик воспринимает текст, как последовательность слов в пассажах. По идее, эти восприятия должны совпадать, но часто это не так.</p> <p><b>Давайте узнаем, какие символы или знаки препинания разбивают пассажи. </b> Из перечисленного списка символов, пассажи разделяют только точка, восклицательный и вопросительный знаки. ! ? . При этом после знака препинания должно идти новое предложение (пассаж) обязательно с большой буквы и только после пробела. «Вася пошел гулять. На улицу» — два пассажа. «Куда Вася пошел гулять? На улицу» — два пассажа. «Вася гуляет!На улице» — один пассаж, т.к. нет пробела между восклицательным знаком и следующим словом.</p> <p>Таким образом, приходим к выводу, что <b>точка и знаки вопроса и восклицания являются стоп-символами, и в Title их использовать не следует </b>. Что касается других спецсимволов, то пассажи они не «бьют», но я бы все равно их не использовал. Всегда хватает запятых и тире, чтобы составить хороший заголовок, намного реже используются двоеточие и скобки. Кстати, если необходимо можете использовать кавычки-ёлочки, они так же ничего не нарушат в нашей конструкции.</p> <p><b>Про html-теги </b> в рамках разговора о Title можно было бы и не упоминать, так как в заголовках они не должны встречаться, но, предсказуемо, «бьющими» являются: перенос строки <br /> , абзац , блок <div></div> . Это просто к сведению.</p> <p><b>Поговорим о стоп-словах. </b> Давайте в этом вопросе обратимся сразу к Яндексу. Вот по этой ссылке :</p> <blockquote> <p>В любом языке есть слова, которые встречаются намного чаще других. Слова, которые встречаются слишком часто, чтобы быть значимыми для поиска, называются стоп-словами. Как правило, это местоимения, предлоги и частицы. <a href="/utilities/naibolee-populyarnye-poiskovye-mashiny-interneta-kakaya-samaya-luchshaya-poiskovaya/">Поисковые машины</a> обычно игнорируют стоп-слова, даже если они встречаются в тексте запроса.</p> </blockquote> <p>Перечислять стоп-слова нет никакого смысла, но если вам сильно надо, то, например, спросите у Википедии, что такое предлог . Яндекс говорит, что стоп-слова по умолчанию не ищутся, тем не менее, выдача по запросу, содержащему предлог, и выдача по тому же запросу, но без предлога, разная.</p> <p>Это все формальности, на самом же деле об этом даже задумываться не стоит. <b>Кто сказал, что стоп-слова в заголовках что-то портят? Это миф! </b> Ну нельзя просто так из запроса выкинуть предлог или частицу, если она там должна быть, точно как и добавить какое-то совершенно «левое» местоимение в запрос тоже нельзя. Просто забудьте о существовании стоп-слов при составлении Title.</p> <h2>А это плохо, если Title и заголовок H1 одинаковые?</h2> <p>Не знал, куда можно добавить ответ на данный вопрос, но раз уже там фигурирует слово Title, поговорить будет не лишним. Мне часто задают вопрос о том, насколько плохо сказывается на продвижении когда заголовки Title и H1 одинаковые, не считают ли поисковые системы это признаком спама.</p> <p><b>А кто вообще сказал, что это плохо? </b> Мне кажется, это очередное заблуждение. Экспериментальных подтверждений или опровержений этому я не видел. Но давайте рассуждать логически. H1 – это заголовок страницы, который видит пользователь. Title – это заголовок, который видит <a href="/customize-windows-10/kak-rabotayut-roboty-sap-ry-poiskovye-roboty---kak-oni-rabotayut-i-chto/">поисковый робот</a>. Почему, собственно, они не могут быть идентичными? Не почему, это совершенно нормальное явление.</p> <p>Но так как мы говорим об эффективном SEO, то <b>у меня есть несколько рекомендаций для вас </b>. Видимый каждому посетителю заголовок H1 на странице должен быть максимально ориентированным на человека, он должен быть кратким и отражающим основную суть статьи, и не должен напоминать набор ключевых слов. А в Title можно немного «разыграться» — можно чуть больше оптимизировать его, сделать длиннее, не упустить возможность употребить сразу несколько ключевых слов. Но всегда держим в уме тот факт, что и этот заголовок увидят живые люди в поисковой выдаче и он должен их привлекать на вашу страницу, а не наоборот.</p> <p><b>Обычно я придерживаюсь такого правила, если продвигаю <a href="/utilities/kak-sdelat-bolshuyu-gruppu-v-kontakte-poshagovaya-instrukciya-kak/">большую группу</a> запросов на одну страницу: </b> в Title упоминаю главный ключевой запрос и несколько наиболее значимых дополнительных ключевиков, в H1 обязательно так же упоминаю <a href="/internet-and-connectivity/yandeks-ty-mraz-gugl-durak-i-drugie-provokacionnye-zaprosy-o-google-raskryt/">главный запрос</a> и 1-2 менее значимых ключевика, которые не попали в title. Таким образом, получается, что в двух самый «сильных» элементах документа я смогу употребить <a href="/internet-and-connectivity/dostignuto-maksimalnoe-kolichestvo-vkladok-samsung-kak-ubrat-kak/">максимальное количество</a> необходимых мне ключевых слов. Берите себе на вооружение!</p> <h2>На что ориентироваться для получения максимального эффекта</h2> <p>Разу уж мы выше затронули вопросы эффективного построения заголовков и распределения ключевых слов, поговорим о том, где брать <a href="/internet-and-connectivity/poisk-konkurentov-po-klyuchevym-zaprosam-analiz-reklamy/">ключевые запросы</a> и как с ними работать.</p> <h3>Где брать ключевые слова</h3> <p>Когда я впервые публикую статью на сайте, или, например, пишу пост на этом блоге, я делаю лишь предположение о том, какие ключевики у меня самые главные и какой заголовок составить. На основании чего делать предположения? Да, самый простой ответ – wordstat.yandex.ru .<br><b>Точность и полнота вордстата, конечно, не самая лучшая, но для предположений годится. </b> Перед написанием данного поста я сделал выборку по интересующему меня ключевому слову «title», отсеял все лишнее и разбил на группы.</p> <p><img src='https://i1.wp.com/alaev.info/wp-content/uploads/2014/04/excel-keywords-table.png' align="center" width="100%" loading=lazy></p> <p>Глядя на эту таблицу я сразу определил опорные точки, то о чем как минимум надо написать. Такой подход занимает много времени, и я использую его не часто, только для очень серьёзных постов, как этот.</p> <p><b>Второй вариант, откуда можно получить необходимые ключевые слова – шпионаж за конкурентами. </b> Это <a href="/setting-up-software/gl-shp-ogs-gidroakustika-obnaruzhenie-celei-gidroakusticheskie/">целый комплекс</a> мероприятий, которому я посвятил отдельный пост — . Эффективно прошпионить не всегда удается, но зато дает отличные результаты. Читайте пост, экспериментируйте.</p> <p><b>И третий самый лучший и любимый вариант – анализ реальной статистики посещаемости сайта в <a href="/security/chto-takoe-organic-search-v-google-analytics-istochniki-trafika-v-google-analytics-kto/">Google Analytics</a>. </b> Есть у этого варианта один недостаток – его можно применить только постфактум, т.е. когда после публикации статьи уже прошло несколько месяцев, и накопилась статистика. Этот метод и дает прекрасные результаты. Чтобы посмотреть ключевые слова переходов для <a href="/disks-and-files/kak-udalit-opredelennuyu-stranicu-v-vorde-udalenie-pustyh-stranic/">определенной страницы</a>: заходите в аккаунт GA, выбирайте сайт, блок «Поведение», список «Контент сайта», раздел «Страницы входа». Далее тыкаете на нужный url из списка и переходите на вкладку «Ключевое слово». Все это я отметил на скриншоте ниже:</p> <p><img src='https://i1.wp.com/alaev.info/wp-content/uploads/2014/04/google-analytics-keywords-1024x517.png' align="center" width="100%" loading=lazy></p> <p>Теперь вам остается только проанализировать ключевые слова из списка и отредактировать Title там, где это необходимо.</p> <h3>Как использовать ключевые слова в Title</h3> <p>Список ключевиков готов, осталось только грамотно им распорядиться!</p> <p>Самый сложный момент, который мне приходится объяснять людям, когда речь заходит про Title, это <b>кучность ключевых слов </b>.</p> <p>Я рекомендую самую главную ключевую фразу для страницы использовать в точном вхождении, не разбивая слова из этой фразы другими словами. Например, «купить <a href="/internet-and-connectivity/plastikovoe-okno-ne-zakryvaetsya-verhnii-ugol-otoshel-kak-zakryt-zavisshuyu/">пластиковые окна</a>» будет более предпочтительным вариантам, нежели «купить хорошие пластиковые окна» при продвижении по запросу «купить пластиковые окна».</p> <p>Введение <a href="/plug-ins-for-browsers/aifon-7-osobye-funkcii-poleznye-dopolnitelnye-nastroiki-poisk-po/">дополнительных слов</a> внутрь основной ключевой фразы обосновано в том случае, когда в результате этого формируется вхождение другой ключевой фразы, частотность (популярность) которой соизмерима с частотностью основной. В таком случае возможное снижение по основному запросу компенсируется отличным ростом по <a href="/news/picture-novyi-element-kotorogo-net-vozmozhny-dopolnitelnye-http-zaprosy/">дополнительному запросу</a> или даже целой их группе.</p> <p>Например, продвигаясь по запросу «как составить резюме» мы можем использовать его в title и рассчитывать на 5935 показов, но есть запрос «как правильно составить резюме» имеющий 6420 показов. В <a href="/internet/kak-vosstanovit-udalennye-faily-diska-programmy-dlya-vosstanovleniya-failov/">данном случае</a>, используя в title вхождение второго запроса, мы можем рассчитывать на суммарное количество показов по обоим запросам (12355), а, указав в title текст первого запроса, мы сможем рассчитывать только на его количество показов (5935). Пример специально упростил, чтобы вы правильно поняли его суть, а со временем вы сами научитесь понимать все нюансы.</p> <p>Главное не переборщите с оптимизацией и помните, что Title мы делаем и для людей тоже. Нам очень важно показать красивый говорящий заголовок на поисковой выдаче, чтобы на него нажали.</p> <h2>Основные ошибки в Title, которые не следует допускать</h2> <p>Ниже я перечислил основные ошибки, которые встречаются в моей практике. Пожалуйста, не допускайте их:</p> <ul><li>Важно избегать дублирования заголовков title внутри сайта. Отслеживать это можно из панели вебмастера Гугла (Заходите в панель GWMT, выбираете сайт, раздел «Вид в поиске» -> «Оптимизация HTML»).<br> Очень часто <a href="/multimedia/chto-takoe-taitl-v-seo-hitrosti-napisaniya-title-i-description-dublirovanie-mozhet/">дублирование title</a> свидетельствует о дублировании страниц с одинаковым содержанием по <a href="/setting-up-software/yuridicheski-zakonnaya-podpis-dokumentov-ne-vyhodya-iz-gmail-vse/">разным адресам</a>, а это очень серьёзное нарушение.</li> <li>Не стоит употреблять то же самое ключевое слово в title более одного раза. В крайнем случае, можете использовать его словоформы (падежи, единственное и множественное число и т. д.). При написании заголовков я всегда придерживаюсь этого правила за редкими исключениями.</li> <li>Если в title есть повторяющиеся от страницы к странице элементы (часто это название компании, организации или просто название сайта), необходимо, чтобы они были в конце, а не в начале и были не длиннее нескольких слов. Можно вообще обойтись без этих приставок, если ваша компания не настолько известна, чтобы пользователь сразу пришел к вам и купил, увидев только ваш бренд. В таком случае можно название оставить для <a href="/setting-up-software/kak-sdelat-yandeks-glavnoi-stranicei-v-mazile-delaem-yandeks-glavnoi-stranicei/">главной страницы</a> или страницы контактов, чтобы люди, которые намеренно ищут именно вас, могли увидеть ваш сайт на первом месте.</li> <li>Разумеется, title не должен быть набором <a href="/android/ispolzovanie-klyuchevyh-slov-fraz-dlya-poiska-informacii/">ключевых фраз</a>, причисленных через запятую. Странно, но до сих пор не все это осознают и продолжают использовать эту технику. Это уже не работает ни для поисковиков, ни для пользователей. Постарайтесь из своих ключевых слов составить осмысленную фразу или предложение, это не так сложно, как кажется.</li> <li>Бывают и обратные случаи, когда заголовок получается слишком «вялым», и пользователи на него не нажимают, потому что в нем нет призыва, он не информативен и не описывает преимуществ. Это не меньшее зло, чем переоптимизация.</li> <li>Замечали случаи, когда Google игнорирует ваш тег title и использует другой текст в качестве заголовка в поисковой выдаче? Это тоже может свидетельствовать о плохом заголовке. Такое случается в следующих ситуациях. Если заголовок слишком длинный, Google это не нравится, и он его укорачивает или полностью заменяет. Если заголовок плохо описывает страницу или не соответствует ее содержанию. Если сам документ релевантен запросу пользователя, а в заголовке нет <a href="/setting-up-software/kak-uznat-kolichestvo-poiskovyh-zaprosov-statistika-poiskovyh-zaprosov/">поискового запроса</a>, Google может сам сформировать Title для повышения CTR. Для генерации заголовков чаще всего используются анкоры <a href="/questions/peremestit-vse-prilozheniya-ispolzuem-sd-kartu-kak/">внутренних ссылок</a> или текст из целевой страницы.</li> </ul><p>Если у вас есть, что добавить – пишите в комментариях, возможно, ваш пример станет показательным, и я захочу его разобрать и добавить в этот раздел. </p> <h2>Важные выводы и краткое резюме для ленивых</h2> <p>Этот раздел предназначен для самых <a href="/game/instagram-bez-registracii-instagram-poisk-lyudei-bez/">ленивых людей</a>, которые не решились прочитать мой мега-пост полностью. <b>Прочитав несколько пунктов, идущих ниже, вы получите ценные сведения и сможете сразу же ими воспользоваться </b>, но я все же настоятельно рекомендую изучить пост, чтобы понимать, исходя из чего были сделаны данные выводы.</p> <p>А для тех, кто мой пост осилил, <b>пусть это станет чек-листом </b>, в котором отмечены самые важные пункты, которые необходимо запомнить.</p> <ul><li>Значимая для продвижения часть заголовка должна быть не более 12 слов, чтобы получить максимальный эффект.</li> <li>Самые популярные ключевые слова должны идти в самом начале заголовка и уместиться в первых 50 символов, чтобы сохранить привлекательный вид в поисковой выдаче.</li> <li>Старайтесь не использовать в заголовке следующие знаки препинания – . ! ? – т.к. они разбивают пассажи.</li> <li>Наиболее важные ключевые фразы, состоящие из нескольких слов, должны иметь «чистое вхождение» без попадания других слов внутрь фразы.</li> <li>Составляйте заголовки всегда вручную и осмысленно, чтобы это не было похоже на перечисление ключевых слов, иначе это может быть <a href="/multimedia/cifrovoe-efirnoe-televidenie-kak-nastroit-antennu-pri-razlichnyh/">плохим сигналом</a>, как для людей, так и для поисковых роботов.</li> <li>Заголовок должен максимально информативно отражать суть страницы, которой он принадлежит. Соответствуя ожиданиям пользователя на выдаче, ваш сайт будет только выигрывать за счет .</li> <li>Изучайте <a href="/customize-your-desktop/chto-chashche-vsego-ishchut-yandekse-statistika-statistika-zaprosov-yandeks-google/">статистику Google</a> Analytics и перерабатывайте заголовки на своем сайте, это дает потрясающие результаты. В качестве примера .</li> </ul><p>Наконец-то я закончил этот бесконечный пост!</p> <p>Теперь вы знаете все, что только можно и нужно знать о заголовках Title – как их правильно составлять и оптимизировать, какой они должны быть длины и какие ошибки важно не допускать! Весь мой опыт здесь! </p> <p>Задавайте вопросы, пишите комментарии, делитесь ссылкой в соцсетях!</p> <p>Успехов в продвижении, друзья! И до связи.</p> <p>С уважением, Александр Алаев</p> <p>Тег <b>title </b> и мета-теги <b>description </b> и <b>keywords </b> - играют исключительную роль в раскрутке сайта. От их правильного составления во многом зависит положение страницы в поисковой выдаче. Элементы title, description и keywords должны обязательно присутствовать на каждой странице сайта и содержать ключевые фразы:</p> <p><img src='https://i1.wp.com/webmastersam.ru/img-seo/title-description-keywords-screen1.png' width="100%" loading=lazy></p> <p>Роботы поисковых систем придают большое значение содержимому title и description, особенно тегу title для определения релевантности страницы - соответствию пользовательского запроса к ее содержимому. Но есть и второй фактор, который нужно учитывать, он приносит дополнительный эффект в раскрутке сайта - это восприятие пользователей.</p> <h2>Т ег Title</h2> <p>От того, насколько привлекательно в глазах пользователя выглядит <b>заголовок </b> (это содержимое title) и страницы в результатах поисковой выдачи, зависит их выбор в её пользу. Даже, если ваш сайт будет находиться в поисковой выдаче, скажем, на 7-ом месте, то переходов на него может быть больше, чем на сайт, занимающий 4-ое место. Особенно, если у него заголовок и сниппет привлекательные, т.е. составлены правильно.</p> <p>Пример поисковой выдачи в Google:</p> <p><img src='https://i2.wp.com/webmastersam.ru/img-seo/title-description-keywords-screen2.png' width="100%" loading=lazy></p> <p>Для того чтобы правильно составить title - это название страницы, нужно определиться с двумя вопросами: сколько может быть вхождений ключевых фраз и его длиной - общим количеством символов в теге. Для «рядовых» страниц рекомендуемое количество - одна ключевая фраза . Для главных страниц разделов и index-страницы возможно 2-3 вхождения ключевых словосочетаний.</p> <p>Наиболее важные ключевые слова необходимо располагать ближе к началу. Так как содержание тега title отражается в результатах поиска, то оно должно быть информативным и, повторюсь, - привлекательным для пользователей. Теперь о возможной длине тега. На скриншоте с <a href="/utilities/kak-popast-v-rasshirennyi-snippet-nulevuyu-poziciyu-vydachi-google-i-sobrat-ves/">выдачей Google</a> не сложно подсчитать количество символов для первого сайта - 50.</p> <p>Максимальная длина заголовка, которую я обнаружил у Google - 59 символов с пробелами. Теперь обратимся к результатам выдачи Яндекса:</p> <p><img src='https://i0.wp.com/webmastersam.ru/img-seo/title-description-keywords-screen3.png' width="100%" loading=lazy></p> <p>Аналогичный заголовок в результатах поиска Яндекса составил 55 символов - остальные слова тега title в него не попали. Но обратите внимание, основное ключевое словосочетание состоит из <a href="/internet/izmenit-zaglavnye-na-propisnye-v-word-kak-sdelat-vse-bukvy/">заглавных букв</a>. Если буквы будут строчные, то количество символов в заголовках результатов выдачи увеличивается. Смотрим на следующий скриншот:</p> <p><img src='https://i1.wp.com/webmastersam.ru/img-seo/title-description-keywords-screen4.png' width="100%" loading=lazy></p> <p>Результат 5-ой позиции в выдаче - 68 символов (это максимум). Делаем вывод: длина title может составлять около 60-65 символов с пробелами, самое важное должно располагаться ближе к началу и, желательно, не превышать 55 символов.</p> <p>Внимание: не следует помещать в title, а также в keywords, слова, которых нет на странице.</p> <h2>М ета-тег Description</h2> <p>Содержание сниппета поисковики составляют из description или выбирают фрагмент текста из страницы. <a href="/plug-ins-for-browsers/meta-tegi-title-description-i-keywords-meshayut-prodvizheniyu-title-stranicy-chto/">Мета-тег description</a> дает <a href="/android/pochtovyi-klient-windows-live-mail-kratkoe-opisanie-situacii-perenos-dannyh-v/">краткое описание</a> веб-страницы. Целесообразно тщательнее отнестись к его составлению, даже если он не будет использован каким-то поисковиком для создания сниппета. Рекомендуемая длина 150-200 символов с пробелами (максимальный сниппет Яндекса - 182, у Google - 140).</p> <p>Необходимо поместить в description несколько ключевых фраз: основную, из них, разместить ближе к началу, она может состоять из заглавных букв. Текст должен быть, по возможности, наиболее привлекательным для пользователей.</p> <h3>Мета-тег Keywords</h3> <p>Что же касается мета-тега keywords - это набор ключевых слов страницы, то его - основные поисковые системы не учитывают. Однако пренебрегать его составлением не следует. Алгоритмы поисковых систем время от времени меняются, возможно «завтра» <a href="/android/vyahir-search-php-keywords-sankcii-za-keywords-kak-uchityvaetsya-meta-teg-keywords/">мета-тег keywords</a> будет снова важным звеном в поисковой оптимизации.</p> <p><i>Правильное <a href="/problem-with-os/atributy-alt-i-title-dlya-opisaniya-izobrazhenii-atributy-alt-i-title-dlya/">составление title</a> и description </i> - один из существенных факторов, влияющий на положение сайта в глазах поисковых систем. Для полноценной и эффективной SEO раскрутки сайта необходимо уделять должное внимание этой процедуре.</p> <p>Доброго времени суток, уважаемые читатели. Не смотря на то, что я часто в своих статьях говорю про тег title, как о самом важном во <a href="/network-and-internet/osnovnye-kriterii-vnutrennei-optimizacii-teksty-dlya-lyudei/">внутренней оптимизации</a> сайта, но вот посвятить ему целую статью все руки не доходили.</p> <p>Причина этому простая, т.к. я веду свой блог на платформе Blogger, title у нас автоматически генерируется из заголовка статьи, поэтому я много статей посвящала заголовкам в теге h1, и при этом необоснованно умалчивала о <a href="/problem-with-os/kod-dlya-krasnoi-stroki-html-osnovnye-tegi-tegi-html/">HTML тег</a>е title.</p> <p>Как я уже сказала, title самый <a href="/network-and-internet/chto-takoe-meta-tegi-stranicy-chto-takoe-meta-tegi-samoe-vazhnoe-meta-tegi/">важный тег</a>, причем не только с точки зрения оптимизации и <a href="/error-in-windows-10/istoriya-razvitiya-sistem-poiska-informacii-kakimi-byli-pervye/">поискового продвижения</a>, но и с пользовательской стороны. Но давайте лучше начнем по порядку.</p> <p>Title в переводе с английского означает заголовок, поэтому title в <a href="/internet-and-connectivity/sposoby-podklyucheniya-css-v-html-vnedrenie-css-v-html-dokument/">HTML документ</a>е – это заголовок страницы. И это самое <a href="/utilities/kak-razmer-shrifta-vliyaet-na-ux-i-konversiyu-chitabelnost-imeet-vazhnoe/">важное значение</a> этого тега. Помните, в статье я уже рассказывала, что абсолютно любой HTML документ имеет определенную структуру:</p> <p><b><html> </b> </p><p><b><head> </b></p> <p>Здесь находится заголовок страницы в тегах</p> <p><b><title> </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, как и хлеб в нашей жизни:).