Подробное пособие по использованию тега "title". Правильный заголовок страницы, SEO title

</b> - это первое, что видит посетитель, а также поисковая система, поэтому важно правильно оформить заголовок, чтобы пользователь понял, что это то, что он искал.</p> <p>От грамотного и хорошего описания зависит многое. Если заголовок вызывает у пользователей жгучий интерес, желание посетить сайт, трафик вообще может взлететь ракетой до небес. Поэтому оптимизация <b>title </b> такой же важный факт, как находиться постоянно в ТОПе. Можно смело утверждать в наше время, что это одна из самых важных частей. Кстати, если научится правильно формировать title, то можно легко обойтись без финансовых вложений при раскрутке интернет ресурса. И уже через 2 месяца видеть обширный приток посетителей на свой сайт. Живое подтверждение тому весь этот сайт.</p> <h3>Использовать грамотно и логично составленные фразы</h3> <p>3. Формируйте заголовки, которые будут вызывать любопытство. Хитрость также заключается в психологическом факторе. Человеку всегда любопытно, а почему небо сиреневенькое?</p> <p>4. Для оптимизации под высокочастотные запросы рекомендуется делать короткие заголовки, для низкочастотных использовать максимум ключевых слов.</p> <p>5. Исключить по возможности из title стоп-слова, предлоги, союзы, знаки препинания. Хитрость в том, что их плотность тоже учитывается, а смысловой информации они не несут.</p> <p>6. Если сильно хочется, чтобы ваши страницы выделялись в закладках, например, того же , лучше название компании заменить Иконкой. То есть научиться пользоваться тегом:</p> <p><link rel="shortcut icon" type="image/x-icon" href="images/icon.png" /></p> <p>7. Использовать в title ключевые слова, общие для всех страниц, они усиливают друг друга, образуют тематическое, семантическое ядро.</p> <h2>Как НЕ нужно делать в title</h2> <ol><li>Не нужно включать WEB (http) адрес в название своего сайта. Это сверх идиотизм. Во-первых, все домены уникальны и соответственно результат на запрос по домену и так будет уникальным и единственным. Во-вторых, человек уже на вашем домене, и WEB адрес прекрасно видно в адресной строке, дык зачем тогда повторять это в <b>title </b>? Или думаете, что поисковая система забыла ваш домен и вы решили ей напоминать об этом на каждой странице? Ну и в-третьих, если вы считаете, что по домену вас найдет человек, то глубоко заблуждаетесь, ибо не зная домена человек никогда не наберет вашу абракадабру, сперва в любом случае он обратится к поисковой системе.</li> <li>Название компании также не нужно включать в название каждой страницы. Это такой же идиотизм, как пункт первый. Исключение составляют те случаи, когда название вашей компании является для поисковой системы конкурентным запросом. Но такие случаи довольно редки.</li> <li><b>Не используйте </b> в title следующие символы <b>@#$^&*~` </b>. Некоторые любят ставить «$$$ Заработок в сети $$$» - такое извращение прямая дорога в бан.</li> </ol><p>Эта статья основана на реальных экспериментах и опыте многих специалистов, а не на вымыслах, достаточно сделать в поисковых системах запросы по поводу правильного title, например: «как правильно оформлять title » и увидите данную статью в ТОП 1, во всех известных поисковиках. К статье не применялся никакой метод по раскрутке.</p> <p>UPD: 2013-10-19 С момента публикации статьи, мою картинку потырили более 30 сайтов и ни одна собака не поставила обратной ссылки, но главное, даже не почистили теги в картинке, ведущие на мой сайт. Прикольно.</p> <p>Мы выпустили новую книгу «Контент-маркетинг в социальных сетях: Как засесть в голову подписчиков и влюбить их в свой бренд».</p> <form onsubmit="return false;" class="innerContentSubscribe_form swpmc-js-form" data-container=".innerContentSubscribe" data-on-success="swptEvents.blogSubscribeSuccess()"> <p> <input class="inputText js-placeholder" type="text" name="email" id="innerContentSubscribeEmail" value=""></p> <p>Подписаться</p> </form> <p><img src='https://i2.wp.com/semantica.in/wp-content/uploads/2017/12/27fe505ef8a0-1.png' align="center" width="100%" loading=lazy></p> <p>Тег title – это заголовочный тег, его содержимое отображается в заголовке браузера.</p> <p><span class="yPlTeOxEknU"></span></p> <p><b>Больше видео на нашем канале - изучайте интернет-маркетинг с SEMANTICA </b></p> <p><img src='https://i1.wp.com/semantica.in/wp-content/uploads/2017/12/yutub.png' height="37" width="178" loading=lazy></p> <p>Чтобы понять, для чего нужен title, надо определить, какие функции он выполняет. Главная его задача – сообщить поисковым системам о содержании страницы.</p> <h2>Где находится title</h2> <p>Искать тег title надо в коде вначале страницы, внутри тега<head> </head>. </p> <h2>Требования к заполнению тега title</h2> <p>Позиции вашего сайта в выдаче во многом зависят от того, «понимают» ли поисковые системы, о чем он и для кого предназначен. Именно об этом им рассказывает title и именно поэтому он так важен. Решая, что писать в title, учтите, что есть ряд требований к формулировке этого тега, без соблюдения которых вы никогда не «подружитесь» с поисковиками.</p> <ul><li>Самый частый вопрос – какой должна быть длина title. Размер видимой части title колеблется в промежутке от 55 до 80 символов с пробелами. Оставшаяся часть не будет видна в выдаче, но поисковая система ее учтет. Яндекс обычно показывает 70-80 символов, а учитывает первые 15 слов тега. Google показывает 55-70 знаков и учитывает 12 слов.</li> <li>Смысл title должен быть понятен с первого взгляда. Увидев его, пользователь или поисковик должен мгновенно понять, о чем текст. Лучше если формулировка тега будет носить «цепляющий» характер.</li> <li>В title можно включить несколько ключевых запросов. В начале рекомендуется ставить самый частотный из группы. Формулировка предложения в теге должна выглядеть естественно с грамматической и стилистической точки зрения. То есть, не быть простым перечислением ключей или нагромождением слов (лишь бы все вписать). “Кривых”, нечитаемых конструкций из ключей не допускается.</li> <li>Этот тег не должен дублировать заголовок текста, который вы заключите в тег H1. Если вы хотите, чтобы и в заголовке и в title стоял один запрос, измените формулировку, дословное совпадение недопустимо.</li> <li>Не вставляйте в title перечисления ключевых слов через запятую. Поисковая система может идентифицировать ваш сайт как переспамленный, и вы потратите много сил, выводя его из-под санкций.</li> <li>Для каждого документа вашего сайта нужен собственный уникальный тайтл страницы. Одинаковые теги для разных страниц очень плохо влияют на продвижение сайта.</li> <li>Тег title должен быть уникальным. Копировать чужие теги нельзя, если не хотите, чтобы поисковые системы вас наказали за плагиат.</li> </ul><p>Правила написания title помогут вам максимально быстро научиться заполнять этот тег.</p> <h2>Тег title для разных разделов и страниц</h2> <p>В первую очередь тег title формулируют для главной страницы. В него включают основной, как правило, высококонкурентный запрос. Поскольку именно он будет показываться в поисковых системах в качестве сниппета, необходимо сделать его формулировку максимально привлекательной, чтобы пользователю захотелось узнать подробнее, что за ней стоит. Фактически, такой title работает, как рекламный слоган.</p> <p>Остальные тайтлы на сайте зависят от контента страниц. Чтобы не мучиться, решая какой должен быть title, для однотипных страниц можно придумать шаблон. Обычно в него входит наименование страницы или раздела каталога и привлекающие внимание слова – отзывы, фото, стоимость, скидка. Этот прием можно использовать, прописывая title для карточек товаров, разделов интернет-магазина, изображений в галерее. В карточках title начинают с названия товара или слов вроде “купить”, в разделах - с его названия, в галерее со слов «изображения», «фото», «примеры работ».</p> <p>Правильное написание всех тегов крайне важно для продвижения сайта. Ваши вложения в продвижение не будут работать, пока не выверены и не исправлены основные теги, среди которых title является главным.</p> <p>Метатеги title и description - основа продвижения сайта в поисковиках. Чтобы добиться хорошего эффекта в этом непростом деле, следует придерживаться нескольких правил, которые мы рассмотрим в данной статье.</p> <h2>Тег title</h2> <p>Является одним из самых важных тегов. Поисковые роботы из него узнают, что представляет собой ваша веб-страница, title служит своего рода названием. Работы по оптимизации должны начинаться именно с данного тега, так как он способствует улучшению позиций в поисковой выдаче.</p> <p>Тег title указывается в начале кода HTML-страницы, отображается в заголовке:</p> <p>А также показывается в результатах выдачи поисковиков:</p> <p><img src='https://i1.wp.com/1ps.ru/files/blog/2018/trick-title-02-mini.jpg' width="100%" loading=lazy></p> <p>По заголовку title большинство пользователей решает, переходить на сайт или нет, поэтому тег должен быть интересным, информативным и привлекательным.</p> <ul><li>Основная информация тега должна быть умещена в 40-70 символов с пробелами. Длинные заголовки поисковики обрезают.</li> <li>Начинайте заголовок с важного ключевого запроса, используйте точное вхождение ключевика. Указывайте в начале самую высокочастотную фразу из подобранного вами семантического ядра. Если основной целью, которую должен достичь пользовать на сайте, является покупка, то тег стоит начинать со слова «Купить».</li> <li>Указывайте город сайта, в котором вы работаете. Это важно не только для людей, но и для поисковых систем. При ранжировании поисковики будут учитывать указанный город, а пользователи будут понимать, подходит ли ваша компания по территориальному расположению. А вот если вы работаете в нескольких городах или делаете доставки по всей России, перечислением городов лучше не заниматься.</li> <li>Не перенасыщайте title ключевыми словами, достаточно всего 1-3 запросов, под которые оптимизирована страница. Для примера, тайтл «Выкуп авто, автовыкуп быстро, срочный выкуп автомобиль» переспамлен и непривлекателен для потенциальных клиентов. Добавьте преимущество, которое отличает вас и заинтересует потенциального клиента; укажите город нахождения. Всегда при оптимизации ориентируйтесь на людей, а не на роботов. Например, Тitle «Срочный выкуп авто в Москве в течение 24 часов» более эффективен.</li> <li>Заголовок в рамках сайта должен быть уникален, составлен под каждую страницу и отражать ее содержимое.</li> <li>Не стоит злоупотреблять стоп-словами: союзами, предлогами, междометиями и частицами. Но для повышения читабельности заголовка лучше все же их включить в текст тега.</li> <li>Не используйте спецсимволы (“”= ()/ \ | + _) и знаки препинания (- . ! ?).</li> <li>Не включайте в заголовок название компании, так как оно не является значимым ключевым словом. Но если у вас известный бренд, то можно его указать. Также не стоит прописывать URL сайта и такие «бесполезные слова», как «Главная страница», «О компании».</li> <li>Составляйте тег title для людей по всем правилам русского языка, заголовок должен быть цепляющим и привлекательным.</li> </ul><h2>Тег description</h2> <p>Поисковые системы формируют сниппет из содержимого тега description и/или из контента на странице, в зависимости от поискового запроса.</p> <p><img src='https://i2.wp.com/1ps.ru/files/blog/2018/trick-title-03-mini.jpg' width="100%" loading=lazy></p> <ul><li>Длина тега не должна превышать 150-250 символов с пробелами.</li> <li>Тег должен описывать содержание определенной страницы ресурса.</li> <li>Указывайте наиболее важную информацию, размещая ключевые слова в начале тега. Важно, чтобы запрос был в начальной словоформе, то есть необходимо использовать запрос «купить кондиционер», а не «купите кондиционер».</li> <li>Description не должен повторять title. Описание должно служить продолжением названия, раскрывать его детальнее.</li> <li>Должен быть написан для людей.</li> <li>Для каждой страницы дексрипшн должен быть уникальным.</li> <li>Не должен быть переспамлен ключевыми запросами.</li> <li>Указывайте выгоды вашей компании или ресурса, чтобы зацепить внимание пользователей, выделиться среди конкурентов.</li> <li>Добавляйте призывы к действию, они мотивируют людей к совершению покупки, заказа услуг и пр. Также в тегах привлекательны эмодзи.</li> <li>Избегайте банальных фраз «низкие цены», «высокое качество» и т.п. Отличайтесь от конкурентов своей уникальностью, это касается не только мета тегов тайтл и дескрипшен, но и текстов на сайте.</li> <li>Не используйте спецсимволы и стоп-слова.</li> <li>Не указывайте URL-сайта.</li> <li>Если вы не указали название компании в title, то можете добавить его в description. В описании количество допустимых символов больше, и название можно использовать, чтобы напомнить о вашем бренде и улучшить его узнаваемость.</li> </ul><h2>Title и description для интернет-магазинов</h2> <p>Составить грамотно уникальные теги тайтл и дескрипшн для корпоративного сайта и ресурсов, где не слишком большое количество страниц, несложно. Но что же делать, когда ваш проект - интернет-магазин с огромным количеством товаров?</p> <p>В таком случае рекомендую использовать шаблоны для автоматической генерации тегов title и description, такая схема позволит избежать дублирования тегов. Конечно, идеальными с точки зрения оптимизации ваши title и description не будут, но полных дублей вы избежите и не забудете про вхождение важных ключевых запросов.</p> <p>Составить тег Title для карточек товаров в интернет-магазине можно по следующим шаблонам:</p> <ol><li><i>«Название товара» недорого в интернет-магазине «Название». </i></li> <li><i>«Название товара» купить недорого в «Название города». </i></li> <li><i>Купить «название товара» в «Название города» с доставкой. </i></li> </ol><p>В качестве шаблона Description для интернет-магазина можно использовать:</p> <ul><li><i>«Название товара» от «цена из карточки товара» с бесплатной доставкой. </i></li> </ul> <ul><li>В конце тега используйте призыв к действию, например, <i>«Заказывайте в магазине "Название магазина"». </i></li> </ul> <i> </i> <p>Тайтл — это единственное, что в SEO важнее, чем поведенческие факторы. Вот почему эту тему следует знать досконально, что и случится с вами после прочтения этой статьи.</p> <blockquote class="bq-istoriya"><p>По некоторым запросам можно выйти в топ, всего лишь прописав их в Title. В ранжировании по неконкурентным и низкочастотным запросам поисковики по-прежнему уделяют особенное внимание заголовку.</p> </blockquote> <h2>Что такое Тайтл? </h2> <p>Тег Title — это мета-тег, содержащий заголовок страницы. Он представляет собой часть документа html и входит в конструкцию блока <head>. По сути, это альтернативный заголовок страницы, который виден только в открытой вкладке браузера. Больше нигде на странице тайтл не отображается.</p> <p>Если визуально, то Тайтл это вот что:</p> <p>Часто поисковики используют именно его, а не H1, выдавая ссылку на сайт при поисковой выдаче. От привлекательности заголовков title для пользователя зависит и посещаемость ресурса. В совокупности с description тег позволит поисковикам лучше представлять документ в выдаче, что хорошо влияет на ранжирование страницы.</p> <h2><span>Продвижение хвостами </span></h2> <p>Одна из основных ошибок сеошников — тайтл, прописанный без учета низкочастотных запросов. То есть некоторые рассчитывают продвинуться по запросу , прописав в заголовке «Sony CX405». Таких умников достаточно, и понятно, что трафика такая страница почти стопроцентно не принесет. А вот если мы пропишем в Title «Купить видеокамеру Sony CX405 handycam: обзор, отзывы и характеристики», то высока вероятность, что хотя бы по одному из низкочастотников, например [характеристики Sony CX405], наша страница попадет в топ.</p> <blockquote class="bq-istoriya"><p>Тут техника такая — сначала поисковик ставит страницу в топ по длинным запросам, и если по ним поведение пользователей будет хорошим, то эта страница будет поставлена в топ и по более высокочастотным ключам.</p> </blockquote> <h2><span>Основные требования </span></h2> <p>Обычно технические требования к Title выставляются такие:</p> <ul><li>Он должен начинаться с ключевой фразы и с большой буквы.</li> <li>Размер — до 120 символов.</li> <li>Допустимые знаки разделения: двоеточие и кавычки. Ограничение по запятым — не более 2 штук. Знак вопроса используем только для вопросов.</li> <li>Стараемся использовать подсветки, синонимы и интенты. Так можно привлечь больше трафика по НЧ</li> <li>Тайтл должен различаться с h1, но не особо сильно.</li> </ul><p>А в остальном тайтл должен быть таким:</p> <ul><li>Основные ключи применяются в начале;</li> <li>Соответствует содержимому страницы;</li> <li>Стоп-слов и прилагательных по минимуму;</li> <li>Лучше избегать повторений слов;</li> <li>Не забывайте про читабельность, люди будут видеть это оглавление в своих браузерах и при линках в соцсети;</li> <li>Если ваш веб-ресурс ориентирован на регион, указывайте его название в теге;</li> </ul><p>Если у вас заголовки прописаны в стиле «title | site.ru» — то лучше бы от такой хрени избавиться. Если уж и нужна уникализация, то прописывание названия сайта через тире будет предпочтительнее.</p> <p>При этом в тайтл лучше всего брать главную ключевую фразу в точном прямом вхождении. Разумеется, в корректной с точки зрения русского языка форме – то есть не «зеленый слон москва купить», а «купить в Москве зеленого слона».</p> <p><span class="HCVwZ1P4KMg"></span> <span class="HCVwZ1P4KMg"></span></p> <h2><span>Почему title более важен, чем H1? </span></h2> <p>Оглавление H1 это лишь название материала на странице, тайтл же отображает суть и смысловую нагрузку всего html-документа, является ее именем (name page). Он может содержать больше символов, чем h1, заключать в себя ключевые слова и фразы. H1 не может быть слишком раздутым, чтобы не занимать много места на странице, и туда не впихнешь лишние НЧ-запросы, то есть для продвижения именно титл становится основным.</p> <ul><li>Title используют поисковые роботы, чтобы собрать больше информации о документе.</li> <li>Этот заголовок отображается в социальных сетях при линках.</li> <li>Его видят пользователи в выдаче, делая запросы в поисковик.</li> <li>Тайтл можно «брендировать», что не только повысит узнаваемость компании, но и абсолютно уникализирует альтернативный заголовок (к примеру, предложение: «Ремонт холодильников в Саратове, быстро, надежно», наверняка, не уникально, а вот в таком виде: «Ремонт холодильников в Саратове, быстро, надежно — Masterfrost», где последнее является названием фирмы, уже не повторяется нигде в Сети).</li> </ul><h2><span>Нужна ли уникальность </span></h2> <p>Во-первых, желательно, чтобы ваш мета тег Title был уникальным во всей Сети. Хотя сегодня достичь 100% неповторимости в этом деле трудно. В этом случае уникализировать названия html-документов поможет брендирование.</p> <p>Во-вторых, нежелательно, чтобы он дублировал H1 и словосочетания из дискрипшена.</p> <p>В-третьих, каждая страница должна быть именована разными тайтлами. Если один текст придется разбивать на несколько, то будет разумным использовать один и тот же title, но делать к нему приставки в таком виде: часть 1, часть 2 или стр.1, стр.2 и так далее.</p> <p>В случае игнорирования этих правил продвигаемая страница может попасть под . С точки зрения поисковика она не будет содержать оригинальной информации, сечёте?</p> <p><span class="U6ODRKPEJ_M"></span> <span class="U6ODRKPEJ_M"></span></p> <h2><span>Требования по размеру </span></h2> <p>Яндекс и Гул все равно «выжмут» только определенное количество слов и символов, и не больше. Параметры отображения сниппетов для этих двух поисковых систем разнятся.</p> <h3>Яндекс </h3> <p>Система учитывает не более 13-14 слов и показывает в серпе около 70-80 знаков без пробелов. Остальное просто останется за пределами видимости и будет заменено на троеточие.</p> <h3>Гугл </h3> <p>Он отображает еще меньше символов – примерно 12 слов, и в совокупности 68-70 знаков без пробелов. Впрочем, недавно Гугл увеличил ширину сниппетов в выдаче.</p> <p>Есть во всем этом еще одна забавная «фишка». Поисковик формирует выдачу в зависимости от запросов пользователей. Из этого следует, что title – это «величина» непостоянная, а динамичная в показах. Исходя из одной или другой запрашиваемой фразы, робот может выдавать одну и ту же страницу, но на разных позициях и с разными подсвеченными ключевыми словами. А те знаки, которые он выделяет жирным, занимают еще больше пространства, и сужают количество видимых слов в оглавлении.</p> <h2><span>Влияние браузеров на отображение сниппетов </span></h2> <p>Видимость сниппетов зависит от браузеров и индивидуальных настроек каждого компьютера. Разрешение экрана, шрифты – все это имеет значение. Конечно, существенной разницы в отображении символов при регулировке зума не будет, максимум несколько знаков. Другие результаты могут получиться и в мобильной верстке. Трудно заранее предугадать и высчитать, где и как будет показываться title. Если только в 60 символов его содержимое умещать, тогда почти стопроцентно тайтл будет полностью отображаться в выдаче.</p> <h2><span>Символы и стоп-слова </span></h2> <p>Далеко не каждый символ несет в себе смысловую нагрузку.</p> <h3><span>Знаки препинания </span></h3> <p>Заголовок может содержать в себе знаки и символы, которые будут делить фразу на пассажи.</p> <blockquote class="bq-vajno"><p>Значение слова «пассаж»: под пассажем понимается определенная последовательность слов на веб-документе, разделенных знаками препинания или html-тегами. Если человек может и не обратить внимание на разделяющие знаки препинания и воспринять фразу целиком, то поисковик не умеет так «думать» и анализирует отельные группы слов между символами пассажа.</p> </blockquote> <p>Какие знаки препинания разбивают предложение на пассажи: значимыми составляющими для поисковых систем являются точка, вопросительный знак и восклицательный. Робот читает фразы отдельно, если после этих символов идет пробел, а новое слово начинается с большой буквы.</p> <p>Пример: «На улице мороз! Можно ли гулять с младенцем?» – тут поисковик увидит два пассажа. И в том же предложении, но такого вида: «На улице мороз!можно ли гулять с младенцем?» – один пассаж. Остальные знаки препинания никак не влияют на структуру заголовка в «глазах» поисковых систем, но все же злоупотреблять ими не рекомендуется, так как они скрадывают место для действительно значимых слов. Допустимы запятые, двоеточие, в крайнем случае тире и кавычки. Но чем их меньше в предложении, тем лучше.</p> <h3>Стоп-слова </h3> <p>Не будем глубоко ударяться в правила русского языка, вспомним главное: стоп-слова – это частицы, предлоги, местоимения, не несущие никакой смысловой нагрузки в предложении, а используемые лишь для связки или усиления выражений.</p> <p>Поисковые роботы не придают им большого значения. Однако запросы: [что делать, когда болит голова и как избавиться] и [что делать, болит голова, способы избавиться] – дадут разные результаты выдачи. Поэтому нельзя сказать, что стоп-слова не важны и полностью игнорируются ботами. Частить ими не стоит, но применять в соответствии с ключевыми запросами и читабельной логической структурой можно.</p> <p>Это самые основы, для того, чтобы угодить роботам. Но если вы хотите стать гуру в написании предложений без воды, советую смотреть Ильяхова.</p> <p><span class="mQg4g124S78"></span> <span class="mQg4g124S78"></span></p> <h2><span>Дубль Н1 и title – допустимо ли? </span></h2> <p>Вполне. До сих пор существует немало страниц, где заголовок H1 полностью повторяет титл. Как это влияет на ранжирование?</p> <p>Снова вернемся к тому определению, что H1 – это для людей. Остальное для роботов. Это значит, что заголовок статьи должен быть абсолютно человекопонятным, интересным, логичным, когда как в тегах допускаются «игры» с ключами, вопреки перечисленным параметрам. По сути, нет ничего ужасного в том, что два тега будут друг друга дублировать. Хотя некоторые сеошники утверждают, что это недопустимо, факты доказывают, что в ТОПе немало сайтов, которые вообще не имеют тайтлов.</p> <p>Они лишь позволяют расширить параметры SEO, более практично использовать ключи и увеличить шансы на успешное продвижение. Если ваш H1 будет настолько удачным, что будет привлекать внимание пользователей и в то же время содержать ключевые фразы, то есть все шансы вырваться на лидирующие позиции и без заполнения дополнительных тегов.</p> <h2><span>Можно ли редактировать заголовки, если страница уже проиндексирована? </span></h2> <p>Да. Если страница проиндексировалась и не достигла нужных результатов, то вполне можно ее редактировать. Вряд ли кому-то придет в голову менять заголовки, когда сайт в топе и несет шикарный трафик. Но опускать руки при неудачных попытках не стоит.</p> <p>Меняйте словоформы, анализируйте запросы, используйте более актуальные, свежие. Ведь показатели тут всегда динамичны. Но не забывайте главного – чтобы заголовок не вводил в заблуждение пользователей и всегда соответствовал контенту. Результаты правок будут заметны не сразу, поэтому не торопитесь делать выводы, дайте время странице. На это может уйти от 1 до 6 месяцев.</p> <h2><span>Сервисы, помогающие редактировать сниппеты </span></h2> <p><span class="jzPjEQ-FnFU"></span> <span class="jzPjEQ-FnFU"></span></p> <p>Существует несколько прекрасных инструментов, которые помогут владельцу сайта увидеть свой ресурс глазами поисковиков.</p> <p>Одной из таких программ является Screaming Frog SEO Spider. С её помощью можно посмотреть, как сниппеты будут выглядеть в выдаче Google.</p> <p>Другой неплохой сервис – serpsimulator.com, который имеет также огромное количество настроек и позволит увидеть отображение мет в поисковой выдаче.</p> <h2>В заключение </h2> <p>Правильные тайтлы – это основа основ. Самый быстрый способ поднять посещаемость с поисковиков. Недаром существует поговорка «Title – всему голова».</p> <p>В Google и видим: Тег title на странице это второй по важности (после контента) фактор, который дает большое влияние на релевантность сайта.</p><p>Решил обобщить свои и чужие знания по теме «заголовок страницы веб-ресурса» и оформить его в эту статью. В этой статье поговорим про неправленый и правильный заголовок страницы, как составить SEO title страницы, значение тега title в разных поисковиках, его длине и вхождении в заголовок ключевых слов. Надеюсь, обучающий характер материала позволит разобраться в теме новичкам и начинающим вебмастерам.</p><h2><span>Заголовок страницы и тег title </span></h2><p>Давайте начнём с азов. Любую веб-страницу нужно рассматривать с двух точек зрения.</p><p><b>Во-первых </b>, веб-страница это HTML- документ, написанный по всем правилам html-разметки. Именно, как html-документ, веб-страницу «видят» роботы поисковых систем. Вы всегда можете посмотреть на страницу любого сайта, воспользовавшись инструментом просмотра кода страницы в браузере или профессионально использовать в работе текстовые браузеры.</p><p><b>Во-вторых </b>, вы как пользователь видите веб-страницу в визуально понятном виде. Такой просмотр создает ваш браузер, переводя html-разметку страницы в удобно читаемый, оформленный текст с возможным добавлением картинок, видео и ссылок.</p><p>Вы спросите, зачем я начал так издалека? Дело в том, что заголовок страницы, который мы видим в браузере, не всегда совпадает с тем, что считают заголовком документа поисковые боты.</p><p>Поисковые боты считают заголовком текст, который окружен в html версии страницы в парные теги title.</p><p>Вы как пользователь, будете видеть текст в тегах title, его часто называют тайтл, в верхнем поле окна вашего браузера.</p><h2>Тег Title </h2><p>Так как боты поисковиков «видят» заголовок страницы в тегах title, то для оптимизации правильный заголовок страницы, это, прежде всего, правильно оформленный текст в парном теге title.</p><p>Синтаксис тайтла:</p><p> <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://i1.wp.com/seojus.ru/wp-content/uploads/2018/06/jandeks-dlina-title.png' align="center" width="100%" loading=lazy></p><p><img src='https://i1.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> </div> </article> </div> </div> <div id="secondary"> <aside id="search-2" class="widget widget_search clearfix"> <form action="/" class="search-form searchform clearfix" method="get"> <div class="search-wrap"> <input type="text" placeholder="Поиск" class="s field" name="s"> <button class="search-icon" type="submit"></button> </div> </form> </aside> <aside id="recent-posts-2" class="widget widget_recent_entries clearfix"> <h3 class="widget-title"><span>Свежие записи</span></h3> <ul> <li> <a href="/instructions/google-klaviatura-poluchila-masshtabnoe-obnovlenie-google-klaviatura-poluchila/">Google Клавиатура получила масштабное обновление Изменение виртуальной клавиатуры</a> </li> <li> <a href="/the-sounds-and-music/modalnoe-okno-s-formoi-otpravki-pisma-prostaya-forma-svyazi-na-ajax-vse-sdelal/">Простая форма связи на Ajax</a> </li> <li> <a href="/pots/podklyuchit-sata-hdd-k-razemu-ide-perehodnik-sata-ide-voskreshaem-staryi/">Подключить sata hdd к разъему ide</a> </li> <li> <a href="/reviews/na-rynok-vyhodit-piratskii-s-max-pod-imenem-lifan-xuanlang-chem-otlichayutsya/">Чем отличаются тайваньские копии от китайских?</a> </li> <li> <a href="/system-and-update/igry-v-instagrame-v-istorii-kak-estafety-v-instagrame-v-istorii-vliyayut-na/">Как эстафеты в Инстаграме в истории влияют на аудиторию?</a> </li> <li> <a href="/battery-and-power-consumption/programmy-dlya-noutbuka-vindovs-10-luchshie-besplatnye-programmy/">Лучшие бесплатные программы на каждый день</a> </li> <li> <a href="/system-and-update/oblegchennyi-headtracking-i-sistema-emocii-oblegchennyi-headtracking-i-sistema-emocii/">Облегченный Headtracking и Система Эмоций Так стоит ли игра того</a> </li> <li> <a href="/instructions/besplatnye-programmy-dlya-prosmotra-foto-i-upravleniya-izobrazheniyami/">Бесплатные программы для просмотра фото и управления изображениями Приложения для открытия фотографий на пк</a> </li> </ul> </aside> <aside id="text-5" class="widget widget_text clearfix"> <div class="textwidget"> <script type="text/javascript" src="//vk.com/js/api/openapi.js?144"></script> <div id="vk_groups"></div> </div> </aside> <aside id="text-4" class="widget widget_text clearfix"> <div class="textwidget"> </div> </aside> <aside id="text-3" class="widget widget_text clearfix"> <div class="textwidget"> </div> </aside> </div> </div> </div> <footer id="colophon" class="clearfix"> <div class="footer-socket-wrapper clearfix"> <div class="inner-wrap"> <div class="footer-socket-area"> <div class="footer-socket-right-section"> </div> <div class="footer-socket-left-sectoin"> <div class="copyright">© 2024 <a href="/" title="olegshein.ru"><span>olegshein.ru</span></a>. Компьютерный клуб Олега Шейна.<br></div> </div> </div> </div> </div> </footer> <a href="#masthead" id="scroll-up"><i class="fa fa-chevron-up"></i></a> </div> <script type="text/javascript"> var q2w3_sidebar_options = new Array(); q2w3_sidebar_options[0] = { "sidebar": "colormag_right_sidebar", "margin_top": 10, "margin_bottom": 0, "stop_id": "", "screen_max_width": 0, "screen_max_height": 0, "width_inherit": false, "refresh_interval": 1500, "window_load_hook": false, "disable_mo_api": false, "widgets": ['text-3'] }; </script> <script type="text/javascript"> (function(w, doc) { if (!w.__utlWdgt) { w.__utlWdgt = true; var d = doc, s = d.createElement('script'), g = 'getElementsByTagName'; s.type = 'text/javascript'; s.charset = 'UTF-8'; s.async = true; s.src = ('https:' == w.location.protocol ? 'https' : 'http') + '://w.uptolike.com/widgets/v1/uptolike.js'; var h = d[g]('body')[0]; h.appendChild(s); } })(window, document); </script> <div style="text-align:left;" data-lang="ru" data-url="/global-blue-vozvrat-tax-free-v-minske/" data-background-alpha="0.0" data-buttons-color="#FFFFFF" data-counter-background-color="#ffffff" data-share-counter-size="12" data-top-button="false" data-share-counter-type="common" data-share-style="1" data-mode="share" data-like-text-enable="false" data-mobile-view="true" data-icon-color="#ffffff" data-orientation="fixed-left" data-text-color="#000000" data-share-shape="round-rectangle" data-sn-ids="fb.vk.tw.ok.gp.ps.mr.ln." data-share-size="30" data-background-color="#ffffff" data-preview-mobile="false" data-mobile-sn-ids="fb.vk.ok.wh.vb." data-pid="cmsvpolshuby" data-counter-background-alpha="1.0" data-following-enable="false" data-exclude-show-more="true" data-selection-enable="true" class="uptolike-buttons"></div> <script type='text/javascript' src='https://olegshein.ru/wp-content/plugins/pwebcontact/media/bootstrap-2.3.2/js/bootstrap.min.js?ver=2.3.2'></script> <script type='text/javascript' src='https://olegshein.ru/wp-content/plugins/pwebcontact/media/js/jquery.validate.min.js?ver=1.15.0'></script> <script type='text/javascript'> /* <![CDATA[ */ var pwebcontact_l10n = pwebcontact_l10n || {}; pwebcontact_l10n.form = { "INIT": "Initializing form...", "SENDING": "Sending...", "SEND_ERR": "Wait a few seconds before sending next message", "REQUEST_ERR": "Request error: ", "COOKIES_ERR": "Enable cookies and refresh page to use this form" }; /* ]]> */ </script> <script type='text/javascript' src='https://olegshein.ru/wp-content/plugins/pwebcontact/media/js/jquery.pwebcontact.min.js?ver=2.3.0'></script> <script type='text/javascript' src='https://olegshein.ru/wp-content/plugins/simple-tooltips/zebra_tooltips.js?ver=4.4.13'></script> <script type='text/javascript' src='https://olegshein.ru/wp-content/plugins/contact-form-7/includes/js/jquery.form.min.js?ver=3.51.0-2014.06.20'></script> <script type='text/javascript' src='https://olegshein.ru/wp-content/plugins/contact-form-7/includes/js/scripts.js?ver=4.5.1'></script> <script type='text/javascript'> /* <![CDATA[ */ var tocplus = { "visibility_show": "\u043f\u043e\u043a\u0430\u0437\u0430\u0442\u044c", "visibility_hide": "\u0441\u043a\u0440\u044b\u0442\u044c", "width": "Auto" }; /* ]]> */ </script> <script type='text/javascript' src='https://olegshein.ru/wp-content/plugins/table-of-contents-plus/front.min.js?ver=1509'></script> <script type='text/javascript' src='https://olegshein.ru/wp-content/plugins/wp-cloudy/js/wp-cloudy-ajax.js?ver=4.4.13'></script> <script type='text/javascript' src='https://olegshein.ru/wp-content/plugins/mistape/assets/js/modernizr.custom.js?ver=1.3.3'></script> <script type='text/javascript' src='https://olegshein.ru/wp-content/plugins/mistape/assets/js/mistape-front.js?ver=1.3.3'></script> <script type='text/javascript' src='https://olegshein.ru/wp-content/themes/colormag/js/jquery.bxslider.min.js?ver=4.1.2'></script> <script type='text/javascript' src='https://olegshein.ru/wp-content/themes/colormag/js/colormag-slider-setting.js?ver=4.4.13'></script> <script type='text/javascript' src='https://olegshein.ru/wp-content/themes/colormag/js/navigation.js?ver=4.4.13'></script> <script type='text/javascript' src='https://olegshein.ru/wp-content/themes/colormag/js/fitvids/jquery.fitvids.js?ver=20150311'></script> <script type='text/javascript' src='https://olegshein.ru/wp-content/themes/colormag/js/fitvids/fitvids-setting.js?ver=20150311'></script> <script type='text/javascript' src='https://olegshein.ru/wp-content/plugins/q2w3-fixed-widget/js/q2w3-fixed-widget.min.js?ver=5.0.4'></script> <script type='text/javascript' src='/wp-includes/js/wp-embed.min.js?ver=4.4.13'></script> <script type='text/javascript' src='https://olegshein.ru/wp-content/plugins/easy-fancybox/fancybox/jquery.fancybox-1.3.8.min.js?ver=1.6.2'></script> <script type='text/javascript' src='https://olegshein.ru/wp-content/plugins/easy-fancybox/js/jquery.easing.min.js?ver=1.4.0'></script> <script type='text/javascript' src='https://olegshein.ru/wp-content/plugins/easy-fancybox/js/jquery.mousewheel.min.js?ver=3.1.13'></script> <div id="pwebcontact1" class="pwebcontact pweb-bottom pweb-offset-right pweb-slidebox pweb-theme-free pweb-labels-above pweb-horizontal" dir="ltr"> <div id="pwebcontact1_toggler" class="pwebcontact1_toggler pwebcontact_toggler pweb-closed pweb-theme-free"> <span class="pweb-text">Есть вопросы?</span> <span class="pweb-icon"></span> </div> <div id="pwebcontact1_box" class="pwebcontact-box pweb-slidebox pweb-theme-free pweb-labels-above pweb-horizontal pweb-init" dir="ltr"> <div class="pwebcontact-container-outset"> <div id="pwebcontact1_container" class="pwebcontact-container"> <div class="pwebcontact-container-inset"> <form name="pwebcontact1_form" id="pwebcontact1_form" class="pwebcontact-form" action="/" method="post" accept-charset="utf-8"> <div class="pweb-fields"> <div class="pweb-row"> <div> <div class="pweb-field-container pweb-field-name pweb-field-name"> <div class="pweb-label"> <label id="pwebcontact1_field-name-lbl" for="pwebcontact1_field-name"> Имя </label> </div> <div class="pweb-field"> <div class="pweb-field-shadow"> <input type="text" name="fields[name]" id="pwebcontact1_field-name" autocomplete="on" class="pweb-input" value="" data-role="none"> </div> </div> </div> </div> </div> <div class="pweb-row"> <div> <div class="pweb-field-container pweb-field-email pweb-field-email"> <div class="pweb-label"> <label id="pwebcontact1_field-email-lbl" for="pwebcontact1_field-email"> Email <span class="pweb-asterisk">*</span> </label> </div> <div class="pweb-field"> <div class="pweb-field-shadow"> <input type="email" name="fields[email]" id="pwebcontact1_field-email" autocomplete="on" class="pweb-input required" value="" data-role="none"> </div> </div> </div> </div> </div> <div class="pweb-row"> <div> <div class="pweb-field-container pweb-field-textarea pweb-field-message"> <div class="pweb-label"> <label id="pwebcontact1_field-message-lbl" for="pwebcontact1_field-message"> Сообщение <span class="pweb-asterisk">*</span> </label> </div> <div class="pweb-field"> <div class="pweb-field-shadow"> <textarea name="fields[message]" id="pwebcontact1_field-message" cols="50" rows="5" class="required" data-role="none"></textarea> </div> </div> </div> </div> </div> <div class="pweb-row"> <div> <div class="pweb-field-container pweb-field-buttons"> <div class="pweb-field"> <button id="pwebcontact1_send" type="submit" class="btn pweb-button-send" data-role="none">Отправить</button> </div> </div> </div> </div> </div> <div class="pweb-msg pweb-msg-after"> <div id="pwebcontact1_msg" class="pweb-progress"> <script type="text/javascript"> document.getElementById("pwebcontact1_msg").innerHTML = "Initializing form..." </script> </div> </div> <input type="hidden" name="5eb40beb9e" value="1" id="pwebcontact1_token"> </form> </div> </div> </div> </div> </div> <script type="text/javascript"> jQuery(function() { jQuery(".tooltips img").closest(".tooltips").css("display", "inline-block"); new jQuery.Zebra_Tooltips(jQuery('.tooltips').not('.custom_m_bubble'), { 'background_color': '#000000', 'color': '#ffffff', 'max_width': 250, 'opacity': 0.95, 'position': 'center' }); }); </script> <script type="text/javascript"> jQuery(document).on('ready post-load', function() { jQuery('.nofancybox,a.pin-it-button,a[href*="pinterest.com/pin/create"]').addClass('nolightbox'); }); jQuery(document).on('ready post-load', easy_fancybox_handler); jQuery(document).on('ready', easy_fancybox_auto); </script> <div id="mistape_dialog" data-mode="comment" data-dry-run="0"> <div class="dialog__overlay"></div> <div class="dialog__content"> <div id="mistape_confirm_dialog" class="mistape_dialog_screen"> <div class="dialog-wrap"> <div class="dialog-wrap-top"> <h2>Сообщить об опечатке</h2> <div class="mistape_dialog_block"> <h3>Текст, который будет отправлен нашим редакторам:</h3> <div id="mistape_reported_text"></div> </div> </div> <div class="dialog-wrap-bottom"> <div class="mistape_dialog_block comment"> <h3><label for="mistape_comment">Ваш комментарий (необязательно):</label></h3> <textarea id="mistape_comment" cols="60" rows="3" maxlength="1000"></textarea> </div> <div class="pos-relative"> </div> </div> </div> <div class="mistape_dialog_block"> <a class="mistape_action" data-action="send" data-id="389" role="button">Отправить</a> <a class="mistape_action" data-dialog-close role="button" style="display:none">Отмена</a> </div> <div class="mistape-letter-front letter-part"> <div class="front-left"></div> <div class="front-right"></div> <div class="front-bottom"></div> </div> <div class="mistape-letter-back letter-part"> <div class="mistape-letter-back-top"></div> </div> <div class="mistape-letter-top letter-part"></div> </div> </div> </div> </body> </html>