Хитрости написания title и description. Мета теги title, description и keywords мешают продвижению

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

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

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

Что такое Title?

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

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

В браузере

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

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

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

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

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

Очень много заголовков title составлены криво и неправильно.
Чтобы правильно составить тег Title нужно провести предварительный анализ.
Нужно уметь внимательно составлять семантическое ядро.
Нужно уметь анализировать ядро.
Нужно уметь отличать человеческое от роботизированного.
Нужно распределять семантику между страницами.
Нужно обладать ясным умом.
Нужно читать книги.
Нужно тратить время.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Шаблоны для title

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Длина title

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

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

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

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

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

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

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

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

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

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

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

Символы

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

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

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

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

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

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

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

Бренд в title

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

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

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

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

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

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

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

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

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

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

Пример

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Выводы

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

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

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

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

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

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

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

Тайтл — это единственное, что в SEO важнее, чем поведенческие факторы. Вот почему эту тему следует знать досконально, что и случится с вами после прочтения этой статьи.

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

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

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

Если визуально, то Тайтл это вот что:

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

Продвижение хвостами

Одна из основных ошибок сеошников — тайтл, прописанный без учета низкочастотных запросов. То есть некоторые рассчитывают продвинуться по запросу , прописав в заголовке «Sony CX405». Таких умников достаточно, и понятно, что трафика такая страница почти стопроцентно не принесет. А вот если мы пропишем в Title «Купить видеокамеру Sony CX405 handycam: обзор, отзывы и характеристики», то высока вероятность, что хотя бы по одному из низкочастотников, например [характеристики Sony CX405], наша страница попадет в топ.

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

Основные требования

Обычно технические требования к Title выставляются такие:

Он должен начинаться с ключевой фразы и с большой буквы.
Размер — до 120 символов.
Допустимые знаки разделения: двоеточие и кавычки. Ограничение по запятым — не более 2 штук. Знак вопроса используем только для вопросов.
Стараемся использовать подсветки, синонимы и интенты. Так можно привлечь больше трафика по НЧ
Тайтл должен различаться с h1, но не особо сильно.

А в остальном тайтл должен быть таким:

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

Если у вас заголовки прописаны в стиле «title | site.ru» — то лучше бы от такой хрени избавиться. Если уж и нужна уникализация, то прописывание названия сайта через тире будет предпочтительнее.

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

Почему title более важен, чем H1?

Оглавление H1 это лишь название материала на странице, тайтл же отображает суть и смысловую нагрузку всего html-документа, является ее именем (name page). Он может содержать больше символов, чем h1, заключать в себя ключевые слова и фразы. H1 не может быть слишком раздутым, чтобы не занимать много места на странице, и туда не впихнешь лишние НЧ-запросы, то есть для продвижения именно титл становится основным.

Title используют поисковые роботы, чтобы собрать больше информации о документе.
Этот заголовок отображается в социальных сетях при линках.
Его видят пользователи в выдаче, делая запросы в поисковик.
Тайтл можно «брендировать», что не только повысит узнаваемость компании, но и абсолютно уникализирует альтернативный заголовок (к примеру, предложение: «Ремонт холодильников в Саратове, быстро, надежно», наверняка, не уникально, а вот в таком виде: «Ремонт холодильников в Саратове, быстро, надежно — Masterfrost», где последнее является названием фирмы, уже не повторяется нигде в Сети).

Нужна ли уникальность

Во-первых, желательно, чтобы ваш мета тег Title был уникальным во всей Сети. Хотя сегодня достичь 100% неповторимости в этом деле трудно. В этом случае уникализировать названия html-документов поможет брендирование.

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

В-третьих, каждая страница должна быть именована разными тайтлами. Если один текст придется разбивать на несколько, то будет разумным использовать один и тот же title, но делать к нему приставки в таком виде: часть 1, часть 2 или стр.1, стр.2 и так далее.

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

Требования по размеру

Яндекс и Гул все равно «выжмут» только определенное количество слов и символов, и не больше. Параметры отображения сниппетов для этих двух поисковых систем разнятся.

Яндекс

Система учитывает не более 13-14 слов и показывает в серпе около 70-80 знаков без пробелов. Остальное просто останется за пределами видимости и будет заменено на троеточие.

Гугл

Он отображает еще меньше символов – примерно 12 слов, и в совокупности 68-70 знаков без пробелов. Впрочем, недавно Гугл увеличил ширину сниппетов в выдаче.

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

Влияние браузеров на отображение сниппетов

Видимость сниппетов зависит от браузеров и индивидуальных настроек каждого компьютера. Разрешение экрана, шрифты – все это имеет значение. Конечно, существенной разницы в отображении символов при регулировке зума не будет, максимум несколько знаков. Другие результаты могут получиться и в мобильной верстке. Трудно заранее предугадать и высчитать, где и как будет показываться title. Если только в 60 символов его содержимое умещать, тогда почти стопроцентно тайтл будет полностью отображаться в выдаче.

Символы и стоп-слова

Далеко не каждый символ несет в себе смысловую нагрузку.

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

Заголовок может содержать в себе знаки и символы, которые будут делить фразу на пассажи.

Значение слова «пассаж»: под пассажем понимается определенная последовательность слов на веб-документе, разделенных знаками препинания или html-тегами. Если человек может и не обратить внимание на разделяющие знаки препинания и воспринять фразу целиком, то поисковик не умеет так «думать» и анализирует отельные группы слов между символами пассажа.

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

Пример: «На улице мороз! Можно ли гулять с младенцем?» – тут поисковик увидит два пассажа. И в том же предложении, но такого вида: «На улице мороз!можно ли гулять с младенцем?» – один пассаж. Остальные знаки препинания никак не влияют на структуру заголовка в «глазах» поисковых систем, но все же злоупотреблять ими не рекомендуется, так как они скрадывают место для действительно значимых слов. Допустимы запятые, двоеточие, в крайнем случае тире и кавычки. Но чем их меньше в предложении, тем лучше.

Стоп-слова

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

Поисковые роботы не придают им большого значения. Однако запросы: [что делать, когда болит голова и как избавиться] и [что делать, болит голова, способы избавиться] – дадут разные результаты выдачи. Поэтому нельзя сказать, что стоп-слова не важны и полностью игнорируются ботами. Частить ими не стоит, но применять в соответствии с ключевыми запросами и читабельной логической структурой можно.

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

Дубль Н1 и title – допустимо ли?

Вполне. До сих пор существует немало страниц, где заголовок H1 полностью повторяет титл. Как это влияет на ранжирование?

Снова вернемся к тому определению, что H1 – это для людей. Остальное для роботов. Это значит, что заголовок статьи должен быть абсолютно человекопонятным, интересным, логичным, когда как в тегах допускаются «игры» с ключами, вопреки перечисленным параметрам. По сути, нет ничего ужасного в том, что два тега будут друг друга дублировать. Хотя некоторые сеошники утверждают, что это недопустимо, факты доказывают, что в ТОПе немало сайтов, которые вообще не имеют тайтлов.

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

Можно ли редактировать заголовки, если страница уже проиндексирована?

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

Меняйте словоформы, анализируйте запросы, используйте более актуальные, свежие. Ведь показатели тут всегда динамичны. Но не забывайте главного – чтобы заголовок не вводил в заблуждение пользователей и всегда соответствовал контенту. Результаты правок будут заметны не сразу, поэтому не торопитесь делать выводы, дайте время странице. На это может уйти от 1 до 6 месяцев.

Сервисы, помогающие редактировать сниппеты

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

Одной из таких программ является Screaming Frog SEO Spider. С её помощью можно посмотреть, как сниппеты будут выглядеть в выдаче Google.

Другой неплохой сервис – serpsimulator.com, который имеет также огромное количество настроек и позволит увидеть отображение мет в поисковой выдаче.

В заключение

Правильные тайтлы – это основа основ. Самый быстрый способ поднять посещаемость с поисковиков. Недаром существует поговорка «Title – всему голова».

</b> - это первое, что видит посетитель, а также поисковая система, поэтому важно правильно оформить заголовок, чтобы пользователь понял, что это то, что он искал.</p> <p>От грамотного и <a href="/kakoi-antivirus-luchshe-vsego-podhodit-dlya-android-reiting-antivirusov/">хорошего описания</a> зависит многое. Если заголовок вызывает у пользователей жгучий интерес, желание посетить сайт, трафик вообще может взлететь ракетой до небес. Поэтому оптимизация <b>title </b> такой же важный факт, как находиться постоянно в ТОПе. Можно смело утверждать в наше время, что это одна из самых важных частей. Кстати, если научится правильно формировать title, то можно легко обойтись без финансовых вложений при раскрутке интернет ресурса. И уже через 2 месяца видеть обширный приток посетителей на свой сайт. Живое подтверждение тому весь этот сайт.</p> <h3>Использовать грамотно и логично составленные фразы</h3> <p>3. Формируйте заголовки, которые будут вызывать любопытство. Хитрость также заключается в психологическом факторе. Человеку всегда любопытно, а почему небо сиреневенькое?</p> <p>4. Для оптимизации под высокочастотные запросы рекомендуется делать короткие заголовки, для низкочастотных использовать максимум ключевых слов.</p> <p>5. Исключить по возможности из title стоп-слова, предлоги, союзы, знаки препинания. Хитрость в том, что их плотность тоже учитывается, а смысловой информации они не несут.</p> <p>6. Если сильно хочется, чтобы ваши страницы выделялись в закладках, например, того же , лучше название компании заменить Иконкой. То есть научиться пользоваться тегом:</p> <p><link rel="shortcut icon" type="image/x-icon" href="images/icon.png" /></p> <p>7. Использовать в title ключевые слова, общие для всех страниц, они усиливают друг друга, образуют тематическое, семантическое ядро.</p> <h2>Как НЕ нужно делать в title</h2> <ol><li>Не нужно включать WEB (http) адрес в название своего сайта. Это сверх идиотизм. Во-первых, все домены уникальны и соответственно результат на запрос по домену и так будет уникальным и единственным. Во-вторых, человек уже на вашем домене, и WEB адрес прекрасно видно в адресной строке, дык зачем тогда повторять это в <b>title </b>? Или думаете, что поисковая система забыла ваш домен и вы решили ей напоминать об этом на каждой странице? Ну и в-третьих, если вы считаете, что по домену вас найдет человек, то глубоко заблуждаетесь, ибо не зная домена человек никогда не наберет вашу абракадабру, сперва в любом случае он обратится к поисковой системе.</li> <li>Название компании также не нужно включать в название каждой страницы. Это такой же идиотизм, как пункт первый. Исключение составляют те случаи, когда название вашей компании является для поисковой системы конкурентным запросом. Но такие случаи довольно редки.</li> <li><b>Не используйте </b> в title следующие символы <b>@#$^&*~` </b>. Некоторые любят ставить «$$$ Заработок в сети $$$» - такое извращение прямая дорога в бан.</li> </ol><p>Эта статья основана на реальных экспериментах и опыте многих специалистов, а не на вымыслах, достаточно сделать в поисковых системах запросы по поводу правильного title, например: «как правильно оформлять title » и увидите данную статью в ТОП 1, во всех <a href="/izvestnye-poiskovye-sistemy-poiskoviki-bez-zapretov-tri-maloizvestnyh-poiskovyh-sistemy-v-sravneni/">известных поисковиках</a>. К статье не применялся никакой метод по раскрутке.</p> <p>UPD: 2013-10-19 С момента публикации статьи, мою картинку потырили более 30 сайтов и ни одна собака не поставила обратной ссылки, но главное, даже не почистили теги в картинке, ведущие на мой сайт. Прикольно.</p> <p>Мы выпустили <a href="/programma-skorochteniya-besplatno-obuchaemsya-skorochteniyu-samostoyatelno-po/">новую книгу</a> «Контент-маркетинг в социальных сетях: Как засесть в голову подписчиков и влюбить их в свой бренд».</p> <form onsubmit="return false;" class="innerContentSubscribe_form swpmc-js-form" data-container=".innerContentSubscribe" data-on-success="swptEvents.blogSubscribeSuccess()"> <p> <input class="inputText js-placeholder" type="text" name="email" id="innerContentSubscribeEmail" value=""></p> <p>Подписаться</p> </form> <p><img src='https://i0.wp.com/semantica.in/wp-content/uploads/2017/12/27fe505ef8a0-1.png' align="center" width="100%" loading=lazy></p> <p>Тег title – это заголовочный тег, его содержимое отображается в заголовке браузера.</p> <p><span class="yPlTeOxEknU"></span></p> <p><b>Больше видео на нашем канале - изучайте интернет-маркетинг с SEMANTICA </b></p> <p><img src='https://i1.wp.com/semantica.in/wp-content/uploads/2017/12/yutub.png' height="37" width="178" loading=lazy></p> <p>Чтобы понять, для чего нужен title, надо определить, какие функции он выполняет. Главная его задача – сообщить поисковым системам о содержании страницы.</p> <h2>Где находится title</h2> <p>Искать тег title надо в коде вначале страницы, внутри тега<head> </head>. </p> <h2>Требования к заполнению тега title</h2> <p>Позиции вашего сайта в выдаче во многом зависят от того, «понимают» ли поисковые системы, о чем он и для кого предназначен. Именно об этом им рассказывает title и именно поэтому он так важен. Решая, что писать в title, учтите, что есть ряд требований к формулировке этого тега, без соблюдения которых вы никогда не «подружитесь» с поисковиками.</p> <ul><li>Самый <a href="/htc-pishet-obnovlenie-personalizacii-v-ocheredi-zavisaet-one-x-samye-chastye/">частый вопрос</a> – какой должна быть длина title. Размер видимой части title колеблется в промежутке от 55 до 80 символов с пробелами. Оставшаяся часть не будет видна в выдаче, но поисковая система ее учтет. Яндекс обычно показывает 70-80 символов, а учитывает первые 15 слов тега. Google показывает 55-70 знаков и учитывает 12 слов.</li> <li>Смысл title должен быть понятен с первого взгляда. Увидев его, пользователь или поисковик должен мгновенно понять, о чем текст. Лучше если формулировка тега будет носить «цепляющий» характер.</li> <li>В title можно включить несколько ключевых запросов. В начале рекомендуется ставить самый частотный из группы. Формулировка предложения в теге должна выглядеть естественно с грамматической и стилистической точки зрения. То есть, не быть простым перечислением ключей или нагромождением слов (лишь бы все вписать). “Кривых”, нечитаемых конструкций из ключей не допускается.</li> <li>Этот тег не должен дублировать заголовок текста, который вы заключите в тег H1. Если вы хотите, чтобы и в заголовке и в title стоял один запрос, измените формулировку, дословное совпадение недопустимо.</li> <li>Не вставляйте в title перечисления ключевых слов через запятую. Поисковая система может идентифицировать ваш сайт как переспамленный, и вы потратите много сил, выводя его из-под санкций.</li> <li>Для каждого документа вашего сайта нужен собственный уникальный тайтл страницы. Одинаковые теги для <a href="/kak-v-vorde-ubrat-numeraciyu-neskolkih-stranic-kak-ubrat-numeraciyu-stranic-v/">разных страниц</a> очень плохо влияют на продвижение сайта.</li> <li>Тег title должен быть уникальным. Копировать чужие теги нельзя, если не хотите, чтобы поисковые системы вас наказали за плагиат.</li> </ul><p>Правила написания title помогут вам максимально быстро научиться заполнять этот тег.</p> <h2>Тег title для разных разделов и страниц</h2> <p>В первую очередь тег title формулируют для <a href="/yandeks-glavnaya-stranica-sdelat-domashnei-kak-sdelat-yandeks/">главной страницы</a>. В него включают основной, как правило, высококонкурентный запрос. Поскольку именно он будет показываться в поисковых системах в качестве сниппета, необходимо сделать его формулировку максимально привлекательной, чтобы пользователю захотелось узнать подробнее, что за ней стоит. Фактически, такой title работает, как рекламный слоган.</p> <p>Остальные тайтлы на сайте зависят от контента страниц. Чтобы не мучиться, решая какой должен быть title, для однотипных страниц можно придумать шаблон. Обычно в него входит наименование страницы или раздела каталога и привлекающие внимание слова – отзывы, фото, стоимость, скидка. Этот прием можно использовать, прописывая title для карточек товаров, разделов интернет-магазина, изображений в галерее. В карточках title начинают с названия товара или слов вроде “купить”, в разделах - с его названия, в галерее со слов «изображения», «фото», «примеры работ».</p> <p>Правильное написание всех тегов крайне важно для продвижения сайта. Ваши вложения в продвижение не будут работать, пока не выверены и не исправлены основные теги, среди которых title является главным.</p> <p>В Google и видим: Тег title на странице это второй по важности (после контента) фактор, который дает большое влияние на релевантность сайта.</p><p>Решил обобщить свои и чужие знания по теме «заголовок страницы веб-ресурса» и оформить его в эту статью. В этой статье поговорим про неправленый и правильный заголовок страницы, как составить SEO <a href="/podrobnoe-posobie-po-ispolzovaniyu-tega-title-teg-title-nazvanie/">title страницы</a>, значение тега title в <a href="/gugl-amerikanskaya-versiya-versii-poiskovika-google-v-raznyh-stranah-mira/">разных поисковиках</a>, его длине и вхождении в заголовок ключевых слов. Надеюсь, обучающий характер материала позволит разобраться в теме новичкам и начинающим вебмастерам.</p><h2><span>Заголовок страницы и тег title </span></h2><p>Давайте начнём с азов. Любую веб-страницу нужно рассматривать с двух точек зрения.</p><p><b>Во-первых </b>, веб-страница это <a href="/kak-tekstovyi-dokument-perevesti-v-html-preobrazovanie-html-faila-v-tekstovyi/">HTML- документ</a>, написанный по всем правилам html-разметки. Именно, как html-документ, веб-страницу «видят» роботы поисковых систем. Вы всегда можете посмотреть на страницу любого сайта, воспользовавшись инструментом просмотра кода страницы в браузере или профессионально использовать в работе текстовые браузеры.</p><p><b>Во-вторых </b>, вы как пользователь видите веб-страницу в визуально <a href="/vybiraem-idealnuyu-diagrammu-dlya-predstavleniya-vashih-dannyh-prosto-i-ponyatno/">понятном виде</a>. Такой просмотр создает ваш браузер, переводя html-разметку страницы в удобно читаемый, оформленный текст с возможным добавлением картинок, видео и ссылок.</p><p>Вы спросите, зачем я начал так издалека? Дело в том, что заголовок страницы, который мы видим в браузере, не всегда совпадает с тем, что считают заголовком документа поисковые боты.</p><p>Поисковые боты считают заголовком текст, который окружен в html версии страницы в парные <a href="/html-teg-title-effektivno-ispolzuem-zagolovok-stranicy-zagolovok-title-chto/">теги title</a>.</p><p>Вы как пользователь, будете видеть текст в тегах title, его часто называют тайтл, в верхнем поле окна вашего браузера.</p><h2>Тег Title </h2><p>Так как боты поисковиков «видят» заголовок страницы в тегах title, то для оптимизации правильный заголовок страницы, это, прежде всего, правильно оформленный текст в парном теге title.</p><p>Синтаксис тайтла:</p><p> <title>Заголовок веб-документа

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

В завершении этого раздела, замечу, что title попадает почти в начало блока head веб-страницы, и не входит в тело страницы – блок body. Это замечание понадобится чуть ниже.

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

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

Ключи в title

Обращаемся к «закону» и в 12 параграфе 200 факторов Google (ссылка выше), читаем:

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

Как видите, по Google, наличие ключевой фразы в title не только не подвергается сомнению, но и настоятельно рекомендуется помещать ключ страницы в самое начало title.

Давайте посмотрим, что по этому поводу говорит Яндекс. https://yandex.ru/support/webmaster/recommendations/presentation.xml

Заголовок страницы это текст, определяемый тегом . С его помощью вебмастер дает понять поисковой системе, что содержится на странице … это в некотором роде, <a href="/vizitnaya-kartochka-na-android-kak-importirovat-vcf-dlya-android-v-easy-way-import/">визитная карточка</a> вашего ресурса. Хорошо, если заголовок не только содержит ключевые слова, но также информативен и актуален.</p> </blockquote><p>Как видите, позиция Яндекс по включению ключа в заголовок страницы аналогична, а вот рекомендаций по его размещению в начале заголовка нет.</p><p>Однако важно, чтобы ключевая фраза в заголовке попала в «нормативную» длину заголовка, которая есть у каждого поисковика.</p><p><b>Во-первых </b>, длина заголовка страницы может быть любой. Вы можете вставить в заголовок хоть целый абзац. <a href="/5-poiskovyh-sistem-poiskovye-sistemy-rossii-i-lidiruyushchie/">Поисковые системы</a> просто обрежут заголовок и используют его начало, поставив после резки троеточие.</p><p>Это значит, что рекомендуемая длина заголовка важна, для попадания в эту длину ключа страницы. И разумно, из-за меняющихся правил поисковиков, ключевую фразу разместить ближе к началу title, чтобы после очередного изменения правил не пришлось переписывать все тайтлы.</p><p><img src='https://i1.wp.com/seojus.ru/wp-content/uploads/2018/06/jandeks-title.png' align="center" width="100%" loading=lazy><br><img src='https://i2.wp.com/seojus.ru/wp-content/uploads/2018/06/jandeks-dlina-title.png' align="center" width="100%" loading=lazy></p><p><img src='https://i2.wp.com/seojus.ru/wp-content/uploads/2018/06/optimalnaja-dlina-title-seo.png' align="center" width="100%" loading=lazy></p><ul><li>Длина заголовка для Яндекс продвижения не более 15 слов или 80 знаков;</li><li>Google учитывает первые 12 слов title или 70 знаков.</li> </ul><p>На практике я не нашел в выдаче ни Яндекс, ни Google не обрезанных заголовков длиннее 55 знаков. Причем, Яндекс режет длинный заголовок до 35-39 знаков очень часто.</p><p>На своих сайтах, я не думаю о длине заголовка. На сайтах WordPress за длиной title следит SEO плагин, а на Joomla я просто пишу ключ в начало, а длину заголовка делаю разумной по смыслу.</p><h3>Стоп слова </h3><p>Русский язык богат связывающими словами, которые поисковики считают лишними. К ним относятся служебные части речи, местоимения, слова, не несущие дополнительного смысла. Они автоматически исключаются из запроса пользователя.</p><p>Моё мнение по поводу стоп слов такое. Неуместно, если title будет состоять из одних стоп слов. Например, «Хотел я, то есть, то не есть» (глагол «есть» стоп-слово) или «Если мне не до того, как я могу не есть». Если заголовок написан осмысленно и выражает точную мысль, то 2-3 стоп-слова ему не помешают. Например, «Как выбрать лодку для рыбалки». Слово «Как» для Google, в начале заголовка можно убрать. Для Яндекс не обязательно.</p><h3><span>Заголовок, литература и интеллектуальный поиск </span></h3><p>Последние тенденции <a href="/kak-rabotaet-umnaya-lenta-vkontakte-i-intellektualnyi-algoritm/">интеллектуального поиска</a> добавили к стоп словам целые построения фраз, которые нужно (желательно) избегать. А именно избегайте в заголовке:</p><p>Важно заметить, что перечисленные «последние тенденции», скорее относятся к литературному написанию заголовка, а не его оптимизации. Хотя в SEO есть такое понятие, как читабельность и его значение всё более увеличивается.</p><h3><span>Знаки препинания в title </span></h3><p>К знакам препинания относятся символы: () — = / \ ! ? | + _ . : ;. Вопрос таков, можно ли их использовать в правильном заголовке страницы?</p><p>Давайте подумаем. Правильный заголовок страницы это заголовок понятный поисковому боту. Бот «читает» текст по символам и тегам. Если он видит тег <p>Он «читает» это новый абзац. Если он видит символы точка (.), <a href="/chto-oznachaet-lezhashchii-android-s-krasnym-treugolnikom-chto/">восклицательный знак</a> (!) или вопросительный знак (?), бот разбивает фразу на так называемые пассажи – независимые смысловые части.</p> <script type="text/javascript">  </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> <footer> <div class="td-post-source-tags"> </div> <meta itemscope itemprop="mainEntityOfPage" itemType="https://schema.org/WebPage" itemid="https://rokwell.ru/hitrosti-napisaniya-title-i-description-meta-tegi-title-description-i-keywords-meshayut/" content="https://rokwell.ru/hitrosti-napisaniya-title-i-description-meta-tegi-title-description-i-keywords-meshayut/" /><span style="display: none;"><span style="display: none;"><meta itemprop="url" content="/assets/logo.svg"></span> <meta itemprop="name" content="Хитрости написания title и description. Мета теги title, description и keywords мешают продвижению"> </span> <meta itemprop="headline " content="Сбербанк Копилка онлайн"><span style="display: none;" itemprop="image" itemscope itemtype="https://schema.org/ImageObject"><meta itemprop="url" content="https://i2.wp.com/livepage.pro/wp-content/uploads/2015/09/title-1.png"> <meta itemprop="width" content="366"><meta itemprop="height" content="262"></span> </footer> </article> <style> .ads-border { overflow: hidden; } .ads-content { width: 930px; display: block; } @media(max-width: 1140px) { .ads-content { width: 910px; } } @media(max-width: 1018px) { .ads-content { width: 970px; } } @media (max-width: 767px) { .ads-content { width: 134%; } } @media (max-width: 479px) { .ads-content { width: 100%; height: 490px; } } </style> <div class="ads-block"> <h4 class="td-related-title"><span class="td-related-left td-cur-simple-item">СХОЖИЕ СТАТЬИ</span></h4> <div class="ads-border"> <div class="ads-content"> <div id="fofuny1" style="height:90px;width:690px;" align="center"></div> </div> </div> </div> <style> #mc-container { padding: 10px; } </style> <dblock></dblock> </div> </div> <div class="td-pb-span4 td-main-sidebar" role="complementary"> <div class="td-ss-main-sidebar"> <aside class="widget widget_text" id="text-23"> <div class="block-title"><span>Полезное</span></div> <div class="textwidget" align="center"><div id="fofuny2" style="height:200px;width:300px;" align="center"></div></div> </aside> <aside class="widget widget_text" id="text-24"> <div class="block-title"><span>Реклама</span></div> <div class="textwidget" align="center"><div id="fofuny3" style="height:200px;width:300px;" align="center"></div></div> </aside> <aside class="widget widget_text" id="text-25"> <div class="textwidget"> <p style="text-align: center;"> </p> </div> </aside> <aside class="widget rpwe_widget recent-posts-extended" id="rpwe_widget-4"> <div class="block-title"><span>Новое</span></div> <dblock></dblock> <div class="rpwe-block "> <ul class="rpwe-ul"> <li class="rpwe-li rpwe-clearfix"> <a class="rpwe-img" href="/sozdanie-pdf-dokumentov-zpolnyaemyh-pdf-form-s-pdf-maker-pilot-sozdanie-i/" rel="bookmark"> <img class="rpwe-aligncenter rpwe-thumb" src="https://i1.wp.com/file-maker.ru/wp-content/uploads/2014/09/uvelichenie-2-1024x747.jpg" alt="Создание и изменение полей формы Как сделать в пдф редактируемые поля" loading=lazy></a> <a style="color: #169c4c; font-size:14px; font-weight:600;" href="/sozdanie-pdf-dokumentov-zpolnyaemyh-pdf-form-s-pdf-maker-pilot-sozdanie-i/" title="Создание и изменение полей формы Как сделать в пдф редактируемые поля" rel="bookmark">Создание и изменение полей формы Как сделать в пдф редактируемые поля</a> </li> <li class="rpwe-li rpwe-clearfix"> <a class="rpwe-img" href="/funkcionalnye-zip--i-rar-arhivatory-dlya-android-vybiraem-horoshii/" rel="bookmark"> <img class="rpwe-aligncenter rpwe-thumb" src="https://i0.wp.com/grand-screen.com/blog/wp-content/uploads/2015/08/112.jpg" alt="Выбираем хороший распаковщик файлов" loading=lazy></a> <a style="color: #169c4c; font-size:14px; font-weight:600;" href="/funkcionalnye-zip--i-rar-arhivatory-dlya-android-vybiraem-horoshii/" title="Выбираем хороший распаковщик файлов" rel="bookmark">Выбираем хороший распаковщик файлов</a> </li> <li class="rpwe-li rpwe-clearfix"> <a class="rpwe-img" href="/tatenergosbyt-lichnyi-kabinet-fizicheskogo-lica-lichnyi-kabinet-tatenergosbyt/" rel="bookmark"> <img class="rpwe-aligncenter rpwe-thumb" src="https://i1.wp.com/energozhkhsbyt.ru/wp-content/uploads/2018/07/tatenergosbyt-peredat-pokazaniaya.png" alt="Личный кабинет «Татэнергосбыт" loading=lazy></a> <a style="color: #169c4c; font-size:14px; font-weight:600;" href="/tatenergosbyt-lichnyi-kabinet-fizicheskogo-lica-lichnyi-kabinet-tatenergosbyt/" title="Личный кабинет «Татэнергосбыт" rel="bookmark">Личный кабинет «Татэнергосбыт</a> </li> <li class="rpwe-li rpwe-clearfix"> <a class="rpwe-img" href="/referat-ponyatie-i-naznachenie-informacionnoi-sistemy-struktura-i/" rel="bookmark"> <img class="rpwe-aligncenter rpwe-thumb" src="https://i1.wp.com/konspekta.net/lektsiiorgimg/baza17/2120344678018.files/image004.gif" alt="Структура и состав информационной системы Задачи и функции ИС" loading=lazy></a> <a style="color: #169c4c; font-size:14px; font-weight:600;" href="/referat-ponyatie-i-naznachenie-informacionnoi-sistemy-struktura-i/" title="Структура и состав информационной системы Задачи и функции ИС" rel="bookmark">Структура и состав информационной системы Задачи и функции ИС</a> </li> <li class="rpwe-li rpwe-clearfix"> <a class="rpwe-img" href="/proverka-vhozhdeniya-podstroki-v-stroku-php-funkcii-raboty-so/" rel="bookmark"> <img class="rpwe-aligncenter rpwe-thumb" src="https://i1.wp.com/fb.ru/misc/i/gallery/39768/2303817.jpg" alt="Функции работы со строками в PHP" loading=lazy></a> <a style="color: #169c4c; font-size:14px; font-weight:600;" href="/proverka-vhozhdeniya-podstroki-v-stroku-php-funkcii-raboty-so/" title="Функции работы со строками в PHP" rel="bookmark">Функции работы со строками в PHP</a> </li> <li class="rpwe-li rpwe-clearfix"> <a class="rpwe-img" href="/gadzhet-muzykalnyi-pleer-na-samsung-s3-mp3-pleer-dlya-samsunga-musixmatch-pleer-na/" rel="bookmark"> <img class="rpwe-aligncenter rpwe-thumb" src="https://i2.wp.com/sms-mms-free.ru/sites/default/files/images/listen_music_phone.jpg" alt="Гаджет музыкальный плеер на samsung s3" loading=lazy></a> <a style="color: #169c4c; font-size:14px; font-weight:600;" href="/gadzhet-muzykalnyi-pleer-na-samsung-s3-mp3-pleer-dlya-samsunga-musixmatch-pleer-na/" title="Гаджет музыкальный плеер на samsung s3" rel="bookmark">Гаджет музыкальный плеер на samsung s3</a> </li> <li class="rpwe-li rpwe-clearfix"> <a class="rpwe-img" href="/rabota-pod-nagruzkoi-i-v-rezhime-prostoya/" rel="bookmark"> <img class="rpwe-aligncenter rpwe-thumb" src="https://i2.wp.com/3dnews.ru/assets/external/illustrations/2018/04/15/968451/sm.amd_mobile_apus.750.jpg" alt="Работа под нагрузкой и в режиме простоя" loading=lazy></a> <a style="color: #169c4c; font-size:14px; font-weight:600;" href="/rabota-pod-nagruzkoi-i-v-rezhime-prostoya/" title="Работа под нагрузкой и в режиме простоя" rel="bookmark">Работа под нагрузкой и в режиме простоя</a> </li> <li class="rpwe-li rpwe-clearfix"> <a class="rpwe-img" href="/pri-zvonke-ekran-gasnet-i-ne-vklyuchaetsya-chernyi-ekran-pri/" rel="bookmark"> <img class="rpwe-aligncenter rpwe-thumb" src="https://i2.wp.com/iphones.ru/wp-content/uploads/2017/01/iphone_blackscreen_problam_4.jpg" alt="Черный экран при входящем звонке на iPhone — почему он не загорается?" loading=lazy></a> <a style="color: #169c4c; font-size:14px; font-weight:600;" href="/pri-zvonke-ekran-gasnet-i-ne-vklyuchaetsya-chernyi-ekran-pri/" title="Черный экран при входящем звонке на iPhone — почему он не загорается?" rel="bookmark">Черный экран при входящем звонке на iPhone — почему он не загорается?</a> </li> <li class="rpwe-li rpwe-clearfix"> <a class="rpwe-img" href="/vklyuchenie-bluetooh-na-noutbuke-shag-za-shagom-sposoby-vklyucheniya-bluetooth-na-raznyh/" rel="bookmark"> <img class="rpwe-aligncenter rpwe-thumb" src="https://i1.wp.com/userologia.ru/wp-content/uploads/images/parametry.jpg" alt="Способы включения Bluetooth на разных версиях Windows Как пользоваться блютузом на ноутбуке виндовс 7" loading=lazy></a> <a style="color: #169c4c; font-size:14px; font-weight:600;" href="/vklyuchenie-bluetooh-na-noutbuke-shag-za-shagom-sposoby-vklyucheniya-bluetooth-na-raznyh/" title="Способы включения Bluetooth на разных версиях Windows Как пользоваться блютузом на ноутбуке виндовс 7" rel="bookmark">Способы включения Bluetooth на разных версиях Windows Как пользоваться блютузом на ноутбуке виндовс 7</a> </li> </ul> </div> </aside> </div> </div> </div> </div> </div> <div class="td-footer-wrapper td-footer-template-3"> <div class="td-container"> <div class="td-pb-row"> <div class="td-pb-span12"> </div> </div> <div class="td-pb-row"> <div class="td-pb-span3 logo-footer"> <div class="td-footer-info"> <div class="footer-logo-wrap"><a href="/"><img class="td-retina-data" src="/logo/logo.png" data-retina="/logo/logo.png" alt="Сайт о компьютерной технике" title="Сайт о компьютерной технике" / loading=lazy></a></div> <div class="footer-text-wrap"></div> <div class="footer-social-wrap td-social-style-2"></div> </div> <aside class="widget widget_text" id="text-16"> <div class="textwidget"> <script src="//yastatic.net/es5-shims/0.0.2/es5-shims.min.js"></script> <script src="//yastatic.net/share2/share.js"></script> <span class="ya-share2" data-services="vkontakte,facebook,odnoklassniki,moimir,gplus,twitter"></span></div> </aside> </div> <div class="td-pb-span9 footer-discription"> <aside class="widget widget_text" id="text-5"> <div class="textwidget"> <p> <font size="2" color="grey"> </font> </p> © Сайт о компьютерной технике, 2024</div> </aside> </div> </div> </div> </div> <div class="td-sub-footer-container"> <div class="td-container"> <div class="td-pb-row"> <div class="td-pb-span12 td-sub-footer-menu"> <div class="td-sub-footer-main"> <div class="menu-foot-container"><ul id="menu-foot" class="td-subfooter-menu"> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-first td-menu-item td-normal-menu"><a href="/feedback/">Обратная связь</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page td-menu-item td-normal-menu"><a href="/sitemap.xml">Карта сайта</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page td-menu-item td-normal-menu"><a href="">О сайте</a></li> </ul></div> </div> </div> </div> </div> </div> </div> <script type="text/javascript"> jQuery(document).ready(function () { jQuery("span.ancored").replaceWith(function () { $this = jQuery(this); href = $this.attr("title"); text = $this.html(); return '<a href="' + href + '">' + text + '</a>'; } ) } ) </script> <link rel='stylesheet' id='font-awesome-css' href='//netdna.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css?ver=4.4.0' type='text/css' media='all' /> <link rel='stylesheet' id='su-content-shortcodes-css' href='/assets/content-shortcodes.css' type='text/css' media='all' /> <link rel='stylesheet' id='su-box-shortcodes-css' href='/assets/box-shortcodes.css' type='text/css' media='all' /> <script type='text/javascript' src='/assets/jquery.form.min.js'></script> <script type='text/javascript'> /* <![CDATA[ */ var _wpcf7 = { "recaptcha":{ "messages":{ "empty":"\u041f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430, \u043f\u043e\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u0435, \u0447\u0442\u043e \u0432\u044b \u043d\u0435 \u0440\u043e\u0431\u043e\u0442."} },"cached":"1"} ; /* ]]> */ </script> <script type='text/javascript' src='/assets/scripts.js'></script> <script type='text/javascript' src='/assets/front.min.js'></script> <script type='text/javascript' src='/assets/imagesloaded.min.js'></script> <script type='text/javascript' src='/assets/masonry.min.js'></script> <script type='text/javascript' src='/assets/jquery.masonry.min.js'></script> <script type='text/javascript' src='/assets/rsvp.js'></script> <script type='text/javascript' src='/assets/tagdiv_theme.js'></script> <script type='text/javascript' src='/assets/comment-reply.min.js'></script> <script type='text/javascript'> var q2w3_sidebar_options = new Array(); q2w3_sidebar_options[0] = { "sidebar" : "td-default", "margin_top" : 25, "margin_bottom" : 320, "stop_id" : "", "screen_max_width" : 0, "screen_max_height" : 0, "width_inherit" : false, "refresh_interval" : 1500, "window_load_hook" : false, "disable_mo_api" : false, "widgets" : ['text-13'] } ; </script> <script type='text/javascript' src='/assets/q2w3-fixed-widget.min.js'></script> <script type='text/javascript' src='/assets/wp-embed.min.js'></script> <style type='text/css'> /*** Shortcodes Ultimate - box elements ***/ /* Common styles ---------------------------------------------------------------*/ .su-clearfix:before, .su-clearfix:after { display: table; content: " "; } .su-clearfix:after { clear: both; } /* Tabs + Tab ---------------------------------------------------------------*/ .su-tabs { margin: 0 0 1.5em 0; padding: 3px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; background: #eee; } .su-tabs-nav span { display: inline-block; margin-right: 3px; padding: 10px 15px; font-size: 13px; min-height: 40px; line-height: 20px; -webkit-border-top-left-radius: 3px; -moz-border-radius-topleft: 3px; border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topright: 3px; border-top-right-radius: 3px; color: #333; cursor: pointer; -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s; } .su-tabs-nav span:hover { background: #f5f5f5; } .su-tabs-nav span.su-tabs-current { background: #fff; cursor: default; } .su-tabs-nav span.su-tabs-disabled { opacity: 0.5; filter: alpha(opacity=50); cursor: default; } .su-tabs-pane { padding: 15px; font-size: 13px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-bottomright: 3px; border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-left-radius: 3px; background: #fff; color: #333; } .su-tabs-vertical:before, .su-tabs-vertical:after { content: " "; display: table; } .su-tabs-vertical:after { clear: both; } .su-tabs-vertical .su-tabs-nav { float: left; width: 30%; } .su-tabs-vertical .su-tabs-nav span { display: block; margin-right: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-border-top-left-radius: 3px; -moz-border-radius-topleft: 3px; border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-left-radius: 3px; } .su-tabs-vertical .su-tabs-panes { float: left; width: 70%; } .su-tabs-vertical .su-tabs-pane { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .su-tabs-nav, .su-tabs-nav span, .su-tabs-panes, .su-tabs-pane { -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important; } /* Styles for screens that are less than 768px */ @media only screen and (max-width: 768px) { .su-tabs-nav span { display: block; } .su-tabs-vertical .su-tabs-nav { float: none; width: auto; } .su-tabs-vertical .su-tabs-panes { float: none; width: auto; } } /* Spoiler + Accordion ---------------------------------------------------------------*/ .su-spoiler { margin-bottom: 1.5em; } .su-spoiler .su-spoiler:last-child { margin-bottom: 0; } .su-accordion { margin-bottom: 1.5em; } .su-accordion .su-spoiler { margin-bottom: 0.5em; } .su-spoiler-title { position: relative; cursor: pointer; min-height: 20px; line-height: 20px; padding: 7px 7px 7px 34px; font-weight: bold; font-size: 13px; } .su-spoiler-icon { position: absolute; left: 7px; top: 7px; display: block; width: 20px; height: 20px; line-height: 21px; text-align: center; font-size: 14px; font-family: FontAwesome; font-weight: normal; font-style: normal; -webkit-font-smoothing: antialiased; *margin-right: .3em; } .su-spoiler-content { padding: 14px; -webkit-transition: padding-top .2s; -moz-transition: padding-top .2s; -o-transition: padding-top .2s; transition: padding-top .2s; -ie-transition: padding-top .2s; } .su-spoiler.su-spoiler-closed > .su-spoiler-content { height: 0; margin: 0; padding: 0; overflow: hidden; border: none; opacity: 0; } .su-spoiler-icon-plus .su-spoiler-icon:before { content: "\f068"; } .su-spoiler-icon-plus.su-spoiler-closed .su-spoiler-icon:before { content: "\f067"; } .su-spoiler-icon-plus-circle .su-spoiler-icon:before { content: "\f056"; } .su-spoiler-icon-plus-circle.su-spoiler-closed .su-spoiler-icon:before { content: "\f055"; } .su-spoiler-icon-plus-square-1 .su-spoiler-icon:before { content: "\f146"; } .su-spoiler-icon-plus-square-1.su-spoiler-closed .su-spoiler-icon:before { content: "\f0fe"; } .su-spoiler-icon-plus-square-2 .su-spoiler-icon:before { content: "\f117"; } .su-spoiler-icon-plus-square-2.su-spoiler-closed .su-spoiler-icon:before { content: "\f116"; } .su-spoiler-icon-arrow .su-spoiler-icon:before { content: "\f063"; } .su-spoiler-icon-arrow.su-spoiler-closed .su-spoiler-icon:before { content: "\f061"; } .su-spoiler-icon-arrow-circle-1 .su-spoiler-icon:before { content: "\f0ab"; } .su-spoiler-icon-arrow-circle-1.su-spoiler-closed .su-spoiler-icon:before { content: "\f0a9"; } .su-spoiler-icon-arrow-circle-2 .su-spoiler-icon:before { content: "\f01a"; } .su-spoiler-icon-arrow-circle-2.su-spoiler-closed .su-spoiler-icon:before { content: "\f18e"; } .su-spoiler-icon-chevron .su-spoiler-icon:before { content: "\f078"; } .su-spoiler-icon-chevron.su-spoiler-closed .su-spoiler-icon:before { content: "\f054"; } .su-spoiler-icon-chevron-circle .su-spoiler-icon:before { content: "\f13a"; } .su-spoiler-icon-chevron-circle.su-spoiler-closed .su-spoiler-icon:before { content: "\f138"; } .su-spoiler-icon-caret .su-spoiler-icon:before { content: "\f0d7"; } .su-spoiler-icon-caret.su-spoiler-closed .su-spoiler-icon:before { content: "\f0da"; } .su-spoiler-icon-caret-square .su-spoiler-icon:before { content: "\f150"; } .su-spoiler-icon-caret-square.su-spoiler-closed .su-spoiler-icon:before { content: "\f152"; } .su-spoiler-icon-folder-1 .su-spoiler-icon:before { content: "\f07c"; } .su-spoiler-icon-folder-1.su-spoiler-closed .su-spoiler-icon:before { content: "\f07b"; } .su-spoiler-icon-folder-2 .su-spoiler-icon:before { content: "\f115"; } .su-spoiler-icon-folder-2.su-spoiler-closed .su-spoiler-icon:before { content: "\f114"; } .su-spoiler-style-default { } .su-spoiler-style-default > .su-spoiler-title { padding-left: 27px; padding-right: 0; } .su-spoiler-style-default > .su-spoiler-title > .su-spoiler-icon { left: 0; } .su-spoiler-style-default > .su-spoiler-content { padding: 1em 0 1em 27px; } .su-spoiler-style-fancy { border: 1px solid #ccc; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background: #fff; color: #333; } .su-spoiler-style-fancy > .su-spoiler-title { border-bottom: 1px solid #ccc; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background: #f0f0f0; font-size: 0.9em; } .su-spoiler-style-fancy.su-spoiler-closed > .su-spoiler-title { border: none; } .su-spoiler-style-fancy > .su-spoiler-content { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .su-spoiler-style-simple { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } .su-spoiler-style-simple > .su-spoiler-title { padding: 5px 10px; background: #f0f0f0; color: #333; font-size: 0.9em; } .su-spoiler-style-simple > .su-spoiler-title > .su-spoiler-icon { display: none; } .su-spoiler-style-simple > .su-spoiler-content { padding: 1em 10px; background: #fff; color: #333; } /* Quote ---------------------------------------------------------------*/ .su-quote-style-default { position: relative; margin-bottom: 1.5em; padding: 0.5em 3em; font-style: italic; } /*.su-quote-style-default.su-quote-has-cite { margin-bottom: 3em; } */ .su-quote-style-default:before, .su-quote-style-default:after { position: absolute; display: block; width: 20px; height: 20px; background-image: url('../images/quote.png'); content: ''; } .su-quote-style-default:before { top: 0; left: 0; background-position: 0 0; } .su-quote-style-default:after { right: 0; bottom: 0; background-position: -20px 0; } .su-quote-style-default .su-quote-cite { display: block; text-align: right; font-style: normal; } .su-quote-style-default .su-quote-cite:before { content: "\2014\0000a0"; } .su-quote-style-default .su-quote-cite a { text-decoration: underline; } /* Pullquote ---------------------------------------------------------------*/ .su-pullquote { display: block; width: 30%; padding: 0.5em 1em; } .su-pullquote-align-left { margin: 0.5em 1.5em 1em 0; padding-left: 0; float: left; border-right: 5px solid #eee; } .su-pullquote-align-right { margin: 0.5em 0 1em 1.5em; padding-right: 0; float: right; border-left: 5px solid #eee; } /* Row + Column ---------------------------------------------------------------*/ .su-row { clear: both; zoom: 1; margin-bottom: 1.5em; } .su-row:before, .su-row:after { display: table; content: ""; } .su-row:after { clear: both; } .su-column { display: block; margin: 0 4% 0 0; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .su-column-last { margin-right: 0; } .su-row .su-column { margin: 0 0 0 4%; } .su-row .su-column.su-column-size-1-1 { margin-left: 0; margin-right: 0; } .su-row .su-column:first-child { margin-left: 0; } .su-column-centered { margin-right: auto !important; margin-left: auto !important; float: none !important; } .su-column img, .su-column iframe, .su-column object, .su-column embed { max-width: 100%; } @media only screen { [class*="su-column"] + [class*="su-column"]:last-child { float: right; } } .su-column-size-1-1 { width: 100%; } .su-column-size-1-2 { width: 48%; } .su-column-size-1-3 { width: 30.66%; } .su-column-size-2-3 { width: 65.33%; } .su-column-size-1-4 { width: 22%; } .su-column-size-3-4 { width: 74%; } .su-column-size-1-5 { width: 16.8%; } .su-column-size-2-5 { width: 37.6%; } .su-column-size-3-5 { width: 58.4%; } .su-column-size-4-5 { width: 79.2%; } .su-column-size-1-6 { width: 13.33%; } .su-column-size-5-6 { width: 82.66%; } /* Styles for screens that are less than 768px */ @media only screen and (max-width: 768px) { .su-column { width: 100% !important; margin: 0 0 1.5em 0 !important; float: none !important; } .su-row .su-column:last-child { margin-bottom: 0 !important; } } /* Service ---------------------------------------------------------------*/ .su-service { position: relative; margin: 0 0 1.5em 0; } .su-service-title { display: block; margin-bottom: 0.5em; color: #333; font-weight: bold; font-size: 1.1em; } .su-service-title img { position: absolute; top: 0; left: 0; display: block !important; margin: 0 !important; padding: 0 !important; border: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; } .su-service-title i { position: absolute; top: 0; left: 0; display: block !important; width: 1em; height: 1em; text-align: center; line-height: 1em; } .su-service-content { line-height: 1.4; } /* Box ---------------------------------------------------------------*/ .su-box { margin: 0 0 1.5em 0; border-width: 2px; border-style: solid; } .su-box-title { display: block; padding: 0.5em 1em; font-weight: bold; font-size: 1.1em; } .su-box-content { background-color: #fff; color: #444; padding: 1em; } .su-box-style-soft .su-box-title { background-image: url('../images/styles/style-soft.png'); background-position: 0 0; background-repeat: repeat-x; } .su-box-style-glass .su-box-title { background-image: url('../images/styles/style-glass.png'); background-position: 0 50%; background-repeat: repeat-x; } .su-box-style-bubbles .su-box-title { background-image: url('../images/styles/style-bubbles.png'); background-position: 0 50%; background-repeat: repeat-x; } .su-box-style-noise .su-box-title { background-image: url('../images/styles/style-noise.png'); background-position: 0 0; background-repeat: repeat-x; } /* Note ---------------------------------------------------------------*/ .su-note { margin: 0 0 1.5em 0; border-width: 0px; border-style: solid; } .su-note-inner { padding: 1em; border-width: 0px; border-style: solid; box-shadow: 3px 3px 6px #d0d0d0; } /* Expand ---------------------------------------------------------------*/ .su-expand { margin: 0 0 1.5em 0; } .su-expand-content { overflow: hidden; } .su-expand-link { margin-top: 0.5em; cursor: pointer; } .su-expand-link:hover { opacity: 0.7; filter: alpha(opacity=70); } .su-expand-link a, .su-expand-link a:hover, .su-expand-link a:active, .su-expand-link a:visited, .su-expand-link a:focus { display: inline; text-decoration: none; background: transparent; border: none; } .su-expand-link-style-default .su-expand-link a, .su-expand-link-style-default .su-expand-link a:hover { text-decoration: none; } .su-expand-link-style-underlined .su-expand-link span { text-decoration: underline; } .su-expand-link-style-dotted .su-expand-link span { border-bottom: 1px dotted #333; } .su-expand-link-style-dashed .su-expand-link span { border-bottom: 1px dashed #333; } .su-expand-link-style-button .su-expand-link a { display: inline-block; margin-top: 0.2em; padding: 0.2em 0.4em; border: 2px solid #333; } .su-expand-link-more { display: none; } .su-expand-link-less { display: block; } .su-expand-collapsed .su-expand-link-more { display: block; } .su-expand-collapsed .su-expand-link-less { display: none; } .su-expand-link i { display: inline-block; margin: 0 0.3em 0 0; vertical-align: middle; color: inherit; } .su-expand-link img { display: inline-block; width: 1em; height: 1em; margin: 0 0.3em 0 0; vertical-align: middle; } /* Lightbox content ---------------------------------------------------------------*/ .su-lightbox-content { position: relative; margin: 0 auto; } .mfp-content .su-lightbox-content, #su-generator .su-lightbox-content { display: block !important; } .su-lightbox-content-preview { width: 100%; min-height: 300px; background: #444; overflow: hidden; } .su-lightbox-content h1, .su-lightbox-content h2, .su-lightbox-content h3, .su-lightbox-content h4, .su-lightbox-content h5, .su-lightbox-content h6 { color: inherit; } /* Common margin resets for box elements ---------------------------------------------------------------*/ .su-column-inner > *:first-child, .su-accordion > *:first-child, .su-spoiler-content > *:first-child, .su-service-content > *:first-child, .su-box-content > *:first-child, .su-note-inner > *:first-child, .su-expand-content > *:first-child, .su-lightbox-content > *:first-child { margin-top: 0; } .su-column-inner > *:last-child, .su-tabs-pane > *:last-child, .su-accordion > *:last-child, .su-spoiler-content > *:last-child, .su-service-content > *:last-child, .su-box-content > *:last-child, .su-note-inner > *:last-child, .su-expand-content > *:last-child, .su-lightbox-content > *:last-child { margin-bottom: 0; } </style> <script> (function(){ var html_jquery_obj = jQuery('html'); if (html_jquery_obj.length && (html_jquery_obj.is('.ie8') || html_jquery_obj.is('.ie9'))) { var path = '/assets/style2.css'; jQuery.get(path, function(data) { var str_split_separator = '#td_css_split_separator'; var arr_splits = data.split(str_split_separator); var arr_length = arr_splits.length; if (arr_length > 1) { var dir_path = '/wp-content/themes/Newspaper'; var splited_css = ''; for (var i = 0; i < arr_length; i++) { if (i > 0) { arr_splits[i] = str_split_separator + ' ' + arr_splits[i]; } //jQuery('head').append('<style>' + arr_splits[i] + '</style>'); var formated_str = arr_splits[i].replace(/\surl\(\'(?!data\:)/gi, function regex_function(str) { return ' url(\'' + dir_path + '/' + str.replace(/url\(\'/gi, '').replace(/^\s+|\s+$/gm,''); } ); splited_css += "<style>" + formated_str + "</style>"; } var td_theme_css = jQuery('link#td-theme-css'); if (td_theme_css.length) { td_theme_css.after(splited_css); } } } ); } } )(); </script> </body> </html>