Тайтл - это что? Тег title — название страницы

Метатеги title и description - основа продвижения сайта в поисковиках. Чтобы добиться хорошего эффекта в этом непростом деле, следует придерживаться нескольких правил, которые мы рассмотрим в данной статье.

Тег title

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

Тег title указывается в начале кода HTML-страницы, отображается в заголовке:

А также показывается в результатах выдачи поисковиков:

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

  • Основная информация тега должна быть умещена в 40-70 символов с пробелами. Длинные заголовки поисковики обрезают.
  • Начинайте заголовок с важного ключевого запроса, используйте точное вхождение ключевика. Указывайте в начале самую высокочастотную фразу из подобранного вами семантического ядра. Если основной целью, которую должен достичь пользовать на сайте, является покупка, то тег стоит начинать со слова «Купить».
  • Указывайте город сайта, в котором вы работаете. Это важно не только для людей, но и для поисковых систем. При ранжировании поисковики будут учитывать указанный город, а пользователи будут понимать, подходит ли ваша компания по территориальному расположению. А вот если вы работаете в нескольких городах или делаете доставки по всей России, перечислением городов лучше не заниматься.
  • Не перенасыщайте title ключевыми словами, достаточно всего 1-3 запросов, под которые оптимизирована страница. Для примера, тайтл «Выкуп авто, автовыкуп быстро, срочный выкуп автомобиль» переспамлен и непривлекателен для потенциальных клиентов. Добавьте преимущество, которое отличает вас и заинтересует потенциального клиента; укажите город нахождения. Всегда при оптимизации ориентируйтесь на людей, а не на роботов. Например, Тitle «Срочный выкуп авто в Москве в течение 24 часов» более эффективен.
  • Заголовок в рамках сайта должен быть уникален, составлен под каждую страницу и отражать ее содержимое.
  • Не стоит злоупотреблять стоп-словами: союзами, предлогами, междометиями и частицами. Но для повышения читабельности заголовка лучше все же их включить в текст тега.
  • Не используйте спецсимволы (“”= ()/ \ | + _) и знаки препинания (- . ! ?).
  • Не включайте в заголовок название компании, так как оно не является значимым ключевым словом. Но если у вас известный бренд, то можно его указать. Также не стоит прописывать URL сайта и такие «бесполезные слова», как «Главная страница», «О компании».
  • Составляйте тег title для людей по всем правилам русского языка, заголовок должен быть цепляющим и привлекательным.

Тег description

Поисковые системы формируют сниппет из содержимого тега description и/или из контента на странице, в зависимости от поискового запроса.

  • Длина тега не должна превышать 150-250 символов с пробелами.
  • Тег должен описывать содержание определенной страницы ресурса.
  • Указывайте наиболее важную информацию, размещая ключевые слова в начале тега. Важно, чтобы запрос был в начальной словоформе, то есть необходимо использовать запрос «купить кондиционер», а не «купите кондиционер».
  • Description не должен повторять title. Описание должно служить продолжением названия, раскрывать его детальнее.
  • Должен быть написан для людей.
  • Для каждой страницы дексрипшн должен быть уникальным.
  • Не должен быть переспамлен ключевыми запросами.
  • Указывайте выгоды вашей компании или ресурса, чтобы зацепить внимание пользователей, выделиться среди конкурентов.
  • Добавляйте призывы к действию, они мотивируют людей к совершению покупки, заказа услуг и пр. Также в тегах привлекательны эмодзи.
  • Избегайте банальных фраз «низкие цены», «высокое качество» и т.п. Отличайтесь от конкурентов своей уникальностью, это касается не только мета тегов тайтл и дескрипшен, но и текстов на сайте.
  • Не используйте спецсимволы и стоп-слова.
  • Не указывайте URL-сайта.
  • Если вы не указали название компании в title, то можете добавить его в description. В описании количество допустимых символов больше, и название можно использовать, чтобы напомнить о вашем бренде и улучшить его узнаваемость.

Title и description для интернет-магазинов

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

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

Составить тег Title для карточек товаров в интернет-магазине можно по следующим шаблонам:

  1. «Название товара» недорого в интернет-магазине «Название».
  2. «Название товара» купить недорого в «Название города».
  3. Купить «название товара» в «Название города» с доставкой.

В качестве шаблона Description для интернет-магазина можно использовать:

  • «Название товара» от «цена из карточки товара» с бесплатной доставкой.
  • В конце тега используйте призыв к действию, например, «Заказывайте в магазине "Название магазина"».

Заметно выделяются из прочих, поклонники аниме, которых называют ещё анимешниками. Среди них образовался особый сленг , который не совсем понятен остальным гражданам.. Добавляйте ресурс в закладки, поскольку у нас каждый день появляется новая информация. Сегодня мы поговорим об ещё одном интересном словечке, это Тайтлы , что значит вы можете прочесть немного ниже.
Впрочем, прежде чем я продолжу, мне бы хотелось посоветовать вам ознакомиться с ещё несколькими популярными новостями по тематике аниме сленга . Например, что значит Боку но Пико , как понять слово Ямеро , что такое Слеш , кто такой Шиппер и т. п.
Итак, продолжим, что значит Тайтл ? Этот термин был заимствован из английского языка "title ", и переводится на русский, как "содержание", "заглавие", "название".

Тайтл в аниме - это название любого аниме, начиная с 30-ти минутной ОВА , полноценной полнометражкой и заканчивая любым многосерийным сериалом, всё это будут аниме-тайтлы


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

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

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

Возьмём к примеру название тайтла "Мой сосед Тоторо". В русском языке, это предложение совершенно корректное, то есть не название "названия", а конкретно название определённого тайтла.

Что, ещё не совсем понятно? Тогда небольшое дополнение .

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

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


Тайтл у букмекеров - это чемпионский статус, звание, титул


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

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

Сразу говорю, в этой статье ты не найдешь тупой набор бестолковых советов, вида указания размера 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 или даже название сайта из Яндекс каталога. Поэтому далеко не факт, что люди увидят именно то, что вы для них подготовили. Не надо рассказывать в тайтлах дифирамбы, как правило это просто выльется в лишних стоп-словах. Просто пишите тайтл читаемым, но не более.

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

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

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

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

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

Что такое тайтл?

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

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

Правила написания title

Рассмотрим основные правила создания заголовков веб-страниц.


Использование ключей

Не нужно перечислять все ключевые слова, которые используются в статье. Поисковая машина расценит это как спам. Поставьте в начало тайтла главный ключ, под который оптимизировалась страница. Можно объединять несколько запросов, но сделайте это грамотно. Например, «Купить Samsung Galaxy A5 в Киеве по низкой цене» вместо «Купить Samsung Galaxy A5, купить Samsung Galaxy A5 в Киеве, купить Samsung Galaxy A5 по низкой цене».

Знаки препинания

SEO-оптимизаторы советуют не использовать знаки препинания в title. В первую очередь это касается стоп-символов: ()/\|!_-+=. Точка, запятая и тире - более приемлемые символы в тайтле. Но по возможности обходитесь и без них.

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

Тайтл в HTML

Мы разобрали, как составлять title. Но как прописать его в HTML-коде, чтобы браузер мог правильно его отобразить? Тег тайтл располагается внутри контейнера . Он парный и не имеет атрибутов. На весь документ может быть только один .</p><p><img src='https://i1.wp.com/syl.ru/misc/i/ai/301513/1672956.jpg' width="100%" loading=lazy></p><h2>Зачем нужен дескрипшн?</h2><p>В результатах поиска отображаются сниппеты - краткие блоки с информацией о странице.</p><p>Откуда берется описание? Возможны два варианта:</p><p><img src='https://i1.wp.com/syl.ru/misc/i/ai/301513/1672960.jpg' width="100%" loading=lazy></p><ol><li>Поисковая машина выбирает отдельный фрагмент контента, который считает наиболее релевантным.</li><li>Оптимизатор прописывает его в специальном теге.</li> </ol><p><img src='https://i1.wp.com/syl.ru/misc/i/ai/301513/1672955.jpg' width="100%" loading=lazy></p><p>Текст, находящийся внутри тега, не участвует в ранжировании. Иными словами, мы пишем описание только для людей. Помните, что пользователь увидит сниппет до того, как зайдет на сайт. Если тайтл - это своего рода визитная карточка проекта, то небольшое описание поможет пользователю определиться, заходить сюда или нет.</p><p>Как повысить кликабельность дескрипшена?</p><ol><li><i>Краткий. </i>Ориентируйтесь на 150 символов. Слишком длинный дескрипшн машина оборвет. Да и люди обычно плохо воспринимают такие описания.</li><li><i>Привлекательный и интригующий. </i>Забудьте о конструкциях «Из этой статьи вы узнаете…», «Данная статья расскажет вам о…». Пишите так, чтобы «зацепить» человека.<i> </i>Оставьте канцеляризмы и сложные обороты - используйте только живой язык.</li><li><i>Информативный </i>. Не переусердствуйте с интригующей формулировкой. Загадочные и размытые описания приведут к тому, что пользователь просто не поймет, о чем идет речь в статье. Он ищет решение проблемы - и хочет получить прямой ответ на свой вопрос.</li><li><i>Грамотный </i>. И снова правила русского языка: запятые, <a href="/kak-pisat-na-klaviature-propisnymi-bukvami-kak-napisat.html">прописные буквы</a>, правописание. Потенциальный посетитель должен понять, что над сайтом работают серьезные люди.</li><li><i>Уникальный. </i>Да, велик соблазн написать одинаковое описание для всех страниц одного сайта. Однако дескрипшн должны быть разными. Можете писать их шаблонно, но не копируйте без изменений. Уникальность в пределах Сети - само собой разумеющаяся вещь.</li><li><i>Описываем страницу, а не сайт. </i>В результатах поиска человек видит отдельные страницы, содержание которых отвечает на его запрос. Только если контент ему понравился, он, скорее всего, захочет ознакомиться с остальными разделами сайта. Поэтому ваша задача - привлечь его внимание к отдельным страницам. К примеру, пользователь хочет прибрести плюшевого мишку. Не нужно рассказывать ему, что у вас отличный сайт, на котором он найдет всевозможные мягкие игрушки. Лучше укажите, что на данной странице представлен каталог плюшевых мишек разных цветов и размеров. Мы даем конкретную информацию, а не общую.</li><li><i>Ключевые слова. </i>Используйте основные ключи, под которые вы оптимизировали статью. Можете комбинировать их в одном предложении или расставить в разных частях текста. Но делайте это без ущерба для читабельности и грамотности. Если дескрипшн не участвует в ранжировании, какова цель <a href="/krossvord-s-klyuchevym-slovom-imperiya-kak-legko-sdelat-na.html">ключевых слов</a>? Если они совпадают с запросом пользователя, то подсвечиваются полужирным, привлекая его внимание. А это, в свою очередь, увеличивает кликабельность. Используйте прямое вхождение ключей.</li> </ol><h2>Дескрипшн в HTML</h2><p>Тайтл и дескрипшен - это мета-теги, которые задаются внутри <head>. Они не входят в основное содержимое страницы. Description - это одиночный тег. Однако он содержит атрибут content, где прописывается аннотация страницы. Текст при этом берется в кавычки.</p><p><img src='https://i1.wp.com/syl.ru/misc/i/ai/301513/1672954.jpg' width="100%" loading=lazy></p><p>Уделяйте должное внимание мета-тегам, ведь они важны для улучшения кликабельности страницы. По ним пользователь определяет, подходит ему сайт или нет. Но не забывайте, что самое главное - это содержимое. Даже если посетитель заинтересуется хорошо составленным тайтлом, он быстро покинет страницу, увидев некачественный контент.</p> <p>Привет, друзья! Снова пришло время полезных теоретических постов. И сегодня я хотел бы поговорить о самом важном теге — Title. Что такое Title страницы, на что влияет, как правильно составить title с точки зрения SEO, какие при этом можно допустить ошибки и многое другое. И теория, и практика, и математика – сегодня будет все и для всех. Максимально подробно.</p> <h3>Сколько символов из Title отображается в заголовке ссылки в поисковой выдаче</h3> <p>Помимо количества слов, участвующих в ранжировании, наверняка вас заинтересует вопрос максимального отображаемого количества символов из title в поисковой выдаче.</p> <p><b>Начнем с Яндекса. </b> Как вы знаете, если текст заголовка не вмещается полностью в строку, то он будет заменен на троеточие (оно может быть в конце, в начале или в середине title). Очень важно, чтобы видимая часть заголовка на выдаче отражала суть документа, лучше всего, если ваш заголовок полностью вместится в отведенное количество символов. Даже если заголовок отрежется в конце, то это выглядит приемлемо, но если обрезается начало или середина, то чаще всего заголовок теряет во <a href="/programmy-chtoby-android-pohozh-na-aifon-kak-iz-androida-sdelat.html">внешнем виде</a> и, следовательно, в кликабельности.</p> <p>Поэтому важно знать, на какое количество символов вы можете рассчитывать. Я пролистал много страниц выдачи Яндекса по разным запросам и пришел к выводу, что <b>максимальная длина зависит от нескольких факторов </b>. Максимальный заголовок, который я нашел, составил 75 символов, не считая троеточия (это еще три символа) в конце. Небольшим открытием стало и то, что <b>длина и вхождение ключевой фразы влияет на отображаемый заголовок </b>. Когда поисковик находит ключевое слово, он выделяет его жирным. И вот в чем подвох:</p> <table width="100%" cellpadding="0" cellspacing="10" border="0" style="padding-top:10px;"><tbody><tr><td width="50%"><br><img src='https://i0.wp.com/alaev.info/wp-content/uploads/2014/04/title-length-yandex-1.png' width="100%" loading=lazy></td> <td width="50%"><br><img src='https://i2.wp.com/alaev.info/wp-content/uploads/2014/04/title-length-yandex-2.png' width="100%" loading=lazy></td> </tr></tbody></table><p>Как видите, текст, выделенный жирным, занимает больше места и, как следствие, часть заголовка была «вытеснена». Поэтому длина заголовка, видимого в выдаче, может быть разной для одного и того же сайта, для одного и того же title, но при разных запросах . Поэтому однозначно рассуждать о допустимой длине просто бессмысленно, зато если вы сможете уместить все самое важное в 65-70 символов, то получите оптимальный результат. Это для Яндекса!</p> <p><b>А что же в Google? </b> Тут все еще сложнее, если говорить о количестве видимых символов в заголовках ссылок. В среднем длина отображаемого заголовка в Google намного меньше, чем в Яндексе – 50-57 символов.</p> <p>Например, посмотрим одну и ту же страницу выдачи в <a href="/kak-vklyuchit-faily-cookie-internet-explorer-kak-vklyuchit-cookies-v-raznyh-brauzerah-chto-takoe.html">разных браузерах</a> при одном и том же увеличении 125% (увеличение связано с <a href="/nastroika-sistemnoi-pochty.html">системными настройками</a> компьютера, иначе без него все выглядит неприемлемо мелко).</p> <table width="100%" cellpadding="0" cellspacing="10" border="0" style="padding-top:10px;"><tbody><tr><td width="50%"><br><img src='https://i2.wp.com/alaev.info/wp-content/uploads/2014/04/title-length-google-firefox.png' width="100%" loading=lazy></td> <td width="50%"><br><img src='https://i2.wp.com/alaev.info/wp-content/uploads/2014/04/title-length-google-chrome.png' width="100%" loading=lazy></td> </tr></tbody></table><p>Различное отображение я пометил стрелочками. В примерах различие всего лишь на 1 символ в строке. В одном и том же браузере, меняя zoom, можно добиться аналогичных различий.</p> <p>Еще интереснее заглянуть в инспектор <a href="/hrom-otkryt-stranicu-v-html-kak-posmotret-ishodnyi-kod-stranicy-i.html">исходного кода</a> страницы и посмотреть, что там:</p> <p><img src='https://i1.wp.com/alaev.info/wp-content/uploads/2014/04/title-length-google-inspector.png' align="center" width="100%" loading=lazy></p> <p>Здесь видно, что на самом деле заголовок присутствует полностью, только отображается не весь в связи с моими настройками увеличения, моими <a href="/izmenenie-sistemnogo-shrifta-windows-10-kak-izmenit-shrift-na-kompyutere-pod.html">системными шрифтами</a> и разрешением экрана . Видимый заголовок короче фактического на 8 символов. Дело в том, что ширина блока для каждого результата в выдаче Google строго ограничена и составляет 512 пикселей. А контейнер <a> со ссылкой и заголовком в конкретном примере составляет 560 пикселей (это в Chrome, а в FireFox этот же самый пример составляет 550 пикселей).</p> <p>Чисто теоретически, при определенных настройках можно увидеть весь title полностью. Например, с мобилы. Хотя там и другая верстка, но тем не менее:</p> <p><img src='https://i1.wp.com/alaev.info/wp-content/uploads/2014/04/title-length-google-mobile.png' align="center" width="100%" loading=lazy></p> <p>Вся эта математика чересчур утомительна и не должна занимать вашу голову, когда вы готовите к публикации очередную статью. <b>Просто запомните, для Google желательно все самое важное уместить в Title в первых 50 символов. </b></p> <p>Фуф, с самым большим теоретическим разделом покончили! Поехали дальше.</p> <h2>Стоп слова и стоп символы в Title</h2> <p>Что касается стоп-символов, можно предположить, что среди них могут оказаться такие символы: () - = / \ ! ? | + _ . : ; <br> В нашем случае <b>под стоп-символами необходимо подразумевать те знаки препинания, которые разбивают пассажи </b>.</p> <p><b>Что такое пассаж? </b> Пассаж – это последовательность слов на странице. Пассажи отделяются друг от друга знаками препинания или html-тегами. Мы, люди, воспринимаем текст как последовательность слов в предложениях. А поисковик воспринимает текст, как последовательность слов в пассажах. По идее, эти восприятия должны совпадать, но часто это не так.</p> <p><b>Давайте узнаем, какие символы или знаки препинания разбивают пассажи. </b> Из перечисленного списка символов, пассажи разделяют только точка, восклицательный и вопросительный знаки. ! ? . При этом после знака препинания должно идти новое предложение (пассаж) обязательно с большой буквы и только после пробела. «Вася пошел гулять. На улицу» — два пассажа. «Куда Вася пошел гулять? На улицу» — два пассажа. «Вася гуляет!На улице» — один пассаж, т.к. нет пробела между восклицательным знаком и следующим словом.</p> <p>Таким образом, приходим к выводу, что <b>точка и знаки вопроса и восклицания являются стоп-символами, и в Title их использовать не следует </b>. Что касается других спецсимволов, то пассажи они не «бьют», но я бы все равно их не использовал. Всегда хватает запятых и тире, чтобы составить хороший заголовок, намного реже используются двоеточие и скобки. Кстати, если необходимо можете использовать кавычки-ёлочки, они так же ничего не нарушат в нашей конструкции.</p> <p><b>Про html-теги </b> в рамках разговора о Title можно было бы и не упоминать, так как в заголовках они не должны встречаться, но, предсказуемо, «бьющими» являются: перенос строки <br /> , абзац , блок <div></div> . Это просто к сведению.</p> <p><b>Поговорим о стоп-словах. </b> Давайте в этом вопросе обратимся сразу к Яндексу. Вот по этой ссылке :</p> <blockquote> <p>В любом языке есть слова, которые встречаются намного чаще других. Слова, которые встречаются слишком часто, чтобы быть значимыми для поиска, называются стоп-словами. Как правило, это местоимения, предлоги и частицы. <a href="/poiskovye-mashiny-kak-rabotayut-poiskovye-mashiny-interneta.html">Поисковые машины</a> обычно игнорируют стоп-слова, даже если они встречаются в тексте запроса.</p> </blockquote> <p>Перечислять стоп-слова нет никакого смысла, но если вам сильно надо, то, например, спросите у Википедии, что такое предлог . Яндекс говорит, что стоп-слова по умолчанию не ищутся, тем не менее, выдача по запросу, содержащему предлог, и выдача по тому же запросу, но без предлога, разная.</p> <p>Это все формальности, на самом же деле об этом даже задумываться не стоит. <b>Кто сказал, что стоп-слова в заголовках что-то портят? Это миф! </b> Ну нельзя просто так из запроса выкинуть предлог или частицу, если она там должна быть, точно как и добавить какое-то совершенно «левое» местоимение в запрос тоже нельзя. Просто забудьте о существовании стоп-слов при составлении Title.</p> <h2>А это плохо, если Title и заголовок H1 одинаковые?</h2> <p>Не знал, куда можно добавить ответ на данный вопрос, но раз уже там фигурирует слово Title, поговорить будет не лишним. Мне часто задают вопрос о том, насколько плохо сказывается на продвижении когда заголовки Title и H1 одинаковые, не считают ли <a href="/kak-rabotaet-poiskovaya-sistema-chto-takoe-poiskovaya-sistema.html">поисковые системы</a> это признаком спама.</p> <p><b>А кто вообще сказал, что это плохо? </b> Мне кажется, это очередное заблуждение. Экспериментальных подтверждений или опровержений этому я не видел. Но давайте рассуждать логически. H1 – это заголовок страницы, который видит пользователь. Title – это заголовок, который видит поисковый робот. Почему, собственно, они не могут быть идентичными? Не почему, это совершенно нормальное явление.</p> <p>Но так как мы говорим об эффективном SEO, то <b>у меня есть несколько рекомендаций для вас </b>. Видимый каждому посетителю заголовок H1 на странице должен быть максимально ориентированным на человека, он должен быть кратким и отражающим основную суть статьи, и не должен напоминать набор ключевых слов. А в Title можно немного «разыграться» — можно чуть больше оптимизировать его, сделать длиннее, не упустить возможность употребить сразу несколько ключевых слов. Но всегда держим в уме тот факт, что и этот заголовок увидят живые люди в поисковой выдаче и он должен их привлекать на вашу страницу, а не наоборот.</p> <p><b>Обычно я придерживаюсь такого правила, если продвигаю большую группу запросов на одну страницу: </b> в Title упоминаю главный ключевой запрос и несколько наиболее значимых дополнительных ключевиков, в H1 обязательно так же упоминаю главный запрос и 1-2 менее значимых ключевика, которые не попали в title. Таким образом, получается, что в двух самый «сильных» элементах документа я смогу употребить <a href="/windows-10-the-maximum-number-of-cores-how-to-enable-all-processor-cores.html">максимальное количество</a> необходимых мне ключевых слов. Берите себе на вооружение!</p> <h2>На что ориентироваться для получения максимального эффекта</h2> <p>Разу уж мы выше затронули вопросы эффективного построения заголовков и распределения ключевых слов, поговорим о том, где брать ключевые запросы и как с ними работать.</p> <h3>Где брать ключевые слова</h3> <p>Когда я впервые публикую статью на сайте, или, например, пишу пост на этом блоге, я делаю лишь предположение о том, какие ключевики у меня самые главные и какой заголовок составить. На основании чего делать предположения? Да, самый простой ответ – wordstat.yandex.ru .<br><b>Точность и полнота вордстата, конечно, не самая лучшая, но для предположений годится. </b> Перед написанием данного поста я сделал выборку по интересующему меня ключевому слову «title», отсеял все лишнее и разбил на группы.</p> <p><img src='https://i0.wp.com/alaev.info/wp-content/uploads/2014/04/excel-keywords-table.png' align="center" width="100%" loading=lazy></p> <p>Глядя на эту таблицу я сразу определил опорные точки, то о чем как минимум надо написать. Такой подход занимает много времени, и я использую его не часто, только для очень серьёзных постов, как этот.</p> <p><b>Второй вариант, откуда можно получить необходимые ключевые слова – шпионаж за конкурентами. </b> Это целый комплекс мероприятий, которому я посвятил отдельный пост — . Эффективно прошпионить не всегда удается, но зато дает отличные результаты. Читайте пост, экспериментируйте.</p> <p><b>И третий самый лучший и любимый вариант – анализ реальной статистики посещаемости сайта в <a href="/vidzhet-bystryh-pereklyuchatel-android-cel-dlya-google-analytics-deistvie-osnovnye.html">Google Analytics</a>. </b> Есть у этого варианта один недостаток – его можно применить только постфактум, т.е. когда после публикации статьи уже прошло несколько месяцев, и накопилась статистика. Этот метод и дает прекрасные результаты. Чтобы посмотреть ключевые слова переходов для определенной страницы: заходите в аккаунт GA, выбирайте сайт, блок «Поведение», список «Контент сайта», раздел «Страницы входа». Далее тыкаете на нужный url из списка и переходите на вкладку «Ключевое слово». Все это я отметил на скриншоте ниже:</p> <p><img src='https://i1.wp.com/alaev.info/wp-content/uploads/2014/04/google-analytics-keywords-1024x517.png' align="center" width="100%" loading=lazy></p> <p>Теперь вам остается только проанализировать ключевые слова из списка и отредактировать Title там, где это необходимо.</p> <h3>Как использовать ключевые слова в Title</h3> <p>Список ключевиков готов, осталось только грамотно им распорядиться!</p> <p>Самый сложный момент, который мне приходится объяснять людям, когда речь заходит про Title, это <b>кучность ключевых слов </b>.</p> <p>Я рекомендую самую главную ключевую фразу для страницы использовать в точном вхождении, не разбивая слова из этой фразы другими словами. Например, «купить <a href="/pochemu-okno-ne-zakryvaetsya-pochemu-plastikovoe-okno-ne-zakryvaetsya.html">пластиковые окна</a>» будет более предпочтительным вариантам, нежели «купить хорошие пластиковые окна» при продвижении по запросу «купить пластиковые окна».</p> <p>Введение дополнительных слов внутрь основной ключевой фразы обосновано в том случае, когда в результате этого формируется вхождение другой ключевой фразы, частотность (популярность) которой соизмерима с частотностью основной. В таком случае возможное снижение по основному запросу компенсируется отличным ростом по дополнительному запросу или даже целой их группе.</p> <p>Например, продвигаясь по запросу «как составить резюме» мы можем использовать его в title и рассчитывать на 5935 показов, но есть запрос «как правильно составить резюме» имеющий 6420 показов. В данном случае, используя в title вхождение второго запроса, мы можем рассчитывать на суммарное количество показов по обоим запросам (12355), а, указав в title текст первого запроса, мы сможем рассчитывать только на его количество показов (5935). Пример специально упростил, чтобы вы правильно поняли его суть, а со временем вы сами научитесь понимать все нюансы.</p> <p>Главное не переборщите с оптимизацией и помните, что Title мы делаем и для людей тоже. Нам очень важно показать красивый говорящий заголовок на поисковой выдаче, чтобы на него нажали.</p> <h2>Основные ошибки в Title, которые не следует допускать</h2> <p>Ниже я перечислил основные ошибки, которые встречаются в моей практике. Пожалуйста, не допускайте их:</p> <ul><li>Важно избегать дублирования заголовков title внутри сайта. Отслеживать это можно из панели вебмастера Гугла (Заходите в панель GWMT, выбираете сайт, раздел «Вид в поиске» -> «Оптимизация HTML»).<br> Очень часто дублирование title свидетельствует о дублировании страниц с одинаковым содержанием по разным адресам, а это очень серьёзное нарушение.</li> <li>Не стоит употреблять то же самое ключевое слово в title более одного раза. В крайнем случае, можете использовать его словоформы (падежи, единственное и множественное число и т. д.). При написании заголовков я всегда придерживаюсь этого правила за редкими исключениями.</li> <li>Если в title есть повторяющиеся от страницы к странице элементы (часто это название компании, организации или просто название сайта), необходимо, чтобы они были в конце, а не в начале и были не длиннее нескольких слов. Можно вообще обойтись без этих приставок, если ваша компания не настолько известна, чтобы пользователь сразу пришел к вам и купил, увидев только ваш бренд. В таком случае можно название оставить для <a href="/yandex-home-page-schedule-yandex-flight-schedule.html">главной страницы</a> или страницы контактов, чтобы люди, которые намеренно ищут именно вас, могли увидеть ваш сайт на первом месте.</li> <li>Разумеется, title не должен быть набором ключевых фраз, причисленных через запятую. Странно, но до сих пор не все это осознают и продолжают использовать эту технику. Это уже не работает ни для поисковиков, ни для пользователей. Постарайтесь из своих ключевых слов составить осмысленную фразу или предложение, это не так сложно, как кажется.</li> <li>Бывают и обратные случаи, когда заголовок получается слишком «вялым», и пользователи на него не нажимают, потому что в нем нет призыва, он не информативен и не описывает преимуществ. Это не меньшее зло, чем переоптимизация.</li> <li>Замечали случаи, когда Google игнорирует ваш тег title и использует другой текст в качестве заголовка в поисковой выдаче? Это тоже может свидетельствовать о плохом заголовке. Такое случается в следующих ситуациях. Если заголовок слишком длинный, Google это не нравится, и он его укорачивает или полностью заменяет. Если заголовок плохо описывает страницу или не соответствует ее содержанию. Если сам документ релевантен запросу пользователя, а в заголовке нет поискового запроса, Google может сам сформировать Title для повышения CTR. Для генерации заголовков чаще всего используются анкоры <a href="/the-toolbar-for-google-webmasters-wherever-why-use-seo-tools-for-promotion.html">внутренних ссылок</a> или текст из целевой страницы.</li> </ul><p>Если у вас есть, что добавить – пишите в комментариях, возможно, ваш пример станет показательным, и я захочу его разобрать и добавить в этот раздел. </p> <h2>Важные выводы и краткое резюме для ленивых</h2> <p>Этот раздел предназначен для самых ленивых людей, которые не решились прочитать мой мега-пост полностью. <b>Прочитав несколько пунктов, идущих ниже, вы получите ценные сведения и сможете сразу же ими воспользоваться </b>, но я все же настоятельно рекомендую изучить пост, чтобы понимать, исходя из чего были сделаны данные выводы.</p> <p>А для тех, кто мой пост осилил, <b>пусть это станет чек-листом </b>, в котором отмечены самые важные пункты, которые необходимо запомнить.</p> <ul><li>Значимая для продвижения часть заголовка должна быть не более 12 слов, чтобы получить максимальный эффект.</li> <li>Самые популярные ключевые слова должны идти в самом начале заголовка и уместиться в первых 50 символов, чтобы сохранить привлекательный вид в поисковой выдаче.</li> <li>Старайтесь не использовать в заголовке следующие знаки препинания – . ! ? – т.к. они разбивают пассажи.</li> <li>Наиболее важные ключевые фразы, состоящие из нескольких слов, должны иметь «чистое вхождение» без попадания других слов внутрь фразы.</li> <li>Составляйте заголовки всегда вручную и осмысленно, чтобы это не было похоже на перечисление ключевых слов, иначе это может быть <a href="/the-laptop-does-not-catch-the-signal-wifi-asus-badly-why-does-the-laptop-very-badly-catch-a-wifi-signal.html">плохим сигналом</a>, как для людей, так и для поисковых роботов.</li> <li>Заголовок должен максимально информативно отражать суть страницы, которой он принадлежит. Соответствуя ожиданиям пользователя на выдаче, ваш сайт будет только выигрывать за счет .</li> <li>Изучайте статистику Google Analytics и перерабатывайте заголовки на своем сайте, это дает потрясающие результаты. В качестве примера .</li> </ul><p>Наконец-то я закончил этот бесконечный пост!</p> <p>Теперь вы знаете все, что только можно и нужно знать о заголовках Title – как их правильно составлять и оптимизировать, какой они должны быть длины и какие ошибки важно не допускать! Весь мой опыт здесь! </p> <p>Задавайте вопросы, пишите комментарии, делитесь ссылкой в соцсетях!</p> <p>Успехов в продвижении, друзья! И до связи.</p> <p>С уважением, Александр Алаев</p> <script type="text/javascript"> <!-- var _acic={dataProvider:10};(function(){var e=document.createElement("script");e.type="text/javascript";e.async=true;e.src="https://www.acint.net/aci.js";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})() //--> </script><br> <br> <script>document.write("<img style='display:none;' src='//counter.yadro.ru/hit;artfast_after?t44.1;r"+ escape(document.referrer)+((typeof(screen)=="undefined")?"": ";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth? screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+";h"+escape(document.title.substring(0,150))+ ";"+Math.random()+ "border='0' width='1' height='1' loading=lazy>");</script> </div> <script type="text/javascript"> $(document).ready(function() { $('.highslide-container').on('click', function() { $(this).find('.highslide').click(); }); $('.highslide').magnificPopup({ type: 'image', gallery: { enabled: true, preload: [1, 1], navigateByImgClick: true, tClose: 'Закрыть (Esc)', tPrev: 'Предыдущее фото (стрелка влево)', // title for left button tNext: 'Следующее фото (стрелка вправо)', // title for right button tCounter: '<span class="mfp-counter">Фотография %curr% из %total%</span>' // markup of counter }, }); }); </script> <div> </div> </article> </div> <div class="article_sidebar"> <div class="module module-bordered"> <div class="module-topic" style="color: #e5303b; font-weight: bold; font-size: 15px; padding-bottom: 10px;">Популярное</div> <div class="expert-widget-block"> <a href="/samye-legkie-i-bystrye-brauzery-v-mire-kakoi-brauzer-luchshe-sravnenie.html"> <img src="/uploads/8098dc1044a6e11b29a94bee3ea088af.jpg" class="expert-widget-block-img" / loading=lazy> </a> <a class="expert-widget-block-name" href="/samye-legkie-i-bystrye-brauzery-v-mire-kakoi-brauzer-luchshe-sravnenie.html"> <span>Какой браузер лучше: сравнение веб-обозревателей, работающих на стационарных и мобильных устройствах </span> </a> <span class="expert-widget-block-desc">Ни один пользователь не...</span> </div> <div class="expert-widget-block"> <a href="/chto-takoe-frizy-v-igrah-ustranenie-periodicheskih-frizov-frizy-v-igre.html"> <img src="/uploads/225d22342ebd99f335998622ae091468.jpg" class="expert-widget-block-img" / loading=lazy> </a> <a class="expert-widget-block-name" href="/chto-takoe-frizy-v-igrah-ustranenie-periodicheskih-frizov-frizy-v-igre.html"> <span>Устранение периодических фризов </span> </a> <span class="expert-widget-block-desc">Немного теории Иногда...</span> </div> <div class="expert-widget-block"> <a href="/nuzhnye-programmy-dlya-kompyutera-windows-7-kakie-samye-neobhodimye.html"> <img src="/uploads/58e627561fdf86f490a2090141cfe47b.jpg" class="expert-widget-block-img" / loading=lazy> </a> <a class="expert-widget-block-name" href="/nuzhnye-programmy-dlya-kompyutera-windows-7-kakie-samye-neobhodimye.html"> <span>Какие самые необходимые программы для компьютера? </span> </a> <span class="expert-widget-block-desc">За качественный, полезный и...</span> </div> <div class="expert-widget-block"> <a href="/kak-sozdat-menyu-joomla-kratkaya-instrukciya-kak-sdelat-menyu-v-joomla-tri-sposoba.html"> <img src="/uploads/d067494fa211c1e707bab7b5092dfe66.jpg" class="expert-widget-block-img" / loading=lazy> </a> <a class="expert-widget-block-name" href="/kak-sozdat-menyu-joomla-kratkaya-instrukciya-kak-sdelat-menyu-v-joomla-tri-sposoba.html"> <span>Как сделать меню в Joomla, три способа создания меню в Joomla Создаем пункты меню Joomla </span> </a> <span class="expert-widget-block-desc">Продолжаем знакомиться с...</span> </div> <div class="expert-widget-block"> <a href="/chto-takoe-tv-tyuner-dlya-kompyutera-tv-tyuner-dlya-televizora-chto-eto-takoe-kakoi-iz.html"> <img src="/uploads/98e8166f35a702ac4eb4840c539dda58.jpg" class="expert-widget-block-img" / loading=lazy> </a> <a class="expert-widget-block-name" href="/chto-takoe-tv-tyuner-dlya-kompyutera-tv-tyuner-dlya-televizora-chto-eto-takoe-kakoi-iz.html"> <span>ТВ-тюнер для телевизора: что это такое </span> </a> <span class="expert-widget-block-desc">Как правило, такой слот...</span> </div> </div> <div class="module module-bordered"> <div class="module-topic">Новое на сайте</div> <div class="module-link"><a class="module-icon-link" href="/kak-udalit-skaip-on-ne-udalyaetsya-kak-polnostyu-udalit-skaip-so-svoego.html"><span class="icon-link"><img src="/uploads/efe65a3a33baeafa66b34255993b93b0.jpg" loading=lazy></span>Как полностью удалить скайп со своего устройства</a></div> <div class="module-link"><a class="module-icon-link" href="/radius-deistviya-wifi-routera-tp-link-kak-uvelichit-radius-deistviya-wifi.html"><span class="icon-link"><img src="/uploads/0df3626ec3812096e748b2c0a6065a90.jpg" loading=lazy></span>Как увеличить радиус действия wifi</a></div> <div class="module-link"><a class="module-icon-link" href="/luchshie-materinskie-platy-pod-soket-lga-1155-lga1155-materinskie-platy--.html"><span class="icon-link"><img src="/uploads/c5521cab3fa5e26ea3af3a10b39929bd.jpg" loading=lazy></span>LGA1155 Материнские платы - Socket LGA1155</a></div> <div class="module-link"><a class="module-icon-link" href="/nuzhen-li-plei-market-na-meizu-sposoby-ustanovki-plei-market-na.html"><span class="icon-link"><img src="/uploads/75d35fa194e3c8905c76d953b5f1455a.jpg" loading=lazy></span>Способы установки плей маркет на мейзу</a></div> <div class="module-link"><a class="module-icon-link" href="/kak-vklyuchit-na-androide-rezhim-seti-nastroiki-mobilnoi-seti.html"><span class="icon-link"><img src="/uploads/41014618ef970fc84c71d7a569cf92fc.jpg" loading=lazy></span>Настройки мобильной сети предпочтения</a></div> </div> <div class="module"> </div> <div class="module"> </div> <div id="yandex_sidebar"> <div id="zawale1" style="height:500px;width:298px;" align="center"></div> </div> <script type="text/javascript"> (function() { var a = document.querySelector('#yandex_sidebar'), b = null; var P = 0; var selectorOfBlockToUnStick = '.social-bar'; window.addEventListener('scroll', Ascroll, false); document.body.addEventListener('scroll', Ascroll, false); // create wrapper before iframe loaded (if move DOM element with iframe - content of iframe reloaded - but yandex iframe is empty after reload) if (b == null) { //console.log('Init: childNodes.length = ' + a.childNodes.length); 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]); } //console.log('Init: created wrapper'); } function Ascroll() { //console.log('Ascroll ' + Date.now()); if (a.childNodes.length > 0) { if (b == null) { //console.log('Ascroll: childNodes.length = ' + a.childNodes.length); 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]); } //console.log('created wrapper (scroll)'); } a.style.height = b.getBoundingClientRect().height + 'px'; a.style.padding = '0'; a.style.border = '0'; //console.log('window.height = ' + $(window).height()); //console.log('b.getBoundingClientRect().height = ' + b.getBoundingClientRect().height); var P = ($(window).height() - b.getBoundingClientRect().height) / 2; // margin from window top (vertical center) //console.log('P = ' + P); var Ra = a.getBoundingClientRect(), R = Math.round(Ra.top + b.getBoundingClientRect().height - document.querySelector(selectorOfBlockToUnStick).getBoundingClientRect().bottom); // селектор блока, при достижении нижнего края которого нужно открепить прилипающий элемент if ((Ra.top - P) <= 0) { if ((Ra.top - P) <= R) { b.className = 'stop'; b.style.top = -R + 'px'; } else { b.className = '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); } else { //console.log('Ascroll: childNodes.length = ' + a.childNodes.length); } } })() </script> </div> <div class="clear"></div> </div> <script type="text/javascript"> Share = { vkontakte: function (purl, ptitle, pimg, text) { url = 'http://vkontakte.ru/share.php?'; url += 'url=' + encodeURIComponent(purl); url += '&title=' + encodeURIComponent(ptitle); url += '&description=' + encodeURIComponent(text); url += '&image=' + encodeURIComponent(pimg); url += '&noparse=true'; Share.popup(url); } , odnoklassniki: function (purl, text) { url = 'http://www.odnoklassniki.ru/dk?st.cmd=addShare&st.s=1'; url += '&st.comments=' + encodeURIComponent(text); url += '&st._surl=' + encodeURIComponent(purl); Share.popup(url); } , facebook: function (purl, ptitle, pimg, text) { url = 'http://www.facebook.com/sharer.php?s=100'; url += '&p[title]=' + encodeURIComponent(ptitle); url += '&p[summary]=' + encodeURIComponent(text); url += '&p[url]=' + encodeURIComponent(purl); url += '&p[images][0]=' + encodeURIComponent(pimg); Share.popup(url); } , twitter: function (purl, ptitle) { url = 'http://twitter.com/share?'; url += 'text=' + encodeURIComponent(ptitle); url += '&url=' + encodeURIComponent(purl); url += '&counturl=' + encodeURIComponent(purl); Share.popup(url); } , mailru: function (purl, ptitle, pimg, text) { url = 'http://connect.mail.ru/share?'; url += 'url=' + encodeURIComponent(purl); url += '&title=' + encodeURIComponent(ptitle); url += '&description=' + encodeURIComponent(text); url += '&imageurl=' + encodeURIComponent(pimg); Share.popup(url) } , popup: function (url) { var x = screen.width / 2 - 626 / 2; var y = screen.height / 2 - 436 / 2; window.open(url, '', 'toolbar=0,status=0,width=626,height=436,left=' + x + ',top=' + y); } } ; </script> <script type="text/javascript"> $(document).ready(function () { var linkPopupTimeout = null; $('a.perelink').on('mouseenter', function (e) { var linkid = $(this).data("linkid"); var linkOuterHeight = $(this).outerHeight(); var position = $(this).offset(); var top = position.top; var left = e.pageX; var isLeftSide = 1; if (left > ($(window).width() / 2)) { isLeftSide = 0; } var scrollTop = $(window).scrollTop(), distanceFromLinkToTopOfViewport = (top - scrollTop); console.log("scrollTop = " + scrollTop); console.log("distanceFromLinkToTopOfViewport = " + distanceFromLinkToTopOfViewport); var isTopSide = 1; if (distanceFromLinkToTopOfViewport < ($(window).height() / 2)) { isTopSide = 0; // link near top of window } console.log("isTopSide=" + isTopSide); var linkBlockInitailTopPosition = position.top; /*if (isTopSide == 0) { linkBlockInitailTopPosition = position.bottom; } */ console.log("linkBlockInitailTopPosition = " + linkBlockInitailTopPosition); var linkInfo = { LinkID: linkid, PositionTop: linkBlockInitailTopPosition, PositionLeft: left, IsLeftSide: isLeftSide, IsTopSide: isTopSide } ; clearTimeout(linkPopupTimeout); //console.log("link::mouseenter - clear timeout"); if ($(".link-popup").length == 0) { $.ajax({ type: 'POST', url: '/article/linkpopup/', data: JSON.stringify(linkInfo), contentType: 'application/json; charset=utf-8' } ) .success(function (data) { $(".link-popup").remove();// remove if other exists var el = $(data); $("body").append(el); var elCssTop = parseInt($(el).css('top'), 10); if (isTopSide == 1) { elCssTop = elCssTop - $(el).outerHeight(); // move up linkBlock on block height } else { elCssTop = elCssTop + linkOuterHeight; // move down linkBlock on link height } el.css("top", elCssTop + "px"); //var elCssLeft = parseInt($(el).css('left'), 10); //var treugolhikOffsetLeft = 18; //elCssLeft = elCssLeft - treugolhikOffsetLeft; // el.css("left", elCssLeft + "px"); //el.css("display", "block"); el.slideDown(100); } ); } } ).on('mouseleave', function () { //var link = $(this); //console.log("link::mouseleave - create timeout"); linkPopupTimeout = setTimeout(function () { $('.link-popup').remove(); } , 400); //set the timeoutId, allowing us to clear this trigger if the mouse comes back over //link.data('timeoutId', timeoutId); //$('.article-link-popup').remove(); } );; $(document).on("mouseenter", ".link-popup", function () { //console.log("popup::mouseenter - clear timeout"); clearTimeout(linkPopupTimeout); } ); $(document).on("mouseleave", ".link-popup", function () { //console.log("popup::mouseleave - create timeout"); linkPopupTimeout = setTimeout(function () { $('.link-popup').remove(); } , 400); } ); $(document).on("click", ".perelink", function () { return PerelinkClick(); } ); $(document).on("click", ".link-popup a", function () { return PerelinkClick(); } ); function PerelinkClick() { yaCounter31715951.reachGoal('PERELINK'); //console.log("PerelinkClick"); return true; } } ); </script> <div id="link-popup-svg"> <svg width="0" height="0"> <defs> <clipPath id="link-popup-mask"> <polygon points="0 8, 10 8, 18 0, 26 8, 1000 8, 1000 1000, 0 1000"></polygon> </clipPath> <clipPath id="link-popup-mask-flip"> <polygon points="0 8, 274 8, 282 0, 290 8, 1000 8, 1000 1000, 0 1000"></polygon> </clipPath> <clipPath id="link-popup-landscape-mask"> <polygon points="0 8, 174 8, 182 0, 190 8, 1000 8, 1000 1000, 0 1000"></polygon> </clipPath> <clipPath id="link-popup-landscape-mask-flip"> <polygon points="0 0, 1000 0, 1000 242, 190 242, 182 250, 174 242, 0 242"></polygon> </clipPath> </defs> </svg> </div> </div> <footer> <div class="wrapper"> <div class="footer-col"> <ul> <li><a href="/category/program/" onclick="yaCounter31715951.reachGoal('footer_click'); return true;">Программы</a></li> <li><a href="/category/printers/" onclick="yaCounter31715951.reachGoal('footer_click'); return true;">Принтеры</a></li> <li><a href="/category/apple/" onclick="yaCounter31715951.reachGoal('footer_click'); return true;">Apple</a></li> <li><a href="/category/smartphones/" onclick="yaCounter31715951.reachGoal('footer_click'); return true;">Смартфоны</a></li> <li><a href="/category/windows-7/" onclick="yaCounter31715951.reachGoal('footer_click'); return true;">Windows 7</a></li> </ul> </div> <div class="footer-col"> <ul> <li><a href="/category/program/" onclick="yaCounter31715951.reachGoal('footer_click'); return true;">Программы</a></li> <li><a href="/category/printers/" onclick="yaCounter31715951.reachGoal('footer_click'); return true;">Принтеры</a></li> <li><a href="/category/apple/" onclick="yaCounter31715951.reachGoal('footer_click'); return true;">Apple</a></li> <li><a href="/category/smartphones/" onclick="yaCounter31715951.reachGoal('footer_click'); return true;">Смартфоны</a></li> <li><a href="/category/windows-7/" onclick="yaCounter31715951.reachGoal('footer_click'); return true;">Windows 7</a></li> </ul> </div> <div class="footer-col"> <ul> <li><a href="" onclick="yaCounter31715951.reachGoal('footer_click'); return true;">О проекте</a></li> <li><a href="/sitemap.xml" onclick="yaCounter31715951.reachGoal('footer_click'); return true;">Карта сайта</a></li> </ul> </div> <div class="footer-col"> <p>«geekpad.ru», 2024</p> <p>Портал компьютерных гиков</p> <p style="margin-top: 15px;"></p> <p></p> </div> </div> </footer> <script type="text/javascript"> $(document).ready(function () { //DisplayNoneContactForm(); $('<div id="up" class="up"></div>').appendTo('footer div.wrapper').click(function () { $('html, body').animate({ scrollTop: 0 } , 700); } ); var win = $(window); var up = $('#up'); win.on('scroll', function () { if (win.scrollTop() > win.height() / 3) { up.fadeIn(); } else { up.fadeOut(); } } ).scroll(); } ); </script> </body> </html>