Что это такое title и для чего он нужен? HTML тег Title – эффективно используем заголовок страницы

Сразу говорю, в этой статье ты не найдешь тупой набор бестолковых советов, вида указания размера Title или численного значения плотности ключа. Все это редкостная дичь, распространившаяся по сети, как вирус… Основа правильного написания meta Title именно понимание основ. Но эти основы понимают далеко не все, просто прочитай статью и все сам увидишь!

Статья вышла большая, но оно того стоит, уж поверь.

Какой элемент сео оптимизации страницы имеет наибольшее значение?! Думаю, что ты без труда ответишь на этот вопрос правильно – конечно же тайтл страницы!

Ок, согласен, но как правильно его оптимизировать?

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

А еще?

Ну… Надо писать заголовок страницы короче 70-80-90 символов, так ведь?!

Надо делать этот тег читаемым и для людей?!

Надо соблюдать определенную плотность и тошнотность?!

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

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

Это прописная истина, но скажу тебе по секрету - большинство так и не могут правильно разместить ГЛАВНЫЙ ключ в ПРАВИЛЬНОЙ форме в самом начале Тайтла и это не паранойя, а статистика…

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

Давай начнем с самого начала, а именно использования главного ключа в самом начале тайтла.

Главный ключ

Думаешь все тут однозначно и просто? - а вот и нет…

Что такое главный ключ?

Многие скажут, что это самый частотный ключ кластера для данной страницы (что такое кластеризация писал )! Иногда да, но это актуально лишь для только что созданной посадочной страницы и то не всегда.

О чем я тут вообще говорю?

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

Допустим у нас получится следующая картина:

Можно ли считать главным запросом для этого кластера самый частотный запрос, то есть «запрос 1»? В принципе можно, но намного эффективней будет сделать главным запрос, который имеет не самую высокую частотность, зато намного более высокую позицию, ведь куда проще и эффективней сдвинуть запрос с 18-го места в ТОП 3, чем двигать запрос из ниоткуда.

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

Конкурентность запроса

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

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

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

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

Аналогия идеальна для молодых сайтов, которые главным запросом для кластера выбирают основной ВЧ, потратив на него самое ценное место в Title.

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

Хорошо, с термином главный запрос мы разобрались, но уверен ли ты, что точно знаешь правильную форму запроса.

Правильная форма запроса

Порядок слов в запросе порой носит критически важное значение. Но многие привыкли верить точной частотности вордстат, считая ее основной частотностью, да вот только они не учитывают, что стандартная директива вордстат (собственно и кей коллектора, через который все привыкли пробивать частотности) не учитывает желаемый порядок слов. Для этой директивы все равно. Она по умолчанию вытаскивает из базы данные по оптимальной словоформе.

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

Давайте разберем пару интересных примеров, тебе понравится:

Есть запрос - «мягкий медведь игрушка»

Какая у него правильная форма?

Давайте вобьем в вордстат каждый из вариантов для получения точной частотности:

Ну а вот реальная частотность запросов с учетом порядка слов:

Как тебе такие метаморфозы?!

Но и это еще не все

Знал ли ты, что в зависимости от порядка слов может меняться коммерческость запроса и даже его интент?!

Возьмем тот же самый пример:

Коммерческость правильной формы, как видишь, самая высокая.

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

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

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

Определить правильную форму предельно просто – достаточно вбить в вордстат интересующий запрос в кавычках:

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

Как составить Title

  1. Коммерческие слова (купить, цена и т.д.) повторяем не более одного раза
  2. Обычные слова повторяем не более двух раз
  3. Главный ключ в правильной форме строго в начале тайтла
  4. Строго никаких символов, бьющих пассажи (точка, восклицательный и вопросительный знаки, точка с запятой)
  5. Можно использовать запятые, но если можно без них, то лучше так
  6. Длина не ограничена ни какими символами
  7. Опционально - короче 12 слов (важно лишь для Гугл)
  8. Не забываем, что чем больше слов в тайтл, тем меньше вес каждого из слов, так что не надо тут поэм писать
  9. Уникальность тайтла в рамках сайта
  10. Уникальность тайтла в рамках индексной базы Яндекс. Банально добавляем в конец название компании

Поджарим утку

Ну а теперь пристрелим пару уток, с которыми я сражаюсь с незапамятных времен:

  1. Ограничение длины

Длина тайтла 60-70-80-90 cимволов – бред, бред и еще раз бред! Есть всего одна рекомендация и то не более, чем рекомендация – длина Тайтла короче 12 слов. Все! Не верите – смотрите тайтлы сайтов–лидеров.

  1. Писать тайтлы исключительно для людей

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

Главные принципы

Итак, если все-таки выделить самые главные принципы, влияющие на правильную подготовку тайтла, то я бы выделил следующие:

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

Другие интересные статьи ты найдешь в моем паблике ВК

Тег Title – это заголовок html-документа. Title почти всегда используется в результатах поисковых систем. На данный момент, он очень важен для классического SEO и для привлечения внимания в социальных сетях.

Основное предназначения тега Title, это точное и краткое описание содержания контента страницы.

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

Оптимальная структура тега title

Главная ключевая фраза – второстепенная ключевая фраза | Название бренда

Оптимальная длина для поисковых систем

Google обычно отображает первые 50-60 символов или столько символов, сколько поместится в 512 пикселей. Если все ваши заголовки будут 55 символов, то вы можете ожидать, что около 95% страниц будут полностью отображаться.

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

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

Почему так важен тег title?

Title уже давно считается одним из важнейших факторов среди внутренних факторов ранжирования (важнейший: контент страницы) и он появляется в 3-х местах:

1. Браузер. Отображается в верхней части вашего браузера + в закладках.

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

3. На внешних сайтах . Многие внешние сайты, особенно социальных сети, будут использовать title, как анкор ссылки на вашу страницу.

Например, так это выглядит в Facebook:

А теперь разберемся в том, как же лучше оптимизировать и прописать title на вашем сайте.

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

  • Всегда помните про длину

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

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

  • Размещайте основные ключевые слова в начале

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

  • Усиление Брендом

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

  • Читаемость и эмоциональное воздействие

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

Инструменты, которые могут помочь с оптимизацией title

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

В итоге можно посмотреть как выглядит title в результатах поиска:

В заключение

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

В последнее время русский язык значительно обогащается за счёт новых слов, как придуманных в нашей стране, так и взятых из английского. Люди, часто создающие публикации в Сети, часто обращаются к одному из терминов, который можно отнести к категории заимствованных. Речь идет о понятии «тайтл». Это что такое? Сложно ли составить тайтл правильно? Об этом и не только вы сможете узнать, прочитав эту статью.

Что именуют таким словом?

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

Тайтл - это не обязательное условие для каждой страницы (хотя и очень желательное). Он может быть поставлен только один раз. Для посетителей страницы является малозаметным и малоиспользуемым, но с точки зрения продвижения ресурса в рейтинге поисковых систем он является незаменимым элементом. Как могли заметить многие пользователи, при вводе запроса сначала отображаются те ссылки, которые максимально соответствуют поиску. И полное совпадение оказывает значительное влияние на показатель релевантности. А вместе с ним влияет оно и на место сайта в поисковой выдаче (оно существенно, но не является решающим).

Следует оговорить несколько самых распространенных недочетов при создании заголовка страницы.

  1. Первый - элементарное его отсутствие.
  2. Одинаковый тайтл на всех страницах, что делает его слабоэффективным с точки зрения продвижения сайта. Оптимальным вариантом является присвоение в качестве заголовка страницы названия статьи, категории или задачи значения, которое отображает сущность «Навигация по сайту» и подобное.
  3. Простое указание страниц: «Главная», «Вторая», «Третья»…

Что ещё есть у страницы, кроме заголовка?

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

Ключевые слова - это тематическое направление, информация о том, про что именно пишется на ней. Если проводить аналогию с данной статьей, то это слова «заголовок», «тайтл» и «страница». Отдельного внимания заслуживает дескрипшн.

Что такое дескрипшн?

Это краткое описание содержимого страницы, которое имеет размер до 150 символов (реже до 300). Важным оно является из-за того, что его отображают пользователям при показе в поисковых системах как краткое содержание данной части сайта. Тут возникает закономерность. Если составить привлекательное описание, то можно будет увидеть, что оно приносит больше переходов на сайт, чем ранее. И наоборот. Благодаря этому тайтл и дескрипшн являются самыми важными с точки зрения привлечения новых пользователей из поисковых систем. Но описания должны быть качественными и отображать содержимое статьи, чтобы ресурс не заслужил репутацию «плохого» сайта.

Как составить качественный заголовок страницы?

Правильный тайтл, который позволит эффективно продвигать ресурс, должен соответствовать ряду требований.

  1. В нём должны содержаться самые главные запросы, которые присутствуют и в видимой части страницы.
  2. Ограничение по размеру: до сотни знаков, учитывая пробелы. Можно сделать и больше, но, согласно заявлениям представителей самых крупных поисковых систем, они осторожно относятся к сайтам с такими большими заголовками.
  3. Уникальность используемых слов: не больше двух. Дело в том, что ещё недавно, лет десять назад, заголовок страницы играл очень большую роль при определении позиции сайта. Поэтому многие недобросовестные писатели буквально пресыщали ключевыми словами содержимое страниц. И заголовок при этом они не забывали. Поэтому были введены фильтры, которые отсеивают слишком большое повторение одних и тех же слов, считая страницу не содержащей полезную информацию. Поэтому, решив создать не правильный тайтл, а немного «накрученный», вы, вполне вероятно, сделаете только хуже.
  4. Грамотность написания - обязательное условие. Тайтл нужно составлять, опираясь на правила русского языка.

Как подготовить правильное описание?

Как составить привлекательный дескрипшн?

  1. Он должен быть правильным, соответствовать правилам и нормам русского языка.
  2. Он обязан лаконично описывать страницу таким образом, чтобы человек, который читает описание, захотел просмотреть всю информацию.
  3. Дескрипшн должен пересекаться в значительной мере с содержимым сайта, ведь если это не будет, то посетитель быстро уйдёт, и с точки зрения поисковой системы, тут будет иметь место негативный пользовательский фактор (когда читатели быстро уходят с сайта, и ПС считает, что информация некачественная).

страницы с точки зрения программирования?

А чем же является «главный герой» статьи с точки зрения программирования? Создаётся он с помощью языка разметки HTML и размещается в начале программного кода после Выглядит он таким образом:

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

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

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

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

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

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

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

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

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

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


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


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

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

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

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


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

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

  • Длина title

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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


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


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

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

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


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

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


Подытожим

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

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

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

Описание

Определяет заголовок документа. Элемент не является частью документа и не показывается напрямую на веб-странице. В операционной системе Windows текст заголовка отображается в левом верхнем углу окна браузера (рис. 1). Допускается использовать только один тег <title> на документ и размещать его в контейнере <head> .</p> <p>Рис. 1. Вид заголовка в браузере Firefox</p> <h3>Синтаксис</h3> <head> <title>Заголовок

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

Обязателен.

Атрибуты

HTML5 IE Cr Op Sa Fx

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

Примечание

Тег выполняет множество задач, как прямо, так и косвенно. Ниже описано какую роль выполняет заголовок страницы.</p> <ul><li>По тексту заголовка пользователь получает дополнительную информацию, что это за сайт, на котором он находится и как называется текущая страница. Не стоит думать, что достаточно в документе указать логотип сайта и проигнорировать заголовок, ведь посетитель может свернуть окно. В свернутом виде заголовок также отображается на кнопках панели задач, поэтому можно легко ориентироваться, с каким сайтом в данный момент работать, а не перелистывать их по очереди.</li> <li>Большинство браузеров поддерживают возможность сохранения веб-страницы на локальный компьютер. В этом случае имя сохраненного файла совпадает с названием заголовка документа. Если в тексте заголовка содержатся символы недопустимые в имени файла (\ / : * ? " < > |), они будут проигнорированы или автоматически заменены другими дозволенными символами.</li> <li>При сохранении в разделе браузера «Избранное», адрес текущей страницы с ее заголовком помещается в список предпочитаемых ссылок. Поскольку этот список, как правило, хранится в виде отдельных файлов, к их именам также прилагается уже вышеописанное правило.</li> <li>В результатах поиска по ключевым словам, поисковые системы используют заголовок страницы для указания ссылки на данный документ. Интересно написанный заголовок, содержащий ключевые слова, привлечет больше внимания посетителей и увеличит шансы на то, что сайт посетит больше людей.</li> </ul> <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/chto-eto-takoe-title-i-dlya-chego-on-nuzhen-html-teg-title-effektivno/" 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/chto-eto-takoe-title-i-dlya-chego-on-nuzhen-html-teg-title-effektivno/" 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>