Что такое тайтл страницы. Правила формирования title и description (видео и текст вебинара). Использование шаблонов для формирования title

О том, как правильно составлять тайтлы.

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

В общем, в этой статье - все, что нужно знать о том, как правильно составить title, description для сайта.

Что такое Title?

Тег Title — это HTML элемент, который указывает поисковым системам и посетителям самым сжатым и понятным способом, о чем именно идет речь на определенной странице. Тайтл отображается в: браузере, в социальных сетях и поисковой выдаче. Должен быть уникальным для каждой страницы.

Как выглядит?

В браузере

В поисковой выдаче

Почему это важно?

  • Потому что значительное количество оптимизаторов не умеют составлять метаданные.
  • Метаданные входят в обязательный список действий, на которых нельзя фейлить, иначе все дальнейшие действия превращаются в пустую трату времени.
  • Потому что может быть стыдно перед другими оптимизаторами, к которым уйдут недовольные клиенты.
  • На простом обновлении title можно в разы увеличить посещаемость:

Общие принципы

Фундаментальные истины, которые состоят всего из 9 пунктов

  1. Очень много заголовков title составлены криво и неправильно.
  2. Чтобы правильно составить тег Title нужно провести предварительный анализ.
  3. Нужно уметь внимательно составлять семантическое ядро.
  4. Нужно уметь анализировать ядро.
  5. Нужно уметь отличать человеческое от роботизированного.
  6. Нужно распределять семантику между страницами.
  7. Нужно обладать ясным умом.
  8. Нужно читать книги.
  9. Нужно тратить время.

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

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

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

Кстати, эксперементирование с Title помогло нам .

Как неправильно составлять title

Составление тайтлов без сбора семантического ядра

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

Title : Магазин климатической техники Климадом - Климатическая техника и кондиционеры в Москве и Московской области

Этому сайту достаточно прописать правильный тайтл и оптимизировать страницу, чтобы мгновенно вырасти в выдаче.

А ведь владельцы старались, платили деньги за создание, наполнение и даже функционал автоматического вывода сообщения о графике работы после 18–00 вывели.

Основная ошибка таких сайтов - тайтлы прописываются без составления семантического ядра и структуры сайта.

Это очень распространенная ошибка сайтов, которые не обращались к , а пытались собственными силами провести быструю оптимизацию страницы.

Прилагательные

  • По коммерческим ключевым запросам

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

  • По информационным ключевым запросам

Использование прилагательных повышает CTR. Важно! Содержание контента должно соответствовать использованным прилагательным.

Стоп-слова в title

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

Самые популярные стоп-слова: и, или, о, к, я, не, до и т. д.

Исключение: фразеологические обороты «быть или не быть»

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

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

Перечисление городов при написании тега title в большинстве случаев является неоправданной мерой. Если товар продается по всей стране, охватить их в тайтле будет просто невозможно.

В каких случаях использование города (топонима) оправдано:

  • Если компания работает в одном регионе.
  • Если компания работает в нескольких регионах или имеет в этих городах представительство или другое конкурентное преимущество.
  • Если содержимое страницы заточено под город (объявления и т. д.).

Верхний регистр

Не используйте ВЕРХНИЙ РЕГИСТР при формировании Title. Выделяйтесь содержанием и умом.

Шаблоны для title

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

Купить в интернет-магазине

Комплекс ошибок в одном title

Постельное белье купить по доступной цене в интернет-магазине Brand с доставкой в Екатеринбург, Пермь, Челябинск, Тюмень, Уфу, Курган, Сургут, Салехард

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

Сбор предварительных данных

Большая часть ошибок с составлением метаданных связано с использованием некорректных предварительных данных о структуре и семантическом ядре. Проще говоря: нет понимания какие запросы продвигаются на конкретную страницу.

Последовательность действий очень простая:

  • Составляем структуру сайта.
  • Разбиваем группы запросов под конкретные страницы.
  • Составляем семантическое ядро.

Никаких тайтлов без структуры

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

В приложении следующая семантика для страницы:

Вот, собственно, ответ:

Соответственно тайтл изначально был следующий:

Оценка стоимости квартиры для ипотеки, банка, суда.

При том, что нужно создать отдельную страницу Оценка квартиры для суда и тайтл будет таким:

Оценка квартиры для суда. Независимая оценка стоимости квартиры, ремонта для суда.

Правило №1 : title можно составить правильно только при грамотно сформированной структуре сайта.

Пример структуры:

На сайте такая структура может выглядеть так:

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

Нужно точно знать, какую фразу правильнее писать в title - Раскрутка сайта или раскрутка сайтов, ремонт квартиры или ремонт квартир?

Ведь очень часто оптимизаторы не проверяют этот параметр перед составлением метаданных:

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

Как правильно составить Title

Инструменты для анализа

После подготовительной работы можно приступить к составлению title для страниц сайта.

Чтобы наверняка все сделать правильно используем следующие инструменты:

  1. Смотрим поисковую выдачу и метаданные конкурентов.
  2. Смотрим семантическое ядро и уточненную частоту.

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

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

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

Длина title

Оптимальная длина title варьируется от 55 до 90 символов.

В выдаче Яндекса количество символов в Title до 68, в выдаче Google до 59 символов.

Основные правила следующие:

  • Главное ключевое слово стоит в начале title.
  • Все слова, обладающие наибольшей уточненной частотой нужно размещать в первые 55 символов.
  • Все остальные слова можно разместить сегменте от 55 до 90 символов.

Я никогда не использую очень короткий title и не дублирую его с заголовками типа Н1. Исключением может быть запись в блоге, служебные страницы, новости.

Региональные запросы

Если бизнес нацелен на локальный рынок, в title необходимо использовать название города (топоним).

Главное правило для региональных сайтов: топоним должен быть в самом начале title.

Неправильно :
Купить кондиционер. Продажа кондиционера в Москве

Не пишите название страны в title (в России, в Украине). В редких случаях когда у Вас большой каталог с регионами для корневой категории так можно делать. Во всех остальных случаях - нет.

Правильно :
Купить кондиционер в Москве. Цены, продажа, установка кондиционеров в Москве.

Символы

Здесь правило очень простое и универсальное:

Вы можете использовать символы, которые есть в title у ваших конкурентов.

На данный момент в выдаче присутствует: точка, запятая, длинное тире, короткое тире, двоеточие, вот такая палка |.

В порядке приоритета я использую следующие символы: запятая, точка, тире, двоеточие.

Редкие символы в Title

Тут нужно экспериментировать, и отслеживать увеличивается ли CTR после их внердрения.

Протестировать как будет выглядеть сайт с символами в Title можно в генераторе сниппетов .

Бренд в title

Название бренда нужно использовать в тайтле. В большинстве случаев его следует использовать в конце тега.

  1. Купить кофеварку в Москве в интернет-магазине Кофеваркин (лучший вариант).
  2. Купить кофеварку в Москве - интернет-магазин Кофеваркин.
  3. Кофеваркин: купить кофеварку в Москве (не рекомендуется).

Количество ключевых слов

Техника: Здравый смысл

Title : Самый большой интернет-магазин детских игрушек нельзя назвать правильным. Но по ряду других факторов: контент на сайте, перелинковка, ссылки на домен этот сайт находится в топ 3 выдачи по запросу «Игрушки».

В данной ситуации title главной можно не трогать. Хотя его нельзя назвать идеальным.

Title для карточек товара

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

Шаблон обычно состоит из:

  • названия товара
  • слова купить
  • региона
  • названия интернет-магазина

Пример

Фитнесс трекер Xiaomi Mi Band 2 купить в Одессе — Citrus

Пример создания нового title

На примере запроса «Корректирующее белье милавица»

Вот какие тайтлы сейчас в выдаче

Более-менее корректные title у 3 и 4 места в выдаче.

Составляем семантику, смотрим подсказки:

Уточняем частоту запросов:

Автоматизировать процесс я предлагаю с помощью кейколлектора.

В итоге получаем следующие варианты Title:

  1. Корректирующее белье Милавица - каталог, купить утягивающее женское белье Милавица в интернет-магазине
  2. Купить корректирующее белье Милавица: каталог, утягивающее женское белье Милавица в интернет-магазине

Узнайте больше о .

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

Новый title: Бесплатные программы для проектирования домов: обзор, скачать программу для создания 3D проекта и планировки дома - Название сайта

Очень важно не забыть о том, что саму статью тоже необходимо доработать.

Интересный кейс по доработке метаданных представлен в статье:

Изучение семантики и добавление года в title повлияло на рост трафика более чем в 4 раза.

Выводы

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

Общие выводы следующие:

  • Правильный тайтл = выше CTR в поисковой выдаче чем у конкурентов;
  • Сначала только самое частотное слово или фраза;
  • В первых 55 символах используйте самые частотные слова;
  • Никогда не делайте title в отрыве от семантического ядра;
  • Всегда грамотно распределяйте страницы в зависимости от ключевых запросов;
  • Используйте разделители;
  • Изучайте title конкурентов;
  • Используйте только частотные ключевые слова;
  • Не забывайте про текст;
  • Сделайте так, чтобы title хорошо смотрелся и читался;
  • Не делайте перечень ключевых слов;
  • Не воруйте у эталонов и вообще не воруйте.

Кстати, этот принцип мы использовали при , где сайт вырос до 3 млн. поискового трафика в месяц.

Также вы можете посмотреть вебинар, в котором о некоторых моментах я говорю более подробно:

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

Необходимо улучшить Title для сайта? консультацию команды Livepage.

Описание

Определяет заголовок документа. Элемент не является частью документа и не показывается напрямую на веб-странице. В операционной системе 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> <p>Его наполнении и прочих важных составляющих этих процессов. Сегодня же я бы хотел коснуться темы, которая имеет особое значение для успешного продвижения вашего интернет-ресурса.</p> <p>Расскажу вам о том, что такое title страницы, что даёт этот атрибут для продвижения веб-проекта в различных поисковых системах, и поделюсь собственным опытом правильного его оформления.</p> <h2>Что это такое title и для чего он нужен?</h2> <blockquote> <p>Тitle (заголовок страницы Интернет-ресурса) – специальный тег, находящийся в начале html кода внутри конструкции <HEAD> и имеющий следующий вид:</p> </blockquote> <table><tr><td class="code"> <head> .... <title> title страницы ....

.... title страницы ....

Наряду с такими элементами, как descriptions (краткое описание содержимого страницы) и keywords (ключевые слова), тайтл является одним из краеугольных камней успешного продвижения любого сайта. Существует, как минимум три причины, которые требуют с особым вниманием относиться к вопросу его оптимизации:

  1. При распространении в соц.сетях отображается title сайта.
  2. В результатах поиска выдается тайтл статьи, ее УРЛ и описание.
  3. Анализ тайтлов страниц позволяет Google и Яндекс определять их места в результатах поиска.

Правила Yandex и Google для тайтлов

В результатах запроса Яндекс выдаёт лишь 80 знаков из заголовка. Если ваш тайтл состоит более чем из 80 символов либо длиннее 15 слов, то «лишние» слова отображаться не будут.

В поиске Гугл - будет отображено не более 12 слов или 70 знаков.

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

Используйте только основной ключевой запрос и разбавьте его дополнительным текстом (например после знака «:» или «-»).

Важно ! Основной ключевой запрос подскажет поисковикам, под какой ключ заточена статья, а дополнительные слова призваны привлечь внимание читателей.

Keywords

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

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

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

Тайтлы страниц в соц.сетях

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

А то, что title может быть виден вашим друзьям. Если им будет интересна информация, размещенная на опубликованной странице (о чем они узнают из заголовка), то для более детального ознакомления с материалом они обязательно перейдут по на ваш ресурс.

Для кого следует писать тайтлы – для посковиков или для людей?

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

Правила создания хорошего заголовка

Теперь я хочу рассказать, как написать тайтлы, которые понравятся как посетителям, так и поисковикам Google и Яндекс:

  • Абсолютно все тайтлы на ресурсе должны быть уникальными. Дублирование весьма негативно отразится на продвижении.
  • Title должен состоять максимум из 12 слов, а его длина не должна превышать 70 знаков для Google (15 слов и 80 символов для яндекса) . Заполняйте его четко и компактно.
  • В составе тайтла обязательно должна присутствовать основная ключевая фраза, которую следует размещать ближе к началу.
  • Тайтлы должны легко читаться и привлекать интерес читателя. Не стоит зацикливаться на одной лишь seo-оптимизации. Тайтл – первое, что предстает взору потенциального посетителя в системе поиска, поэтому вы должны сделать все возможное, чтобы эта первая встреча не стала последней.

Стоит ли включать в title название бренда?

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

Если же вы занимаетесь развитием своего личного блога, то лучше исключить. Хотя это на ваше усмотрение. Лично я не хочу, чтобы напротив каждого названия моих статей в поиске добавлялась конструкция типа «|блог Абдуллина Руслана». Мне кажется это лишним.

Оптимизация тайтла

Чтобы вы могли посмотреть, как всё написанное выше выглядит в реальности, приведу вам следующий пример.

Предположим, вы создали страничку с тайтлом «Куртки из натуральной кожи в розницу и оптом| Цена курток| Продажа курток Россия| Пошив куртки из натуральной кожи по заказу ».

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

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

Таким образом, весь текст уместился в 70 знаков и 12 слов, которые прекрасно воспринимаются и поисковым роботом и человеком. Основной ключевой запрос используется в самом начале, есть дополнительные слова, которые помогают раскрыть всю суть.

Вот и всё! Думаю, я достаточно полно раскрыл тему. Правильность и эффективность вышеописанных мною способов вы можете проверить на практике.

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

С уважением! Абдуллин Руслан

По запросу одного из наших читателей Евгений Аралов провел вебинар и рассказал, как составлять title и description, каких ошибок надо избегать, как формируются сниппеты в Яндексе и Google и как попробовать повлиять на их формирование.

Мы подготовили для вас видеозапись, презентацию вебинара и его текстовое содержание.

Если у вас остались вопросы, задавайте их в комментариях к статье.

Видеозапись вебинара (4.02.2016)

Спикер: Евгений Аралов, ведущий аналитик SiteCliniс

Презентация вебинара

Текстовая версия

Итак, сегодня обсудим особенности формирования title и description и их отображение в сниппетах.

Почему важен title

1. Title – один из важнейших сигналов ранжирования и в Яндексе, и в Google, с его помощью вебмастер дает понять поисковой системе, что содержится на странице.

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

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

ОСНОВНЫЕ ПРАВИЛА СОСТАВЛЕНИЯ TITLE:

1. Отражает суть страницы.

2. Содержит прямое вхождение наиболее конкурентного ключевого слова (поискового запроса). Обычно именно такое слово отражает суть страницы:

  • Основное ключевое слово находится в начале title.
  • Содержит все слова из запроса (например, у нас есть запрос «полиэтиленовые пакеты купить оптом» , это значит, что в title должны содержаться слова «купить» , «оптом» . Также часто вречаются разные переформулировки, например, и – обе эти формулировки должны быть включены.
  • Не содержит лишних слов (БМ 25). Например, «компания» , «в магазине» , «и т.д.» – это слова, которые напрямую не относятся к тематике, они размывают вес основных ключевых слов, релевантность самого title.

3. Легко читается и не содержит спама.

  • Нет перечисления слов.
  • Все фразы согласованы.

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

4. Не дублируется внутри сайта.

5. Должен отличаться от h1.

6. Приблизительная длина title – 12 слов, или 120 символов.

Пример формирования:

1. Группируем запросы по частоте, определяем наиболее частотное слово:

Список слов, который у нас есть, отсортировываем по частоте и видим, что наша основная ключевая фраза – «радиоуправляемые вертолеты» . Она определяет тематику страницы, именно с нее мы и должны начинать свой title. Еще один высокочастотный запрос – «вертолет на радиоуправлении» , его мы также должны включить в title. И важно не забыть про дополнительные слова: « с камерой», «купить» .

2. Собираем подсветки из выдачи Яндекс:

Сервис сбора подсветок – https://arsenkin.ru/tools/sp/.

Как составить красивый title, а не перечисление ключевых слов типа «Радиоуправляемый вертолет, вертолет на радиоуправлении» ?

Вначале пишем ключевую фразу «Радиоуправляемый вертолет» , потому что она определяет тематику, дальше – «купить вертолет на радиуоправлении с камерой по низкой цене с доставкой по Москве» :

Радиоуправляемые вертолеты — купить вертолеты на радиоуправлении с камерой по низкой цене, с доставкой по Москве

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

Так делать нельзя:

ИСПОЛЬЗОВАНИЕ ШАБЛОНОВ ДЛЯ ФОРМИРОВАНИЯ TITLE

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

Примеры шаблонов:

Название товара – заказать с доставкой по регионам
Название товара – характеристики, описание, цена, фото
Название товара – характеристики, доставка в Москве
Название товара: различные комплектации и цвета

Вначале у нас название товара, в данном случае это основное ключевое слово, а дальше – дополнительные слова.

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

TITLE КАК ДЕЛАТЬ НЕЛЬЗЯ

1. Не используйте несогласованные фразы:

Купить супергероя, фигурки супергероев купить, фигурки героев для детей

Человек — Паук Hasbro Хасбро купить

«фигурки супергероев купить», «паук Hasbro Хасбро купить» – неестественные фразы, прямое вхождение запроса, так по-русски не говорят, они могут восприниматься как спам. В случае если на сайте есть еще какие-то спамные конструкции, есть вероятность, что такой title станет дополнительным фактором для алгоритма «антиспам», который понизит сайт по запросу.

Даже если вам кажется, что подобные title «вроде ничего», лучше так не делать 🙂

Правильный вариант:

Купить фигурки супергероев для детей в Москве — Hasbro
Купить фигурку Человек-Паук — Hasbro

2. Не используйте лишних слов.

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

Пример (красным выделены слова, размывающие релевантность):

Радиоуправляемые квадрокоптеры, радиоуправляемые квадролеты – <span>мощность четырех вертолетов в одной модели </span> :: Купить радиоуправляемый квадрокоптер <span>в нашем магазине, заходите! </span>

Убрав эти слова, мы ничего не потеряем.

Правильный вариант:

Радиоуправляемые квадрокоптеры — купить модели квадролетов на радиоуправлении в Москве. <title> </i></p> <p><b>3. Остлеживайте и избавляйтесь от дублей. </b></p> <p>Title каждой страницы должен быть уникальным – в идеале у каждой страницы должно быть свое уникальное название, говорящее поисковой системе, как данная страница отличается от других страниц вашего сайта.</p> <p>— Участвуйте в партнерской программе «Товары и цены»</p> <p><b>Пример товарного сниппета из микроразметки: </b><br><br><img src='https://i1.wp.com/siteclinic.ru/wp-content/uploads//2016/01/16-1-600x250.jpg' align="center" width="100%" loading=lazy></p> <p><i>Подтягивается цена и некоторые характеристики товара. </i></p> <p><b>Отличный пример сниппета по партнерской программе «Товары и цены»: </b><br><br><img src='https://i2.wp.com/siteclinic.ru/wp-content/uploads//2016/01/17-1-600x146.jpg' align="center" width="100%" loading=lazy></p> <p><b>ИСПОЛЬЗОВАНИЕ ПОДСВЕТОК ВО ФРАГМЕНТЕ </b></p> <p>По запросу <i>«купить ванну чугунную» </i> Яндекс подсвечивает <i>«Москва» </i> черным цветом. В данном случае description собран из разных абзацев текста:<br></p> <p>Поскольку у нас всего один конкретный запрос, можно было бы поработать над более качественным описанием.</p> <p>Во втором примере видим подсветку<i> «Москва» </i> в том же фрагменте, где есть запрос <i>«купить чугунную ванну» </i>, подтянулся один фрагмент предложения:<br><br><img src='https://i0.wp.com/siteclinic.ru/wp-content/uploads//2016/01/20-1.jpg' align="center" width="100%" loading=lazy></p> <p><b>ОТВЕТЫ НА ВОПРОСЫ СЛУШАТЕЛЕЙ: </b></p> <p><i><b>– Какие разделители можно использовать в titlе, вроде той же полосы? </b> </i></p> <p>Можно любые, но нужно быть аккуратными с точкой, восклицательным и вопросительным знаком, потому что они делят предложения на пассажи. Например, если мы пишем <i>«Радиоуправляемые вертолеты. Купить радиоуправляемые игрушки!» </i>, запрос <i>«радиоуправляемые игрушки купить» </i> у нас может не подтянуться, потому что мы разбили пассаж точкой.</p> <p><i><b>– Если title больше 70 символов – это плохо для ранжирования? </b> </i><br><i><b> Или просто не отобразится? </b> </i></p> <p>Если вы посмотрите примеры, то увидите, что Яндекс спокойно подтягивает слова и дальше от начала. Грубо говоря, какой бы длинный title ни был, если слово в title включено, оно подсвечивается, если оно есть в запросе.</p> <p>Он может обрубить title с начала и с конца и показать только середину.<br> Считаю, что не стоит заострять внимание на количестве символов в title, но все должно быть в пределах разумного. Мы рекомендуем около 120 символов, это не критическое значение, а рекомендуемое.</p> <p><i>– Если название бренда, например, Хасбро, ищут и на русском, и на английском, использовать ли оба варианта в Title? </i></p> <p>1. В вордстате смотрим, какое из названий чаще запрашивают, на латинском или русском (в точном соответствии):<br><br><img src='https://i2.wp.com/siteclinic.ru/wp-content/uploads//2016/01/screan-1-600x262.jpg' align="center" width="100%" loading=lazy><br><img src='https://i0.wp.com/siteclinic.ru/wp-content/uploads//2016/01/screan-2-600x286.jpg' align="center" width="100%" loading=lazy><i>Здесь на латинском чаще. </i></p> <p>В таком случае на странице лучше употреблять вариант на латинском, но давайте проверим, будет ли искаться такой документ по названию на кириллице.</p> <p>2. Находим документы, релевантные запросу «hasbro», и исключаем документы, релевантные «хасбро» (поиск осуществляем с помощью недокументированного оператора intext, который позволяет искать только по тексту, исключая ссылочные факторы). Выглядит это так:</p> <p><img src='https://i0.wp.com/siteclinic.ru/wp-content/uploads//2016/01/screan-3-600x359.jpg' align="center" width="100%" loading=lazy></p> <p>3. Выбираем любой url и осуществляем поиск по запросу «hasbro» по следующей конструкции :</p> <p><img src='https://i2.wp.com/siteclinic.ru/wp-content/uploads//2016/01/screan-4-600x284.jpg' align="center" width="100%" loading=lazy></p> <p>В данном примере документ находится, значит, можно использовать только латинское название.</p> <p><i><b>– Нужно ли название сайта в title? Есть ли смысл в этом? </b> </i></p> <p>Да, можно добавлять, название делает его уникальным.</p> <p><i>– Если в основном Гугл формирует сниппет из description, но он не показывает больше 150 символов. Стоит ли писать description длиннее? </i></p> <p>Да, можно делать description длиннее, чтобы включить туда больше слов, которые он, вероятно, подтянет. Например <i>«купить» </i> или дополнительные слова типа <i>«с камерой» </i>.</p> <p><i>– Если в title входят несколько ключевиков, то тогда страницу нужно оптимизировать тоже под несколько ключевиков или только один? </i></p> <p>В примере, который мы рассматривали, у нас было 2 ключевых слова: <i>«радиоуправляемые квадрокоптеры» </i> и <i>«квадрокоптеры на радиоуправлении» </i>. Если мы формируем такой title и можем посадить эти запросы на 1 страницу, они не противоречат друг другу, то страницу, конечно, надо оптимизировать под эти же запросы.</p> <p><i><b>– Куда вписывать остальные запросы, которые не поместились в title? </b> </i></p> <p>Зачастую на одну страницу есть определяющий запрос, и под него подтягиваются какие-то хвосты, которые не сильно отличаются от него. И в большинстве случаев все можно уместить в title. Какие-то совсем низкочастотные запросы достаточно просто включить в текст.</p> <p><i><b>– Приоритетней что? Текст, h1? h2? h3? </b> </i></p> <p>Заголовки на сегодняшний день так сильно не учитываются. Мы проводили эксперимент – убирали h1 совсем, ничего не менялось, он не дает такого веса, как раньше. Поэтому в приоритете title, текст и его качество.</p> <p><i><b>– Кейвордс не нужно сейчас прописывать? Если прописаны, то как влияет на ранжирование? </b> </i></p> <p>Яндекс говорит, что может учитывать кейвордс при ранжировании, Google отказался от кейвордс, поэтому это на ваше личное усмотрение – надо прописывать или нет. Я считаю, что на ранжирование он никак не влияет.</p> <p><i><b>– Может ли дублироваться контент на странице и в description? </b> </i></p> <p>Да, это допустимо, особенно так часто делают на блогах или каких-то больших сайтах, где неудобно делать шаблоны. Тут важно, чтобы подтягивалась та часть текста, которая содержит ключевой запрос, чтобы появлялся тот description, который нужен, иначе никакого смысла в нем нет.</p> <p><i>– Может ли title и h1 не совпадать, но немного повторять друг друга? Например, title «Ремонт окон пермь», а h1 – «Ремонт пластиковых окон»? Могут ли в title повторяться два слова два раза? </i></p> <p>Да, могут повторяться, как в вашем примере. 2 раза в title могут повторяться 2 слова даже в прямом вхождении, но не более. Можно написать <i>«Радиоуправляемые игрушки, купить радиоуправляемые игрушки в Москве» </i>.</p> <p><i><b>– Почему не надо дублировать title в h1? </b> </i></p> <p>Не надо, потому что h1 все-таки имеет небольшой приоритет, дублируя title, мы теряем возможность добавить НЧ-запросы и лучше ранжироваться по ним. У нас есть возможность добавить дополнительные ключевые слова и показать их приоритет в h1, так зачем дублировать одни и те же ключевые слова? Это во-первых.</p> <p>А во-вторых, конструкции, когда у нас title, URL и h1 сформированы из одного и того же ключевого слова, алгоритм «антиспам» может воспринимать как спам, и при наличии дополнительных спамных ключевых слов в документе это может быть причиной наложения санкций.</p> <p><i><b>– Если есть выбор, вписать ключ в h1 или в текст, куда его вписать? </b> </i></p> <p>Можно и в текст, и в h1.</p> <p><i><b>– Евгений, можно ли вставлять ВЧ-ключевик и в Title, и в Description? </b> </i></p> <p>Нужно. Чтобы правильно подтягивался description и подсвечивался этот самый ВЧ-запрос.</p> <p><i><b>– Если в Яндексе различные регионы продвижения, нужно в title указывать каждый город? </b> </i></p> <p>Через запятую перечислять большое количество городов не рекомендую, потому что, опять же, это может восприниматься как спамная конструкция. Но если таких городов несколько – Москва, Санкт-Петербург – это допустимо. Если городов много, мы ставим один основной, например, Москва, если мы ранжируемся по Москве, все остальные уводим в текст.</p> <p><i><b>– А не достаточно ли названия сайта в конце title, чтобы он считался отличным от h1? </b> </i></p> <p><i><b>– Что лучше: двоеточие или тире в Title? </b> </i></p> <p>Отличий между двоеточием и тире нет.</p> <p><i><b>– Гугл может подтягивать слова из конца title в 150-200 символов? </b> </i></p> <p>Да, таких примеров достаточно много. Просто есть вероятность, что он обрежет его и подтянет из других частей страницы.</p> <p><i><b>– И, или, … считаются словами-разделителями? Они влияют как-то? </b> </i></p> <p>Нет, не влияют.</p> <p><i><b>– Приведите пример разных татйл и Н1. </b> </i></p> <p>«Сантехнические работы», «Услуги по сантехническим работам».</p> <p><i><b>– Какая минимальная длина description? </b> </i></p> <p>Начинайте примерно от 100-120 символов.</p> <p><i>– Если уже сформирован корявый сниппет в поисковых системах, то как можно ускорить формирование нового сниппета? </i></p> <p>Все зависит от переиндексации самой страницы, т.е. надо ускорять индексацию страницы. В Google это делается достаточно просто – добавляем в Search Console страницу в «Посмотреть как Google bot». В Яндексе на сегодняший день все очень сложно и долго – такова специфика индексатора Яндекса.</p> <p><i>– Как избавиться от ситуации, когда Яндекс title формирует c точками «…что-то…»? Запрос при этом начинается так же, как и начинается title. </i></p> <p>Если Яндекс формирует title с троеточиями, это значит, что у вас слишком длинный title, и он обрубает его. Сделайте его короче, поставьте ключевое слово в начале.</p> <p><i>– Как быть, если шаблон формирует title из заголовка материала? Насколько это «хорошо» или «плохо»? (название статьи) </i></p> <p>Название статьи обычно заключено в h1, поэтому желательно, чтобы title отличался от h1, хотя для блогов это, в принципе, допустимо. Конечно, лучший вариант, если вы написали статью и у вас есть какие-то ключевые слова, – сформировать title, исходя из этих ключевых слов, а на красивое название оставить уже h1</p> <p><i><b>– Один ключ – одна страница? То есть лучше один ключик использовать на одой странице? </b> </i></p> <p>Всегда на странице есть один определяющий ключ, например, <i>«вывоз мусора контейнером» </i> – определяющий страницу ключевой ВЧ-запрос, но есть еще <i>«вывоз контейнером», «контейнеры для мусора» </i>, которые также можно продвигать на этой странице.</p> <p><i>– Правильно ли считается, что в тексте нужно вычислять тошнотворность текста? И нельзя использовать слова самый, лучший и пр.? </i></p> <p>В тексте можно использовать эти слова, просто они настолько приелись, что никакого смысла не имеют, а используются просто для количества слов, преимущественно это шаблоны. В title их использовать не стоит, как мы говорили, они размывают релевантность.</p> <p>По поводу тошнотворности – нет, на сегодняшний день упор надо делать на качество текста и не забывать про вхождение ключевых слов. Высчитывать тошнотворность, как раньше, не нужно.</p> <p><i>– Если в title использовать 2 ключа, один в начале, другой в конце, потеряется ли вес 2го ключика? Если да, то как этого избежать? </i></p> <p>Раньше это было явно – вес терялся, сейчас такого явно не наблюдается. Ставьте к концу более ли менее конкурентный запрос.</p> <p><i>– Если на странице много картинок и в альте присутствуют ключевые запросы, повлияет ли это на общий переспам страницы? </i></p> <p>Да, желательно разбавлять альты. Если там одно ключевое слово, такая оптимизация может потянуть на спам.</p> <p><i>– Если title Купить материалы для наращивания ресниц | Интернет магазин материалов Ukr-Salon, а Н1 — Купить материалы для наращивания ресниц — Ukr-Salon, это означает, что title и Н1 повторяются? </i></p> <p>Если у вас еще и в начале текста и, допустим, в URL будет фраза <i>«Купить материалы для наращивания ресниц» </i>, лучше избегать такого повторения. В данном случае Н1 лучше сформировать по-другому, попробуйте заменить его на <i>«Материалы для наращивания ресниц». </i></p> <p><i><b>– Наличие слова «купить» в большинстве Title на сайте не будет ли принято за спам? </b> </i></p> <p>Если сайт нормальный, не дорвей, то не будет. Для интернет-магазина это нормально, от этого никуда не денешься – у нас есть карточки товаров, на которых такие title актуальны.</p> <p><i>– Кулинарный сайт, для экономии времени картинки формируются с такими примерно alt: pechene-vkusnoe-1, pechene-vkusnoe-2… pechene-vkusnoe-10… Это переспам? </i></p> <p>Да, если есть и другие перечисления ключевых слов, то это станет дополнительным сигналом.</p> <p>Спасибо за внимание! Ждём вас на новых вебинарах, темы, которые вам интересны, можно предлагать в комментариях.</p> <span><i> </i> Подписаться на рассылку </span> <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="/informacionnye-sistemy-menedzhmenta-v-gostinichnom-biznese.html"> <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://i0.wp.com/studme.org/htm/img/15/3674/36.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 class="post article-wrp with-border col-sm-6 col-md-4"> <div class="article-in-loop"> <a class="thumb-title" href="/kak-sozdat-aak-v-yutube-yutub-kak-zaregistrirovatsya-kak-sozdat.html"> <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/iklife.ru/wp-content/uploads/2016/07/registraciya-akkaunta-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 class="post article-wrp with-border col-sm-6 col-md-4"> <div class="article-in-loop"> <a class="thumb-title" href="/chto-nazyvayut-mozgom-kompyutera-kak-soedinit-chelovecheskii.html"> <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/wiki.likt590.ru/lib/exe/fetch.php/tema:mozg-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> </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="/wp-content/themes/sk-Evrikak/scroll-Pane/jquery.mousewheel.js"></script> <script type="text/javascript" src="/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="/prosto-o-slozhnom-chto-takoe-kvantovyi-kompyuter-i-zachem-on-nuzhen.html"> <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://i0.wp.com/womanadvice.ru/sites/default/files/27/kvantovyy_kompyuter_princip_raboty.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="/origin-ne-vidit-internet-podklyucheniya-origin-ne-vidit-internet-podklyucheniya-ne-poluchaetsya-zaiti-v-ori.html"> <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/sweetcode.ru/images/zamet/You-must-be_online-when_logging-in-for-the-first-time.jpg" class="img-responsive" alt="Origin не видит интернет-подключения Не получается зайти в origin" loading=lazy> </span> </span> </span> </span> </span> </span> <span class="date"> Origin не видит интернет-подключения Не получается зайти в origin </span> <span class="title"> Ошибка Origin ужасно бесит, решение достигается следующим образом.Вид ошибки: Сетевая авторизация... </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="/ubrat-uslugu-kto-zvonil-tele2-otklyuchenie-uslugi-kto-zvonil-na-tele2.html"> <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://i0.wp.com/fb.ru/misc/i/gallery/45312/1527964.jpg" class="img-responsive" alt="Отключение услуги Кто звонил на Теле2" loading=lazy> </span> </span> </span> </span> </span> </span> <span class="date"> Отключение услуги Кто звонил на Теле2 </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="/mozhno-li-smotret-gostei-vkontakte-cherez-prilozhenie-kak-v.html"> <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/pc-helpp.com/uploads/posts/2016-12/thumbs/1480858927_2.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> <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.html">Обратная связь</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://sevq.ru/chto-takoe-taitl-stranicy-pravila-formirovaniya-title-i-description-video-i-tekst-vebinara.html" target="_blank"><img src="/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://sevq.ru/chto-takoe-taitl-stranicy-pravila-formirovaniya-title-i-description-video-i-tekst-vebinara.html" target="_blank"><img src="/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="/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="/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='/wp-content/plugins/decomments/templates/decomments/assets/js/decom.min.js?ver=1513648647'></script> <script type='text/javascript' src='/wp-content/themes/sk-Evrikak/js/modernizr-2.8.3.min.js?ver=4.9.1'></script> <script type='text/javascript' src='/wp-content/plugins/visualizer/js/lib/clipboardjs/clipboard.min.js?ver=3.0.4'></script> <script type='text/javascript' src='/wp-content/plugins/mistape/assets/js/mistape-front.js?ver=1.3.3'></script> <script type='text/javascript' src='/wp-content/plugins/lazy-load/js/jquery.sonar.min.js?ver=0.6.1'></script> <script type='text/javascript' src='/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:\/\/sevq.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="/wp-content/themes/sk-Evrikak/ad/ad_popup-and-bottom/show-ads.js"></script> </body> </html>