Как написать Title страницы. Особенности формирования описаний сниппетов в поисковой выдаче. Правильно написанный title – залог высокого CTR

В 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://i0.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> <p>Грамотное составление тега <title> – это одна из важнейших основ успешного продвижения страницы сайта. Существует набор требований, по которым необходимо составлять тег <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://i0.wp.com/zarabotat-na-sajte.ru/seo/img/title-v-socsetyah1.jpg' width="100%" loading=lazy></p> <p>Или сокращенный вариант без изображения в ВК</p> <p><img src='https://i0.wp.com/zarabotat-na-sajte.ru/seo/img/title-v-socsetyah2.jpg' width="100%" loading=lazy></p> <p><img src='https://i1.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>Метатеги title и description - основа продвижения сайта в поисковиках. Чтобы добиться хорошего эффекта в этом непростом деле, следует придерживаться нескольких правил, которые мы рассмотрим в данной статье.</p> <h2>Тег title</h2> <p>Является одним из самых важных тегов. Поисковые роботы из него узнают, что представляет собой ваша веб-страница, title служит своего рода названием. Работы по оптимизации должны начинаться именно с данного тега, так как он способствует улучшению позиций в поисковой выдаче.</p> <p>Тег title указывается в начале кода HTML-страницы, отображается в заголовке:</p> <p>А также показывается в результатах выдачи поисковиков:</p> <p><img src='https://i2.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://i1.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> <p>Сразу говорю, в этой статье ты не найдешь тупой набор бестолковых советов, вида указания размера Title или численного значения плотности ключа. Все это редкостная дичь, распространившаяся по сети, как вирус… Основа правильного написания meta Title именно понимание основ. Но эти основы понимают далеко не все, просто прочитай статью и все сам увидишь!</p> <p>Статья вышла большая, но оно того стоит, уж поверь.</p> <p><b>Какой элемент сео оптимизации страницы имеет наибольшее значение?! </b>Думаю, что ты без труда ответишь на этот вопрос правильно – конечно же тайтл страницы!</p> <p><b>Ок, согласен, но как правильно его оптимизировать? </b></p> <p><i>Ну, надо в самом начале тайтла написать главное ключевое слово для страницы? - скажешь ты и будешь полностью правы. </i></p> <p><b>А еще? </b></p> <blockquote class="type-2"><p><i>Ну… Надо писать заголовок страницы короче 70-80-90 символов, так ведь?! </i></p> <p><i>Надо делать этот тег читаемым и для людей?! </i></p> <p><i>Надо соблюдать определенную плотность и тошнотность?! </i></p> <p><i>Тайтл должен быть уникален?! </i></p> </blockquote> <p>На самом деле тут начинается серьезная каша и путаница в головах владельцев сайтов и оптимизаторов, начиная с самого первого пункта. Да, Карл, уже начиная с самого первого пункта, <b>ведь правильно разместить главный ключ в самом начале тайтла еще надо уметь. </b></p> <p><i>Это прописная истина, но скажу тебе по секрету - большинство так и не могут правильно разместить ГЛАВНЫЙ ключ в ПРАВИЛЬНОЙ форме в самом начале Тайтла и это не паранойя, а статистика… </i></p> <p>Итак, давай постараемся выработать набор правил для подготовки действительно эффективного тайтла, т.к. этот элемент сео оптимизации и в самом деле является наиболее важным, но лишь в случае его правильного формирования.</p> <p>Давай начнем с самого начала, а именно использования главного ключа в самом начале тайтла.</p> <h2>Главный ключ </h2> <p>Думаешь все тут однозначно и просто? - а вот и нет…</p> <p><b>Что такое главный ключ? </b></p> <p>Многие скажут, что это самый частотный ключ кластера для данной страницы (что такое кластеризация писал )! Иногда да, но это актуально лишь для только что созданной посадочной страницы и то не всегда.</p> <p><b>О чем я тут вообще говорю? </b></p> <p>Да все просто, представь, что у нас есть старая и авторитетная страница сайта, которая уже имеет много поискового трафика. Возьмем кластер запросов для этой страницы и пробьем текущие позиции.</p> <p>Допустим у нас получится следующая картина:</p> <p>Можно ли считать главным запросом для этого кластера самый частотный запрос, то есть «запрос 1»? В принципе можно, но намного эффективней будет сделать главным запрос, который имеет не самую высокую частотность, зато намного более высокую позицию, ведь куда проще и эффективней сдвинуть запрос с 18-го места в ТОП 3, чем двигать запрос из ниоткуда.</p> <p>На этом понимании базируются многие методики продвижения по трафику, когда мы работаем исключительно с так называемой <b>активной семантикой </b>, то есть именно той семантикой, которая не просто есть где-то там в наших мечтах, а уже работает и приносит переходы.</p> <h2><span>Конкурентность запроса </span></h2> <p>Итак, теперь мы определились с тем, что главный запрос для страницы это далеко не всегда наиболее частотный запрос. Еще одним фактором тут может стать анализ конкурентности, особенно для молодых сайтов! Нет смысла оптимизировать молодой сайт под самые конкурентные запросы и ставить их на первое место в тайтл, это просто не имеет смысла! Ведь все-равно из этого ничего толкового не выйдет и запрос даже и через год не выйдет в ТОП без применения серых и черных техник (об этих техниках возможно поговорим в одной из следующих статей).</p> <p><b><i>То есть нет никакого смысла тратить самое ценное место текстовой оптимизации, а именно первое место тайтла для запроса, который все-равно не выйдет в ТОП. </i> </b></p> <p>Очень важно трезво оценивать шансы на успех того или иного запроса. Согласен, это приходит с опытом, на уже заранее можно точно быть уверенным, что если у вас молодой сайт не стоит брать за основу самые жирные запросы в тематике.</p> <blockquote><p><i>Если хочешь более понятную аналогию, то представь, что ты идешь в поход и с собой можешь взять лишь самое необходимое. Место строго ограничено. И вот ты решаешь взять нечто вроде телевизионной приставки, например Playstation. Да, было бы круто поиграть в игрушки на привале с друзьями, но шанс того, что во время похода будет найден телевизор катастрофически мал, а в рюкзаке уже не хватает места на такие необходимые вещи, как спальник </i></p> </blockquote> <p>Аналогия идеальна для молодых сайтов, которые главным запросом для кластера выбирают основной ВЧ, потратив на него самое ценное место в Title.</p> <p>Таким образом главный запрос для страницы это запрос, полученный путем взвешенного анализа частотности, конкурентности и текущих позиций по всем запросам кластера.</p> <p>Хорошо, с термином главный запрос мы разобрались, но уверен ли ты, что точно знаешь правильную форму запроса.</p> <h2><span>Правильная форма запроса </span></h2> <p>Порядок слов в запросе порой носит критически важное значение. Но многие привыкли верить точной частотности вордстат, считая ее основной частотностью, да вот только они не учитывают, что стандартная директива вордстат (собственно и кей коллектора, через который все привыкли пробивать частотности) не учитывает желаемый порядок слов. Для этой директивы все равно. Она по умолчанию вытаскивает из базы данные по оптимальной словоформе.</p> <p>Веду я к тому, что собранная тобой семантика для страницы или даже для всего сайта далеко не факт, что содержит правильную форму запроса да и зачастую ты этого даже и не заметишь, ведь для написания текстов и покупки ссылок пойдет даже неправильный порядок слов, <b>но вот для тайтла все строго </b>! Главный ключ должен быть именно в правильной форме и именно в начале тайтла.</p> <p>Давайте разберем пару интересных примеров, тебе понравится:</p> <p>Есть запрос - «<b>мягкий медведь игрушка» </b></p> <p>Какая у него правильная форма?</p> <p>Давайте вобьем в вордстат каждый из вариантов для получения точной частотности:</p> <p>Ну а вот реальная частотность запросов с учетом порядка слов:</p> <p><img src='https://i0.wp.com/markintalk.ru/wp-content/uploads/2018/09/2018-09-01_21-11-28.png' width="100%" loading=lazy></p> <p><img src='https://i0.wp.com/markintalk.ru/wp-content/uploads/2018/09/2018-09-01_21-11-04.png' width="100%" loading=lazy></p> <p>Как тебе такие метаморфозы?!</p> <p>Но и это еще не все </p> <p>Знал ли ты, что в зависимости от порядка слов может меняться коммерческость запроса и даже его интент?!</p> <p>Возьмем тот же самый пример:</p> <p><img src='https://i2.wp.com/markintalk.ru/wp-content/uploads/2018/09/2018-09-01_21-15-42.png' width="100%" loading=lazy></p> <p>Коммерческость правильной формы, как видишь, самая высокая.</p> <p>Выходит, что разместив в самом начале тайтла казалось бы главный запрос в неправильном порядке слов мы могли бы получить гораздо более низкий трафик чем ожидалось (т.к. вывели бы в ТОП запрос в соответствующем порядке слов), дак еще и менее коммерческий запрос.</p> <p>Кстати, в порядке слов запроса есть определенные и иногда очень интересные правила, знание которых открывает пространство для интересных манипуляций, в частности для интернет-магазинов. Например знал ли ты, где надо ставить слово «купить», до самого запроса или после? Так вот, тут есть правило, что запрос с «купить» в начале обладает большей коммерческостью:</p> <p><img src='https://i0.wp.com/markintalk.ru/wp-content/uploads/2018/09/2018-09-01_21-23-26.png' width="100%" loading=lazy></p> <p>То есть конверсия с такого трафика всегда выше, особенно интересно это может быть для Директологов. Да и вообще, на границе СЕО и Директ начинают твориться чудеса, но об этом в одной из следующих статей.</p> <p>Определить правильную форму предельно просто – достаточно вбить в вордстат интересующий запрос в кавычках:</p> <p>Ок, теперь мы разобрались с тем, как выбрать главный запрос для страницы и как определить его правильную форму и зачем это нужно.</p> <h2><span>Как составить Title </span></h2> <ol><li>Коммерческие слова (купить, цена и т.д.) повторяем не более одного раза</li> <li>Обычные слова повторяем не более двух раз</li> <li>Главный ключ в правильной форме строго в начале тайтла</li> <li>Строго никаких символов, бьющих пассажи (точка, восклицательный и вопросительный знаки, точка с запятой)</li> <li>Можно использовать запятые, но если можно без них, то лучше так</li> <li>Длина не ограничена ни какими символами</li> <li>Опционально - короче 12 слов (важно лишь для Гугл)</li> <li>Не забываем, что чем больше слов в тайтл, тем меньше вес каждого из слов, так что не надо тут поэм писать</li> <li>Уникальность тайтла в рамках сайта</li> <li>Уникальность тайтла в рамках индексной базы Яндекс. Банально добавляем в конец название компании</li> </ol><h2>Поджарим утку </h2> <p>Ну а теперь пристрелим пару уток, с которыми я сражаюсь с незапамятных времен:</p> <ol><li><b>Ограничение длины </b></li> </ol><p>Длина тайтла 60-70-80-90 cимволов – бред, бред и еще раз бред! Есть всего одна рекомендация и то не более, чем рекомендация – длина Тайтла короче 12 слов. Все! Не верите – смотрите тайтлы сайтов–лидеров.</p> <ol><li><b> Писать тайтлы исключительно для людей </b></li> </ol><p>Читаемость тайтла для посетителей ну что тут сказать? В принципе да, тайтл как минимум должен быть не корявым, но тут всегда возникает выбор между сео оптимизацией и читаемостью, где и то и другое будет оказывать в итоге влияние на позицию. Тут следует учитывать тот факт, что поиск, в частности Яндекс иногда может двигать тайтл по своему усмотрению, если он достаточно длинный, а так же может вместо тайтла подставлять другие элементы страницы, например H1 или даже название сайта из Яндекс каталога. Поэтому далеко не факт, что люди увидят именно то, что вы для них подготовили. Не надо рассказывать в тайтлах дифирамбы, как правило это просто выльется в лишних стоп-словах. Просто пишите тайтл читаемым, но не более.</p> <h2><span>Главные принципы </span></h2> <p>Итак, если все-таки выделить самые главные принципы, влияющие на правильную подготовку тайтла, то я бы выделил следующие:</p> <ul><li><i>Правильный выбор главного запроса. </i></li> <li><i> Указание главного запроса в самом начале тайтла строго в правильной форме. </i></li> <li><i> Стараемся указать в форме, максимально приближенной к правильное еще один-два важных запроса для этой страницы. </i></li> <li><i> Все остальные запросы кластера просто разбиваем на уникальные слова, которые еще не были использованы в этом тайтле и вживляем в него (тут главное не бить пассаж). </i></li> <li><i> Строго никаких символов, бьющих пассаж </i></li> </ul><p>Другие интересные статьи ты найдешь в моем паблике ВК</p> <p>О том, как правильно составлять тайтлы.</p> <p>В данной статье я подробно распишу основные принципы составления и оптимизации title. Здесь я отвечу на некоторые повторяющиеся вопросы, покажу примеры из видео и не только.</p> <p>В общем, в этой статье - все, что нужно знать о том, как правильно составить title, description для сайта.</p> <h2>Что такое Title?</h2> <p>Тег Title — это HTML элемент, который указывает поисковым системам и посетителям самым сжатым и понятным способом, о чем именно идет речь на определенной странице. Тайтл отображается в: браузере, в социальных сетях и поисковой выдаче. Должен быть уникальным для каждой страницы.</p> <h3>Как выглядит?</h3> <p>В браузере</p> <p>В поисковой выдаче</p> <p><img src='https://i0.wp.com/livepage.pro/wp-content/uploads/2015/09/title-1.png' align="center" width="100%" loading=lazy></p> <p><img src='https://i1.wp.com/livepage.pro/wp-content/uploads/2015/09/title-2.png' align="center" width="100%" loading=lazy></p> <h2>Почему это важно?</h2> <ul><li>Потому что значительное количество оптимизаторов не умеют составлять метаданные.</li> <li>Метаданные входят в обязательный список действий, на которых нельзя фейлить, иначе все дальнейшие действия превращаются в пустую трату времени.</li> <li>Потому что может быть стыдно перед другими оптимизаторами, к которым уйдут недовольные клиенты.</li> <li>На простом обновлении title можно в разы увеличить посещаемость: </li> </ul><h2>Общие принципы</h2> <p>Фундаментальные истины, которые состоят всего из 9 пунктов</p> <ol><li>Очень много заголовков title составлены криво и неправильно.</li> <li>Чтобы правильно составить тег Title нужно провести предварительный анализ.</li> <li>Нужно уметь внимательно составлять семантическое ядро.</li> <li>Нужно уметь анализировать ядро.</li> <li>Нужно уметь отличать человеческое от роботизированного.</li> <li>Нужно распределять семантику между страницами.</li> <li>Нужно обладать ясным умом.</li> <li>Нужно читать книги.</li> <li>Нужно тратить время.</li> </ol><p>Не забывайте также о том, что title - это всего лишь часть разметки страницы, есть еще и текст с заголовками. Не старайтесь добавить в него абсолютно все запросы.</p> <p>Помните, что слишком короткие тайтлы не всегда могут быть оправданы. Пока часто можно встретить вот такую ситуацию:</p> <p><img src='https://i0.wp.com/livepage.pro/wp-content/uploads/2015/09/byvajut-sluchai-kogda-google-ne-pokazyvaet-title-i-v-vydache-pokazyvaetsja-zagolovok-stranicy.jpg' width="100%" loading=lazy></p> <p>Гугл, в отличии от младшего брата, показывает только первую часть тайтла. Бывают случаи, когда Гугл не показывает title, и тогда в выдаче показывается заголовок страницы, а также название бренда.</p> <p>Кстати, эксперементирование с Title помогло нам .</p> <h2>Как неправильно составлять title</h2> <h3>Составление тайтлов без сбора семантического ядра</h3> <p>В любой выдаче можно найти примеры трастовых сайтов, у которых неправильно написаны тайтлы.</p> <p><img src='https://i2.wp.com/livepage.pro/wp-content/uploads/2015/09/primer-trastovyh-sajtov-u-kotoryh-nepravilno-napisany-title.jpg' width="100%" loading=lazy></p> <p><b>Title </b>: Магазин климатической техники Климадом - Климатическая техника и кондиционеры в Москве и Московской области</p> <p>Этому сайту достаточно прописать правильный тайтл и оптимизировать страницу, чтобы мгновенно вырасти в выдаче.</p> <p>А ведь владельцы старались, платили деньги за создание, наполнение и даже функционал автоматического вывода сообщения о графике работы после 18–00 вывели.</p> <p><i><b>Основная ошибка таких сайтов - тайтлы прописываются без составления семантического ядра и структуры сайта. </b> </i></p> <p>Это очень распространенная ошибка сайтов, которые не обращались к , а пытались собственными силами провести быструю оптимизацию страницы.</p> <h3>Прилагательные</h3> <ul><li>По коммерческим ключевым запросам</li> </ul><p>Использование прилагательных в теге title неоправданно. Я не рекомендую такие слова как <b>лучший </b>, <b>выгодный </b>, <b>самый </b>, <b>огромный </b>.</p> <ul><li>По информационным ключевым запросам</li> </ul><p>Использование прилагательных повышает CTR. Важно! Содержание контента должно соответствовать использованным прилагательным.</p> <h3>Стоп-слова в title</h3> <p>Не используйте в тайтле местомения, частицы и предлоги. Они не учитываются поисковыми системами.</p> <p>Самые популярные стоп-слова: и, или, о, к, я, не, до и т. д.</p> <p>Исключение: фразеологические обороты «быть или не быть»</p> <p>Нужно с осторожностью относитя к названию бренда в начале тайтла. В редких случаях такой вариант допускается, если компания очень известна в оффлайне. Но в конкурентных тематиках лидеры редко используют такой метод.</p> <p><img src='https://i0.wp.com/livepage.pro/wp-content/uploads/2015/09/brend-v-nachale-title.jpg' width="100%" loading=lazy></p> <p>Это грубая ошибка и полный хаос в голове человека, который составляет подобное описание страницы.</p> <p><img src='https://i1.wp.com/livepage.pro/wp-content/uploads/2015/09/ves-perechen-zaprosov-v-title.jpg' width="100%" loading=lazy></p> <p>Перечисление городов при написании тега title в большинстве случаев является неоправданной мерой. Если товар продается по всей стране, охватить их в тайтле будет просто невозможно.</p> <p>В каких случаях использование города (топонима) оправдано:</p> <ul><li>Если компания работает в одном регионе.</li> <li>Если компания работает в нескольких регионах или имеет в этих городах представительство или другое конкурентное преимущество.</li> <li>Если содержимое страницы заточено под город (объявления и т. д.).</li> </ul><h3>Верхний регистр</h3> <p>Не используйте ВЕРХНИЙ РЕГИСТР при формировании Title. Выделяйтесь содержанием и умом.</p> <h3>Шаблоны для title</h3> <p>Использование шаблонов оправдано для типовых страниц. Но часто специалисты в целях экономии времени составляют шаблоны для всех страниц. В данном случае игнорируется семантическое ядро и персональный подход к оптимизации.</p> <p><category name> <brand-name> <product name>Купить в интернет-магазине <Brand></p> <h3>Комплекс ошибок в одном title</h3> <p>Постельное белье купить по доступной цене в интернет-магазине Brand с доставкой в Екатеринбург, Пермь, Челябинск, Тюмень, Уфу, Курган, Сургут, Салехард</p> <p>Такой тайтл пропустят многие сеошники. И даже не подумают его менять. В нем хорошо только одно - Использование ключевого запроса в начале фразы. Все остальное неправильно.</p> <h2>Сбор предварительных данных</h2> <p>Большая часть ошибок с составлением метаданных связано с использованием некорректных предварительных данных о структуре и семантическом ядре. Проще говоря: нет понимания какие запросы продвигаются на конкретную страницу.</p> <p>Последовательность действий очень простая:</p> <ul><li>Составляем структуру сайта.</li> <li>Разбиваем группы запросов под конкретные страницы.</li> <li>Составляем семантическое ядро.</li> </ul><h3>Никаких тайтлов без структуры</h3> <p>После видео я получил несколько вопросов о title, в которых фигурировала одинаковая ошибка. Разберем одно из них:</p> <p><img src='https://i0.wp.com/livepage.pro/wp-content/uploads/2015/09/voprosy-pro-title.jpg' width="100%" loading=lazy></p> <p>В приложении следующая семантика для страницы:</p> <p><img src='https://i2.wp.com/livepage.pro/wp-content/uploads/2015/09/semantika-dlja-stranic.jpg' height="154" width="178" loading=lazy></p> <p>Вот, собственно, ответ:</p> <p><img src='https://i1.wp.com/livepage.pro/wp-content/uploads/2015/09/title-dlja-uslug.jpg' width="100%" loading=lazy></p> <p>Соответственно тайтл изначально был следующий:</p> <p><b>Оценка стоимости квартиры для ипотеки, банка, суда. </b></p> <p>При том, что нужно создать отдельную страницу Оценка квартиры для суда и тайтл будет таким:</p> <p>Оценка квартиры для суда. Независимая оценка стоимости квартиры, ремонта для суда.</p> <p><b>Правило №1 </b>: title можно составить правильно только при грамотно сформированной структуре сайта.</p> <p>Пример структуры:</p> <p>На сайте такая структура может выглядеть так:</p> <p><img src='https://i0.wp.com/livepage.pro/wp-content/uploads/2015/09/primer-struktury-sajta-na-sajte.jpg' width="100%" loading=lazy></p> <p>После структуры мы готовим семантическое ядро. Чтобы использовать правильные слова в title, необходимо сразу учитывать уточненную частоту конкретного запроса.</p> <p>Нужно точно знать, какую фразу правильнее писать в title - Раскрутка сайта или раскрутка сайтов, ремонт квартиры или ремонт квартир?</p> <p>Ведь очень часто оптимизаторы не проверяют этот параметр перед составлением метаданных:</p> <p><img src='https://i0.wp.com/livepage.pro/wp-content/uploads/2015/09/teg-title-i-semanticheskoe-jadro.jpg' width="100%" loading=lazy></p> <p>После работы с семантическом ядром получаем данные, с которыми можно работать при составлении тайтла:</p> <p><img src='https://i2.wp.com/livepage.pro/wp-content/uploads/2015/09/semanticheskom-jadro-dlja-sostavlenija-tajtla.jpg' width="100%" loading=lazy></p> <h2>Как правильно составить Title</h2> <h3>Инструменты для анализа</h3> <p>После подготовительной работы можно приступить к составлению title для страниц сайта.</p> <p>Чтобы наверняка все сделать правильно используем следующие инструменты:</p> <ol><li>Смотрим поисковую выдачу и метаданные конкурентов.</li> <li>Смотрим семантическое ядро и уточненную частоту.</li> </ol><p>При анализе конкурентов исключаем очень трастовые сайты. На метаданные этих сайтов не следует обращать слишком много внимания.</p> <p><img src='https://i1.wp.com/livepage.pro/wp-content/uploads/2015/09/pri-analize-konkurentov-iskljuchaem-ochen-trastovye-sajty.jpg' width="100%" loading=lazy></p> <p>В title конкурентов можно найти новые идеи или запросы, которые по какой-то причине были пропущены в семантическом ядре. Очень часто можно найти неочевидные слова, синонимы и т. д.</p> <p>К тому же, правильные заголовки увеличивают шанс попадания страницы в .</p> <h3>Длина title</h3> <p>Оптимальная длина title варьируется от 55 до 90 символов.</p> <p>В выдаче Яндекса количество символов в Title до 68, в выдаче Google до 59 символов.</p> <p>Основные правила следующие:</p> <ul><li>Главное ключевое слово стоит в начале title.</li> <li>Все слова, обладающие наибольшей уточненной частотой нужно размещать в первые 55 символов.</li> <li>Все остальные слова можно разместить сегменте от 55 до 90 символов.</li> </ul><p>Я никогда не использую очень короткий title и не дублирую его с заголовками типа Н1. Исключением может быть запись в блоге, служебные страницы, новости.</p> <h3>Региональные запросы</h3> <p>Если бизнес нацелен на локальный рынок, в title необходимо использовать название города (топоним).</p> <p><b>Главное правило для региональных сайтов: топоним должен быть в самом начале title. </b></p> <p><b>Неправильно </b>:<br> Купить кондиционер. Продажа кондиционера в Москве</p> <p>Не пишите название страны в title (в России, в Украине). В редких случаях когда у Вас большой каталог с регионами для корневой категории так можно делать. Во всех остальных случаях - нет.</p> <p><b>Правильно </b>:<br> Купить кондиционер в Москве. Цены, продажа, установка кондиционеров в Москве.</p> <h3>Символы</h3> <p>Здесь правило очень простое и универсальное:</p> <p><b>Вы можете использовать символы, которые есть в title у ваших конкурентов. </b></p> <p>На данный момент в выдаче присутствует: точка, запятая, длинное тире, короткое тире, двоеточие, вот такая палка |.</p> <p>В порядке приоритета я использую следующие символы: запятая, точка, тире, двоеточие.</p> <p><b>Редкие символы в Title </b></p> <p>Тут нужно экспериментировать, и отслеживать увеличивается ли CTR после их внердрения.</p> <p>Протестировать как будет выглядеть сайт с символами в Title можно в генераторе сниппетов .</p> <h3>Бренд в title</h3> <p>Название бренда нужно использовать в тайтле. В большинстве случаев его следует использовать в конце тега.</p> <ol><li>Купить кофеварку в Москве в интернет-магазине Кофеваркин (лучший вариант).</li> <li>Купить кофеварку в Москве - интернет-магазин Кофеваркин.</li> <li>Кофеваркин: купить кофеварку в Москве (не рекомендуется).</li> </ol><h3>Количество ключевых слов</h3> <h3>Техника: Здравый смысл</h3> <p><img src='https://i1.wp.com/livepage.pro/wp-content/uploads/2015/09/zdravyj-smysl-pri-sostavlenii-title.jpg' width="100%" loading=lazy></p> <p><b>Title </b>: Самый большой интернет-магазин детских игрушек нельзя назвать правильным. Но по ряду других факторов: контент на сайте, перелинковка, ссылки на домен этот сайт находится в топ 3 выдачи по запросу «Игрушки».</p> <p>В данной ситуации title главной можно не трогать. Хотя его нельзя назвать идеальным.</p> <h3>Title для карточек товара</h3> <p>Карточка товара в интренет-магазинах — пример типовых страниц, для которых составление тайтлов должно быть автоматизировано.</p> <p>Шаблон обычно состоит из:</p> <ul><li>названия товара</li> <li>слова купить</li> <li>региона</li> <li>названия интернет-магазина</li> </ul><p><b>Пример </b></p> <p>Фитнесс трекер Xiaomi Mi Band 2 купить в Одессе — Citrus</p> <h2>Пример создания нового title</h2> <p>На примере запроса «Корректирующее белье милавица»</p> <p><img src='https://i2.wp.com/livepage.pro/wp-content/uploads/2015/09/primer-sozdanija-novogo-title-analiz-title-v-vydache.jpg' width="100%" loading=lazy></p> <p>Вот какие тайтлы сейчас в выдаче</p> <p><img src='https://i0.wp.com/livepage.pro/wp-content/uploads/2015/09/primer-sozdanija-novogo-title-spisok-title-v-vydache.jpg' width="100%" loading=lazy></p> <p>Более-менее корректные title у 3 и 4 места в выдаче.</p> <p>Составляем семантику, смотрим подсказки:</p> <p><img src='https://i2.wp.com/livepage.pro/wp-content/uploads/2015/09/primer-sozdanija-novogo-title-semantika-dlja-title.jpg' width="100%" loading=lazy></p> <p>Уточняем частоту запросов:</p> <p><img src='https://i2.wp.com/livepage.pro/wp-content/uploads/2015/09/primer-sozdanija-novogo-title-chastota-zaprosov-pri-sostavlenii-title.jpg' width="100%" loading=lazy></p> <p>Автоматизировать процесс я предлагаю с помощью кейколлектора.</p> <p>В итоге получаем следующие варианты Title:</p> <ol><li>Корректирующее белье Милавица - каталог, купить утягивающее женское белье Милавица в интернет-магазине <BrandName></li> <li>Купить корректирующее белье Милавица: каталог, утягивающее женское белье Милавица в интернет-магазине <BrandName></li> </ol><p>Старый title: <b>Бесплатные программы для проектирования домов, обзор, скачать программу для планировки дома </b></p> <p><img src='https://i2.wp.com/livepage.pro/wp-content/uploads/2015/09/primer-dorabotki-sushhestvujushhego-title.jpg' width="100%" loading=lazy></p> <p>Новый title: Бесплатные программы для проектирования домов: обзор, скачать программу для создания 3D проекта и планировки дома - Название сайта </p> <p>Очень важно не забыть о том, что саму статью тоже необходимо доработать.</p> <p>Интересный кейс по доработке метаданных представлен в статье: </p> <p><img src='https://i0.wp.com/livepage.pro/wp-content/uploads/2015/09/crimea2-670x272.png' width="100%" loading=lazy></p> <p>Изучение семантики и добавление года в title повлияло на рост трафика более чем в 4 раза.</p> <h3>Выводы</h3> <p>При составлении title необходимо в первую очередь распределить запросы по страницам, составить семантическое ядро и выгрузить уточненную частоту запросов.</p> <p>Общие выводы следующие:</p> <ul><li>Правильный тайтл = выше CTR в поисковой выдаче чем у конкурентов;</li> <li>Сначала только самое частотное слово или фраза;</li> <li>В первых 55 символах используйте самые частотные слова;</li> <li>Никогда не делайте title в отрыве от семантического ядра;</li> <li>Всегда грамотно распределяйте страницы в зависимости от ключевых запросов;</li> <li>Используйте разделители;</li> <li>Изучайте title конкурентов;</li> <li>Используйте только частотные ключевые слова;</li> <li>Не забывайте про текст;</li> <li>Сделайте так, чтобы title хорошо смотрелся и читался;</li> <li>Не делайте перечень ключевых слов;</li> <li>Не воруйте у эталонов и вообще не воруйте.</li> </ul><p>Кстати, этот принцип мы использовали при , где сайт вырос до 3 млн. поискового трафика в месяц.</p> <p>Также вы можете посмотреть вебинар, в котором о некоторых моментах я говорю более подробно:</p> <p><span class="DenIHkdKFA8"></span></p> <p>Ну и помните: хороший title не решает все вопросы оптимизации, но является одним из важнейших атрибутов разметки. Любой оптимизатор должен уметь правильно составить заголовок title, сочетающий в себе пользу для поисковых систем и читабельность для посетителей сайтов.</p> <p>Необходимо улучшить Title для сайта? консультацию команды Livepage.</p> <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> </article> <div class="related-posts"> <h3 class="title text-uppercase text-center">Еще на эту тему:</h3> <div class="row"> <div class="post article-wrp with-border col-sm-6 col-md-4"> <div class="article-in-loop"> <a class="thumb-title" href="/top-programm-dlya-udaleniya-draiverov-skachat-driver-sweeper/"> <span class="embed-responsive embed-responsive-16by9 vertical-align-block thumb"> <span class="embed-responsive-item"> <span class="super-wrp"> <span class="span-table"> <span class="span-table-row"> <span class="span-table-row-cell"> <img src="https://i2.wp.com/pc-assistent.ru/wp-content/uploads/2017/06/driver_sweeper_200x175.png" class="img-responsive" alt="Скачать Driver Sweeper – программа для удаления драйверов из OC Windows Скачать программу для удаления драйверов карты" loading=lazy> </span> </span> </span> </span> </span> </span> <span class="date"> </span> <span class="title"> Скачать Driver Sweeper – программа для удаления драйверов из OC Windows Скачать программу для удаления драйверов карты </span> </a> </div> </div> <div class="post article-wrp with-border col-sm-6 col-md-4"> <div class="article-in-loop"> <a class="thumb-title" href="/vykidyvaet-na-rabochii-stol-sniper-elite-v2-vykidyvaet-na-rabochii-stol-sniper-elite-v2-chto/"> <span class="embed-responsive embed-responsive-16by9 vertical-align-block thumb"> <span class="embed-responsive-item"> <span class="super-wrp"> <span class="span-table"> <span class="span-table-row"> <span class="span-table-row-cell"> <img src="https://i2.wp.com/i.rutab.net/upload/tech_issues/audio_check.png" class="img-responsive" alt="Выкидывает на рабочий стол Sniper Elite V2 Что делать если лагает sniper elite 3" loading=lazy> </span> </span> </span> </span> </span> </span> <span class="date"> </span> <span class="title"> Выкидывает на рабочий стол Sniper Elite V2 Что делать если лагает sniper elite 3 </span> </a> </div> </div> <div class="post article-wrp with-border col-sm-6 col-md-4"> <div class="article-in-loop"> <a class="thumb-title" href="/kak-naiti-kartinu-po-fotografii-poisk-pohozhei-fotografii-v-internet-poisk/"> <span class="embed-responsive embed-responsive-16by9 vertical-align-block thumb"> <span class="embed-responsive-item"> <span class="super-wrp"> <span class="span-table"> <span class="span-table-row"> <span class="span-table-row-cell"> <img src="https://i2.wp.com/kompukter.ru/wp-content/uploads/2018/03/klikaem-po-znachku-foto-v-gugl.png" class="img-responsive" alt="Поиск похожей фотографии в интернет" loading=lazy> </span> </span> </span> </span> </span> </span> <span class="date"> </span> <span class="title"> Поиск похожей фотографии в интернет </span> </a> </div> </div> </div> </div> </div> <aside id="sidebar" class="col-sm-4 col-sidebar hidden-xs" role="complementary"> <div class="content-menu bs-docs-sidebar"> <div class="progress-right" id="progress-right">0%</div> <script> window.onscroll = function() { var scrolled = window.pageYOffset || document.documentElement.scrollTop; var scrollprogress = Math.round(scrolled / ((document.documentElement.scrollHeight - document.documentElement.clientHeight) / 100)); document.getElementById('progress-right').innerHTML = scrollprogress + '%'; } </script> <div class="ad clearfix text-center"> </div> </div> <script> /** * Скрипт закріплення блоку при прокрутці */ (function() { var a = document.querySelector('#sidebar'), b = null, P = 0; window.addEventListener('scroll', Ascroll, false); document.body.addEventListener('scroll', Ascroll, false); function Ascroll() { if (b == null) { var Sa = getComputedStyle(a, ''), s = ''; for (var i = 0; i < Sa.length; i++) { if (Sa[i].indexOf('overflow') == 0 || Sa[i].indexOf('padding') == 0 || Sa[i].indexOf('border') == 0 || Sa[i].indexOf('outline') == 0 || Sa[i].indexOf('box-shadow') == 0 || Sa[i].indexOf('background') == 0) { s += Sa[i] + ': ' + Sa.getPropertyValue(Sa[i]) + '; ' } } b = document.createElement('div'); b.style.cssText = s + ' box-sizing: border-box; width: ' + a.offsetWidth + 'px;'; a.insertBefore(b, a.firstChild); var l = a.childNodes.length; for (var i = 1; i < l; i++) { b.appendChild(a.childNodes[1]); } a.style.height = b.getBoundingClientRect().height + 'px'; a.style.padding = '0'; a.style.border = '0'; } var Ra = a.getBoundingClientRect(), R = Math.round(Ra.top + b.getBoundingClientRect().height - document.querySelector('#content').getBoundingClientRect().bottom); // селектор блока, при достижении нижнего края которого нужно открепить прилипающий элемент if ((Ra.top - P) <= 0) { if ((Ra.top - P) <= R) { b.className = 'stop'; b.style.top = -R + 'px'; } else { b.className = 'evr-sticky'; b.style.top = P + 'px'; } } else { b.className = ''; b.style.top = ''; } window.addEventListener('resize', function() { a.children[0].style.width = getComputedStyle(a, '').width }, false); } })() </script> <style> /* Додаємо відступ вгорі, щоб було на одному рівні із змістом */ body.single #breadcrumbs { margin-bottom: 5px; } #content article { padding-top: 15px; } #sidebar .evr-sticky { position: fixed; z-index: 101; } #sidebar .stop { position: relative; z-index: 101; } #div-gpt-ad-30906309 { margin-top: 20px; } #sidebar .evr-sticky #div-gpt-ad-30906309, #sidebar .stop #div-gpt-ad-30906309 { margin-top: 20px; } #sidebar .content-menu { transition: 0.5s all; } #sidebar .content-menu .title { padding-top: 15px; font-size: 20px; margin: 0 0 15px 0; } #sidebar .content-menu .title .glyphicon { padding-right: 5px; } #sidebar .content-menu ul { padding: 0; margin: 0; overflow: auto; } #sidebar .content-menu .nav li { margin: 0; clear: both; margin-bottom: 4px; } /* Bullet before text */ #sidebar .content-menu .nav li a:before { content: "●"; position: absolute; font-size: 17px; color: #dedede; left: 0; top: -1px; } #sidebar .content-menu .nav li a { position: relative; display: inline-block; font-size: 15px; color: #000; line-height: 1.2; padding: 3px 0 0 18px; overflow: hidden; text-decoration: none !important; } #sidebar .content-menu .nav li.active:focus>a, #sidebar .content-menu .nav li.active:hover>a, #sidebar .content-menu .nav li.active>a, #sidebar .content-menu .nav li a:hover { text-decoration: none; font-weight: normal; color: #c23085; background-color: transparent; border-left: 0 none; } /* Bullet before text */ #sidebar .content-menu .nav li.active>a:hover:before, #sidebar .content-menu .nav li.active>a:before { -moz-transform: scale(1.3); -webkit-transform: scale(1.3); transform: scale(1.3); left: 1px; color: #c23085; background: transparent; } #sidebar .content-menu .nav li a:hover:before { color: #c23085; background: transparent; } #sidebar a.go-top { display: block; margin-top: 5px; padding: 14px 0 5px 0; text-align: center; text-transform: lowercase; font-size: 17px; color: #666; background: transparent url(/wp-content/themes/sk-Evrikak/i/go-top-in-sidebar.png) no-repeat 50% 50%; opacity: 0; transition: 0.2s all; } #sidebar a.go-top:hover { color: #000; text-decoration: none; } /* Якщо блок зафіксовний */ #sidebar .evr-sticky a.go-top { opacity: 1; } #sidebar .evr-sticky { box-shadow: -9px 0 10px 0 rgba(0, 0, 0, 0.08) !important; } </style> <script> jQuery(document).ready(function() { // (c) http://jsfiddle.net/gableroux/S2SMK/ // підсвітка активного пункту меню, bootstrap jQuery('body').scrollspy({ target: '.bs-docs-sidebar', offset: 70 }); // даємо висоту меню, щоб зробити прокрутку jQuery(window).bind("load resize", function() { var body_w = jQuery("body").width(); // визначаємо ширину вікна var window_h = jQuery(window).height(); // визначаємо висоту вікна //alert(window_h); if (body_w > '767') { // якщо ширина більша 767 window_h = window_h - 375; // коригуємо висоту блоку з меню. віднімаємо висоту блоку «наверх», у перспективі треба буще ще відняти інші-нові блоки var menu_h = jQuery('#sidebar .content-menu').height(); //if(menu_h > window_h) { // якщо висота усього сайдбару більше висоти екрану, то вказуємо висоту для меню. Воно автоматично розтягне висоту сайдбару, з’явиться прорутка у меню, і сайдбар займе усю висоту вікна jQuery('#sidebar .content-menu ul.nav').css('height', window_h); //} } }); // парсимо контент і формуємо меню jQuery('#content .evr-section').each(function() { var evr_section_id = jQuery(this).attr('id'); var evr_section_title = jQuery(this).find(':header:first').text(); var txt = '<li class="content-menu-item added-by-js"><a href="#' + evr_section_id + '">' + evr_section_title + '</a></li>'; //var txt = txt.unwrap(); //txt = jQuery('li', txt).unwrap; //txt = txt.unwrap('h3'); //txt = jQuery(txt).wrap('<li>'); jQuery('#sidebar ul.nav').append(txt); // Insert }); // Додаємо спеціальний клас для посилання на відео jQuery('#sidebar .content-menu').find("a[href='#entry-video']").addClass('link-to-video'); // навігація по статті (плавна прокрутка до потрібного блоку) jQuery('#sidebar .content-menu .nav a').click(function() { jQuery.scrollTo(this.hash, { offset: -10, // Відступ вгорі duration: 750 }); return false; }); // перейти вгору (плавна прокрутка вгору) jQuery('#sidebar a.go-top').click(function() { jQuery.scrollTo(this.hash, { offset: 0, // Відступ вгорі duration: 450 }); return false; }); }); </script> <link type="text/css" href="/wp-content/themes/sk-Evrikak/scroll-Pane/jquery.jscrollpane.css" rel="stylesheet" media="all" /> <script type="text/javascript" src="https://battlecase.ru/wp-content/themes/sk-Evrikak/scroll-Pane/jquery.mousewheel.js"></script> <script type="text/javascript" src="https://battlecase.ru/wp-content/themes/sk-Evrikak/scroll-Pane/jquery.jscrollpane.min.js"></script> <script> // Прокрутка оновлюється при зміні висоти вікна jQuery(function() { jQuery('#sidebar .content-menu ul.nav').each( function() { jQuery(this).jScrollPane({ showArrows: jQuery(this).is('.arrow') }); var api = jQuery(this).data('jsp'); var throttleTimeout; jQuery(window).bind("load resize", function() { // IE fires multiple resize events while you are dragging the browser window which // causes it to crash if you try to update the scrollpane on every one. So we need // to throttle it to fire a maximum of once every 50 milliseconds... if (!throttleTimeout) { throttleTimeout = setTimeout( function() { api.reinitialise(); throttleTimeout = null; }, 50 ); } }); } ) }); </script> <style> /* Styles specific to this particular page */ .scroll-pane { overflow: auto; height: 400px; } .jspTrack { background: #dedede; } .jspVerticalBar { width: 6px; } .jspDrag { background: #309dc6; } </style> </aside> </div> </div> <div class="other-posts"> <div class="container"> <h3 class="title text-uppercase text-center h">Другие статьи:</h3> <div class="row articles"> <div class="post article-wrp with-border col-sm-6 col-md-4 col-lg-3"> <div class="article-in-loop"> <a class="thumb-title" href="/samyi-moshchnyi-telefon-v-mire-na-dannyi-moment-samye-moshchnye-smartfony-top-10/"> <span class="embed-responsive embed-responsive-16by9 vertical-align-block thumb"> <span class="embed-responsive-item"> <span class="super-wrp"> <span class="span-table"> <span class="span-table-row"> <span class="span-table-row-cell"> <img src="https://i1.wp.com/technosova.ru/wp-content/uploads/2018/10/2-2.jpg" class="img-responsive" alt="Самые мощные смартфоны Топ 10 самых мощных телефонов" loading=lazy> </span> </span> </span> </span> </span> </span> <span class="date"> Самые мощные смартфоны Топ 10 самых мощных телефонов </span> <span class="title"> Современные технологии позволяют уместить в обычном смартфоне мощность и производительность... </span> </a> </div> </div> <div class="post article-wrp with-border col-sm-6 col-md-4 col-lg-3"> <div class="article-in-loop"> <a class="thumb-title" href="/kak-udalitsya-iz-moego-mira-kak-udalit-stranicu-i-akkaunt-v-moem-mire/"> <span class="embed-responsive embed-responsive-16by9 vertical-align-block thumb"> <span class="embed-responsive-item"> <span class="super-wrp"> <span class="span-table"> <span class="span-table-row"> <span class="span-table-row-cell"> <img src="https://i1.wp.com/socialnie-seti.info/wp-content/uploads/2012/09/galochki-dlya-ydaleniya-stranici.jpg" class="img-responsive" alt="Как удалить страницу и аккаунт в моем мире" loading=lazy> </span> </span> </span> </span> </span> </span> <span class="date"> Как удалить страницу и аккаунт в моем мире </span> <span class="title"> Бывает так, что человек пройдя регистрацию понимает, что эта социальная сеть не для него и хочет... </span> </a> </div> </div> <div class="post article-wrp with-border col-sm-6 col-md-4 col-lg-3"> <div class="article-in-loop"> <a class="thumb-title" href="/ne-udalyaetsya-avast-chto-delat-kak-udalit-avast-s-kompyutera-esli-on-ne/"> <span class="embed-responsive embed-responsive-16by9 vertical-align-block thumb"> <span class="embed-responsive-item"> <span class="super-wrp"> <span class="span-table"> <span class="span-table-row"> <span class="span-table-row-cell"> <img src="https://i2.wp.com/vellisa.ru/wp-content/uploads/2018/05/2-1.jpg" class="img-responsive" alt="Как удалить аваст с компьютера если он не удаляется" loading=lazy> </span> </span> </span> </span> </span> </span> <span class="date"> Как удалить аваст с компьютера если он не удаляется </span> <span class="title"> Сейчас мы разберем, как удалить Аваст, чтобы после деинсталляции антивируса, на компьютере не... </span> </a> </div> </div> <div class="post article-wrp with-border col-sm-6 col-md-4 col-lg-3"> <div class="article-in-loop"> <a class="thumb-title" href="/kak-podklyuchit-nokia-lyumiya-800-k-kompyuteru-podklyuchenie-nokia-lumia-k/"> <span class="embed-responsive embed-responsive-16by9 vertical-align-block thumb"> <span class="embed-responsive-item"> <span class="super-wrp"> <span class="span-table"> <span class="span-table-row"> <span class="span-table-row-cell"> <img src="https://i2.wp.com/sms-mms-free.ru/sites/default/files/images/Specifications_Nokia_800_Zune.jpg" class="img-responsive" alt="Подключение Nokia Lumia к ПК" loading=lazy> </span> </span> </span> </span> </span> </span> <span class="date"> Подключение Nokia Lumia к ПК </span> <span class="title"> Статьи и Лайфхаки впервые могло разочаровать всех, кто недавно приобрёл данное мобильное... </span> </a> </div> </div> </div> </div> </div> <style> /* Додаємо відступ внизу */ body.single #content .ad { margin-bottom: 20px; } /* Додаємо відступ вгорі */ body.single #sidebar .ad { margin-top: 20px; } </style> <footer id="footer" class="clearfix"> <noindex> <div class="container row-1 hidden-xs"> <nav class="nav"> <div class="menu menu-footer"> <ul id="menu-podval" class="menu"> <li class="menu-item type-custom object-custom home "><a href="/">Главная</a></li> <li class="menu-item type-post_type object-page "><a href="">О проекте</a></li> <li class="menu-item type-post_type object-page "><a href="">Рекламодателям</a></li> <li class="menu-item type-post_type object-page "><a href="/sitemap.xml">Карта сайта</a></li> <li class="menu-item type-post_type object-page "><a href="/feedback/">Обратная связь</a></li> </ul> </div> </nav> </div> <div class="border-blue clearfix"></div> <div class="container row-2"> <div class="row"> <div class="col-sm-6"> <div id="text-2" class="block widget-container widget_text"> <div class="textwidget"> <div class="sn"> <a href="https://www.facebook.com/sharer/sharer.php?u=https://battlecase.ru/kak-napisat-title-stranicy-osobennosti-formirovaniya-opisanii/" target="_blank"><img src="https://battlecase.ru/wp-content/themes/sk-Evrikak/i/sn/facebook.png" alt="" class="img-responsive" loading=lazy></a> <a href="https://vk.com/share.php?url=https://battlecase.ru/kak-napisat-title-stranicy-osobennosti-formirovaniya-opisanii/" target="_blank"><img src="https://battlecase.ru/wp-content/themes/sk-Evrikak/i/sn/vkontakte.png" alt="" class="img-responsive" loading=lazy></a> <a href="https://youtube.com/" target="_blank"><img src="https://battlecase.ru/wp-content/themes/sk-Evrikak/i/sn/youtube.png" alt="" class="img-responsive" loading=lazy></a> </div> <style> .sn a { display: inline-block; margin: 0 10px 0 0; width: 55px; } @media (max-width:767px) { .sn { text-align: center; } .sn a { margin: 0 7px; width: 43px; } } .sn a:hover { opacity: 0.9; } </style> </div> </div> </div> </div> </div> <div class="border-3 clearfix"></div> <div class="container row-3"> <div class="row"> <div class="col-sm-8 col-txt col-txt-1"> Размещенные на сайте материалы, могут содержать информацию для пользователей старше 18 лет. </div> <div class="col-sm-4 col-txt col-txt-2 text-right"> <div class="project-by-um"> © 2012 - 2018 <img src="https://battlecase.ru/wp-content/themes/sk-Evrikak/i/svg/logo-ukr-media.svg" width="90" class="img-responsive" loading=lazy> </div> </div> </div> </div> </noindex> </footer> </div> <div class="modal fade" id="modal-search" tabindex="-1" role="dialog" aria-labelledby="modal-searchLabel"> <div class="modal-dialog modal-lg itc-container" role="document"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Закрыть"><span aria-hidden="true">×</span></button> <h4 class="modal-title" id="modal-searchLabel">Поиск по сайту</h4> </div> <div class="modal-body"> <form role="search" method="get" class="form-search" id="modal-searchform" action="/"> <div class="form-group"> <input type="search" autocomplete="off" spellcheck="false" placeholder="Введите текст поиска" value="" name="s" id="modal-s" class="input-lg form-control"> </div> </form> <div class="modal-search-results"></div> </div> </div> </div> </div> <link rel='stylesheet' id='dashicons-css' href='/wp-includes/css/dashicons.min.css?ver=4.9.1' type='text/css' media='all' /> <link rel='stylesheet' id='thickbox-css' href='/wp-includes/js/thickbox/thickbox.css?ver=4.9.1' type='text/css' media='all' /> <script type='text/javascript' src='https://battlecase.ru/wp-content/plugins/decomments/templates/decomments/assets/js/decom.min.js?ver=1513648647'></script> <script type='text/javascript' src='https://battlecase.ru/wp-content/themes/sk-Evrikak/js/modernizr-2.8.3.min.js?ver=4.9.1'></script> <script type='text/javascript' src='https://battlecase.ru/wp-content/plugins/visualizer/js/lib/clipboardjs/clipboard.min.js?ver=3.0.4'></script> <script type='text/javascript' src='https://battlecase.ru/wp-content/plugins/mistape/assets/js/mistape-front.js?ver=1.3.3'></script> <script type='text/javascript' src='https://battlecase.ru/wp-content/plugins/lazy-load/js/jquery.sonar.min.js?ver=0.6.1'></script> <script type='text/javascript' src='https://battlecase.ru/wp-content/plugins/lazy-load/js/lazy-load.js?ver=0.6.1'></script> <script type='text/javascript' src='/wp-includes/js/wp-embed.min.js?ver=4.9.1'></script> <script type='text/javascript'> /* <![CDATA[ */ var thickboxL10n = { "next": "\u0414\u0430\u043b\u0435\u0435 \u2192", "prev": "\u2190 \u041d\u0430\u0437\u0430\u0434", "image": "\u0418\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435", "of": "\u0438\u0437", "close": "\u0417\u0430\u043a\u0440\u044b\u0442\u044c", "noiframes": "\u042d\u0442\u0430 \u0444\u0443\u043d\u043a\u0446\u0438\u044f \u0442\u0440\u0435\u0431\u0443\u0435\u0442 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0438 \u043f\u043b\u0430\u0432\u0430\u044e\u0449\u0438\u0445 \u0444\u0440\u0435\u0439\u043c\u043e\u0432. \u0423 \u0432\u0430\u0441 \u043e\u0442\u043a\u043b\u044e\u0447\u0435\u043d\u044b \u0442\u0435\u0433\u0438 iframe, \u043b\u0438\u0431\u043e \u0432\u0430\u0448 \u0431\u0440\u0430\u0443\u0437\u0435\u0440 \u0438\u0445 \u043d\u0435 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0435\u0442.", "loadingAnimation": "http:\/\/battlecase.ru\/wp-includes\/js\/thickbox\/loadingAnimation.gif" }; /* ]]> */ </script> <script type='text/javascript' src='/wp-includes/js/thickbox/thickbox.js?ver=3.1-20121105'></script> <div id="mmenu_res" style="display:none;width:100%;height:40px;line-height:40px;background:#FD6A93;color:#FFFFFF;position:fixed;text-align:center;font-size:23px;;z-index:100000000"> <a class="mmenu_open" href="#irevoltmenu"> <span class="mmenu-icon-bar"></span> <span class="mmenu-icon-bar"></span> <span class="mmenu-icon-bar"></span> </a> Рубрики </div> <div class="modal fade" id="modalAd" tabindex="-1" role="dialog" aria-labelledby="modalAdLabel"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> </div> <div class="modal-body"> <div class="ad text-center"> </div> </div> </div> </div> </div> <link rel="stylesheet" href="/wp-content/themes/sk-Evrikak/ad/ad_popup-and-bottom/show-ads.css"> <script src="/assets/jquery1.cookie1.js"></script> <script src="https://battlecase.ru/wp-content/themes/sk-Evrikak/ad/ad_popup-and-bottom/show-ads.js"></script> </body> </html>