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

Заголовок окна браузера Title - один из важнейших элементов SEO-оптимизации страницы. Что такое Title и что в нем писать? Какая должна быть его длина? Правила и примеры составления хорошего Title.

Что такое Title?

Тег Title является заголовком окна браузера и одним из самых важных элементов SEO-оптимизации страницы. Заголовок Title по-умолчанию является заголовком поискового сниппета, и от качества его составления будет зависеть не только релевантность документа поисковым запросам, но и CTR (кликабельность) сниппета. В каждой вкладке браузера вы можете увидеть заголовок Title конкретной страницы.

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

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

Чем отличается title от h1?

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

В отличие от h1 заголовка title:

  • Должен быть оригинальным, представлять интерес для пользователей, повышать CTR сниппета;
  • Может включать в себя дополнительные ключевые слова.

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

Синтаксис тега title

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

Заголовок окна браузера

Чтобы посмотреть title и description чужого сайта , выполните следующие действия:

Для чего нужен title?

Title является одним из самых важных тегов любой страницы. Он выполняет следующие функции:

  • Представляет семантическую важность для поисковых систем . Наряду с мета-тегами title передает поисковым системам информацию о содержании web-страницы. Title является одним из . Его корректное заполнение может повысить релевантность вашего документа по тем ключевым запросам, под которые вы оптимизируете данный документ. Некорректное заполнение title с высокой долей вероятности негативно скажется на представлении вашего сайта в поиске.
  • По-умолчанию является заголовком страницы в результатах поиска . Title, в первую очередь, информирует посетителей о содержании страницы, на которую они собираются перейти. Если вы до перехода пользователя на сайт, сообщаете ему, что на web-странице находится релевантная информация, которая соответствует его запросу, с высокой долей вероятности он посетит ваш сайт. Также Title сильно влияет на CTR сниппета. Чем более привлекательный и кликабельны title вы создадите, тем больше будет показатель кликабельности.
  • Упрощает навигацию пользователям в браузере . Title, как говорилось ранее, отображается во вкладках браузера, и позволяет пользователю ориентироваться среди множества открытых вкладок. Также заголовок по-умолчанию является названием закладок в браузере. Если пользователь решит сохранить ваш сайт как закладку, именно title автоматически подставится в ее название.
  • По-умолчанию является заголовком поста при шеринге в социальных.сетях . Если вы поделитесь ссылкой на свой сайт в любой социальной сети, она автоматически сформирует блок с информацией о данной странице. Заголовок данного блока берется из тега title. Если вы активно пользуетесь социальными сетями, следите, чтобы title ваших страниц был в них презентабелен, и передавал читателям не набор слов, а привлекательный смысловой посыл о содержании страницы .

Что писать в title?

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

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

Оптимальная длина заголовка страницы title - 50-70 символов . Если заголовок по длине будет превышать установленное значение, он будет обрезан поисковыми системами. Поэтому в процессе составления title, представьте, как он будет отображаться в поисковых системах, из которых вы планируете привлекать трафик, не нарушится ли его смысл, будет ли он информативным, если не уместится в ограниченный диапазон символов. Максимально отображаемый title в Яндекс составляет до 60 символов (как правило, не более 55), в Google до 70 символов (как правило, не более 65). Однако поисковые системы могут обрезать title и на 45, и даже на 40 символах, если посчитают последующее содержимое не целостным или не релевантным запросу. Чаще такая ситуация происходит, когда в заголовке страницы используются знаки препинания и стоп слова: союзы, запятые, двоеточия, тире и т.д.

Максимальным размер отображаемого заголовка определяется не столько количеством символов, сколько ограничением ширины блоков сниппетов. В Яндексе максимальная ширина блока составляет 536 пикселей, в Google 600 пикселей. Соответственно на количество символов в первую очередь влияет ширина самих символов, количество латинских букв, количество пробелов и заглавных букв. К примеру, в блок одинаковой ширины поместится гораздо больше символов "i", чем "Я".

Title должен быть кратким, осмысленным и понятным заголовком страницы, соответствующим ее содержанию. Старайтесь размещать ключевое слово как можно ближе к началу тега. Во-первых, вы тем самым повысите релевантность сниппетов в глазах юзеров. Во-вторых, Яндекс, например, выделяет ключевые запросы в сниппете жирным начертанием. Наличие жирного начертания в сниппете может серьезны повысить его CTR. Менее значимые слова располагайте в конце тега title .

10 ошибок составления title

  1. Слишком длинный title . Слишком длинный title - это плохая практика, негативно влияющая на представление вашего сайта в поиске. Во-первых, вы рискуете нарушить смысловую целостность заголовка страницы после того, как поисковые системы его обрежут. Во-вторых, может снизиться CTR сниппетов. В третьих, поисковые системы используют технологию динамического формирования сниппетов, в связи с этим теряется всякий смысл использования как можно большего количества слов именно в тебе title.
  2. Слишком короткий title . Не делайте заголовоки страниц из 1-3 слов, если это не навигационные разделы. Минимальное использование слов в title сокращает разнообразие запросов, на которые может ответить ваша страница.
  3. Повторяющиеся слова . Не стоит использовать одни и те же ключевые слова, чтобы "усилить" title. Так вы только рискуете заработать санкции со стороны поисковиков. Не дублируйте также одинаковые по смыслу русские и английские слова, например, "title" и "тайтл". Поисковые системы давно научились распознавать и учитывать их.
  4. Нежелательные символы . Старайтесь избегать излишней пунктуации в ваших заголовках страниц. Старайтесь как можно меньше употреблять следующие символы (, . / = ! ? * : < > | + _).
  5. Несоответствие запросу . Title должен отображать содержание страницы. Не пытайтесь обмануть пользователей и поисковые системы. Привести трафик по запросам, не релевантным контенту посадочной страницы у вас не получится.
  6. Переоптимизация . Не нужно перечислять в title запросы через запятую. Подумайте, поймут ли пользователи содержимое вашей страницы. Кроме того, чрезмерное использование ключевых слов в тегах и тексте страницы воспринимается поисковыми системами как спам, на который накладываются санкции.
  7. Языковое несоответствие . Заполняйте title на том же языке, на котором написан контент вашей страницы. Использование иностранных или иносказательных фраз может негативно сказаться на представлении страниц вашего сайта в выдаче.
  8. Не использование ключевых слов . Title не только может, но и должен содержать основное высокочастотное ключевое слово, наиболее релевантное контенту страницы. Отсутствие ключевых слов в title является негативным фактором ранжирования сайта.
  9. Семантический мусор . Старайтесь не использовать в заголовке страницы фразы наподобие "Добро пожаловать на наш сайт", "Приветствуем".
  10. Дублирование title . Не нужно дублироваться title на разных страницах вашего сайта, это затруднит работу поискового работа по определению релевантности страниц общим ключевым запросам. Не стоит также дублировать и копировать title у ваших конкурентов. Поисковые системы стараются сделать выдачу как можно более разнообразной и репрезентативной, поэтому одинаковый контент врядли получит высокие позиции. Опять же, не нужно забывать про здравый смысл, в определенных нишах страницы могут отвечать только на один конкретный ключевой запрос, который уже используется другими сайтами в title. В этом случае в дублировании title нет ничего криминального .

Примеры: хороший title vs плохой title

Давайте рассмотрим несколько примеров хорошо и плохо составленных title.

Пример #1. Запрос "купить джинсы женские"

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

Страница оптимизирована сразу под 2 высокочастотных ключевых запроса: джинсы и брюки. Для таких обширных ключевых слов необходимо создать 2 отдельных посадочных страницы. Длина заголовка страницы - 125 символов. В title перечислены ключевые слова через запятую - явная переоптимизация, заголовок сниппета обрезан на 39 символах. Главное ключевое слово находится не в начале заголовка.

Пример #2. Запрос "доставка воды на дом в москве"

Короткий и понятный заголовок страницы. Занимает максимальное пространство в заголовке сниппета. Ключевое слово расположено в начале тега. Для уникализации title указано название компании, которое также содержит ключевое слово "Вода", это позвонило значительно выделить заголовок среди конкурентов.

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

Title: о сложном простыми словами

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

Title и HTML5

С повсеместной поддержкой HTML5 стало возможным использование эмоджи в мета-тегах и title сайтов. Как это влияет на SEO? Вопрос остается открытым. Объективных данных, которые могут дать однозначный ответ на этот вопрос, пока что нет. С одной стороны, использование спецсимволов может значительно увеличить CTR сниппета, с другой стороны, нет понимания, как воспринимает спецсимволы поисковой робот.

Несколько примеров использования иконок в title и description:

Сайт bonprix.ru. Запрос "купить джинсы женские"

Сайт charmante.ru. Запрос "купить купальник женский в интернет-магазине"

Сайт consowear.ru. Запрос "купить пуховик WL170501"

Все 3 сайта по представленным ключевым запросам находятся в ТОП-10 поисковой выдачи Яндекс. В Google ситуация куда хуже - ни один из сайтов не представлен на 1 странице выдачи, за исключением 3-го витального запроса. При этом Google не отображает иконки в сниппетах вообще. Может ли это говорить о том, что иконки, поддерживаемые HTML5 не могут навредить представлению сайта в поисковике Яндекс, но при этом негативно сказываются на представлении сайта в Google? Наверное, нужно гораздо больше данных, чтобы можно было делать какие-то выводы. Да и, в принципе, оценивать качество выдачи по одному единственному фактору, мягко говоря - неправильно. Поделитесь своим мнением по этому вопросу в комментариях.

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

Всегда ли title попадает в сниппет?

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

Однако даже корректно составленный title может не попасть в заголовок. Пример:

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

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

Например, по запросу "именины 7 сентября" в Яндексе видим в выдаче сайт со следующим заголовком сниппета:

При изменении запроса на "именины 7 сентября мужские" заголовок сниппета для одной и той же страницы меняется на "Мужские именины 7 сентября" - этот текст является заголовком второго уровня в содержании страницы. По 2 разным запросам Яндекс динамически сформировал для нас по одной и той же странице 2 разных заголовка и описания сниппета.

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

Где рамки оптимизации?

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

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

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

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

Можно ли менять title после индексации?

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

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

Всем привет, с вами снова Анна! Рада видеть вас на нашем блоге. Мне кажется, пришло время поговорить о такой важной составляющей страниц и статей, как тайтл. Если вы уже работали с текстом, то, наверное, сталкивались с этим понятием.

На деле title делают все, но не у каждого выходит что-то стоящее. Почему? Это особое искусство, тонкостям которого нужно учиться.

Вы еще только присматриваетесь к профессии копирайтера? Не проходите мимо, учитесь работать с тайтлом прямо сейчас. Работа с SEO-заголовками - одна из обязанностей райтера. Освоив этот навык, вы будете на ступеньку выше своих конкурентов.

Однажды постоянный заказчик на текстовой бирже поставил меня перед фактом: “Напиши хороший тайтл”. Как новичку мне было сложно разобраться. Я выкладывалась на 100 %, но с опытом поняла, что и этого недостаточно. Пока правила крепко не засядут в голове, качественных заголовков мне не написать.

В этой статье я расскажу вам, что такое тайтлы, как писать их и зачем.

Друзья, никогда не опускайте руки и подключайтесь к нашей базе знаний. У вас все получится!

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

Что такое title?

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

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

Тайтл - парный мета-тег без атрибутов, который прописывается в HTML-коде в блоке . Чтобы убедиться в этом, вы можете кликнуть правой кнопкой мыши или использовать сочетание клавиш Ctrl + U в браузере.

Среди кучи строк вы увидите наш мета-тег . Вебмастерам и блогерам не обязательно прописывать код с нуля. Ставите сайт на движок Вордпресс, подключаете, настраиваете специальный плагин для публикаций и все готово. Могу посоветовать “Yoast Seo”, “Frontend Publishing Pro” и “WP User Frontend”. Это плагины с расширенным функционалом, которыми легко пользоваться.</p><p><img src='https://i1.wp.com/iklife.ru/wp-content/uploads/2018/02/kak-otobrazhaetsya-teg-title-v-html-dokumente.png' align="center" width="100%" loading=lazy></p><p>Наша цель — создавать содержательные, читабельные заголовки с ключами, чтобы и людям было приятно читать, и поисковики потихоньку продвигали страничку.</p><p>На деле же, многие копирайтеры справляются только с одной задачей - либо придумывают красивое название без ключей, либо пытаются запихнуть их по максимуму.</p><p><img src='https://i0.wp.com/iklife.ru/wp-content/uploads/2018/02/kak-vyglyadit-title-v-html-formate.jpg' align="center" width="100%" loading=lazy></p><blockquote><p>Тайтлы не создаются без семантического ядра, продуманной структуры статьи.</p> </blockquote><p>Вы станете профи, когда сможете выразить суть статьи в 3 — 5 словах заголовка, не забывая о ключевых фразах.</p><h2><span>Как грамотно составить тайтл: 11 актуальных правил </span></h2><p>Как подготовиться к написанию title:</p><ol><li>Просмотрите метаданные страниц по запросу из ТОП-10.</li><li>Еще раз пробегитесь по списку ключей, подумайте, как вписать их естественно.</li> </ol><p>Если вы сделаете правильный тайтл, у вашей страницы будет шанс попасть в графу быстрых ответов Гугла. Сниппет сайта “счастливчика”, попавшего туда, больше размером и находится выше конкурентных страниц. Кликабельность таких проектов зашкаливает.</p><p>Вот вам реальный пример.</p><p><img src='https://i0.wp.com/iklife.ru/wp-content/uploads/2018/02/bystryj-otvet-google.png' align="center" width="100%" loading=lazy></p><blockquote><p>Чтобы лучше и быстрее усвоить правила написания тайтлов, советую написать их на стикерах и расклеить возле рабочего стола.</p> </blockquote><h3><span>Рассуждаем логически </span></h3><p>Тайтл не только важный SEO-элемент, но и заголовок. Мы не должны забывать, что пишем для людей. Соблюдаем грамматические правила, следим за согласованностью.</p><p>Допустим, у нас есть ключ “ребенок питание”, вписать его в точном вхождении нельзя, иначе получится абракадабра. Склоняем, меняем местами, добавляем НЧ запрос.</p><p><b>Правильно: </b> “Питание ребенка: список разрешенных продуктов”.</p><p><b>Неправильно: </b> “Ребенок питание какими продуктами можно”.</p><h3><span>Краткость - сестра таланта </span></h3><p>Не раздуваем тайтл на 2 предложения. Допустимый размер заголовков у Гугл - 69 символов (12 — 13 слов), у Яндекса - 70 (14 — 15 слов). Все остальное обрезается, скрывается за многоточием. Потратите зря время и пользователь не поймет, какую информацию он найдет на вашей страничке.</p><p>Вот так обрываются длинные заголовки.</p><p><img src='https://i0.wp.com/iklife.ru/wp-content/uploads/2018/02/primer-nekachestvennogo-seo-zagolovka.png' align="center" width="100%" loading=lazy></p><p><b>Неправильно: </b> “Своими руками за полчаса. Как сшить юбку в складку” - этот title я нашла в реальной выдаче Гугла. Здесь несколько ошибок: неправильное склонение, 2 предложения.</p><p><b>Правильно: </b> “Как сшить гофрированную юбку за полчаса своими руками”.</p><p>Оптимальная длина title - 44 — 63 знака.</p><blockquote><p>Проанализировав результаты поиска в Гугле и Яндексе по нескольким запросам, я заметила, что страницы с тайтлом из нескольких предложений - опущены. Они находятся как минимум на 3 — 4 странице выдачи.</p> </blockquote><h3><span>Берегитесь переоптимизации </span></h3><p>Вставлять ключевые слова необходимо, так поисковый робот оценивает релевантность сайта запросу. Но не перебарщивайте. Добавляйте 1 — 3 ключа, следите за тем, чтобы заголовок оставался читабельным.</p><p><b>Неправильно: </b> “Британский кот: характер, уход, воспитание, фото, как назвать”.</p><p><b>Правильно: </b> создаем несколько заголовков и страниц, пишем статьи отдельно под каждый запрос:</p><p>“Как поладить с британским котом: особенности поведения”.<br> “Чем кормить британского котенка?”<br> “Как приучить к купанию британского котенка?”<br> “Основы воспитания и дрессировки британских котов”.<br> “Кличка для британского кота: 20 лучших вариантов”.</p><p>Это выгодная разбивка, ведь сделав внутреннюю между этими статьями, вы повысите трафик сайта, траст и удельный вес каждой странички.</p><h3>Не обманывайте </h3><p>Ваш title - заголовок, описывающий одну страничку, а не весь сайт. Если посетителю понравится контент, оформление или товары/услуги сайта, он посмотрит и другие разделы. Не настаивайте на этом так яростно.</p><p>Например, если страница посвящена плюшевым мишкам Тедди, не делайте тайтл: “Большой выбор мягких игрушек”.</p><p>Еще одна жесткая ошибка - запихивать все в одну страничку или указывать то, чего там нет.</p><p><b>Неправильно: </b> “Купить мишку Тедди: история игрушки, разновидности”.</p><p><b>Правильно: </b> “Купить мишку Тедди с доставкой по России”.</p><p>Если нам доверили писать статью про причины глаукомы, не надо придумывать title: “Причины и лечение глаукомы”. Посетитель не найдет нужной информации, и сайт потеряет доверие.</p><h3><span>Осторожнее со знаками </span></h3><p>Запрещаются: точки, восклицательные знаки, апострофы, плюсы, минусы, равно.</p><p>Разрешены: тире, двоеточие, знак вопроса. При необходимости можно поставить запятую, кавычки.</p><p>Если наш title построен как вопрос, обязательно ставим соответствующий знак препинания.</p><p>Специальные знаки, которые поддерживаются поисковиками:</p><ul><li>& (амперсанд),</li><li>© (знак копирайта),</li><li>® (зарегистрированная торговая марка),</li><li>™ (знак торговой марки),</li><li> (жирная точка),</li><li>§ (знак параграфа),</li><li>£ (англ. фунты),</li><li>€ (знак евро),</li><li>° (знак градуса),</li><li>(») (правосторонние двойные кавычки),</li><li>(¼) (простая дробь).</li> </ul><p>Так это выглядит в поисковой выдаче.</p><p><img src='https://i2.wp.com/iklife.ru/wp-content/uploads/2018/02/specialnye-simvoly-v-tajtle.png' align="center" width="100%" loading=lazy></p><p>Активно пользоваться ими не советую. Если поставили, следите за показателем CTR (кликабельности).</p><p>Избегать лишних символов необходимо, но иногда правило приходится нарушать, чтобы получить качественный, читабельный и уникальный SEO-заголовок.</p><h3><span>Главный ключ в прямом вхождении </span></h3><p>Как же хочется выплеснуть весь литературный талант на заголовок. Менять форму, добавлять обороты и прилагательные между ключами. Остановитесь. Главный ключ нельзя разбавлять, склонять, если его можно лаконично вписать.</p><p>К примеру, нам дали ключевое слово: “Болит левая сторона головы”.</p><p><b>Правильно: </b> “Почему болит левая сторона головы?”</p><p><b>Неправильно: </b> “Почему голова болит с левой стороны?”</p><p>Разница небольшая, но результаты в поиске отличаются.</p><blockquote><p>Старайтесь использовать главный ключ в начале тайтла. Разбавляйте НЧ, СЧ запросами для улучшения ранжирования.</p> </blockquote><p>Ключевые фразы наподобие “болит голова давление”, придется склонять и разбавлять для естественности.</p><h3><span>Не путайте title и заголовок H1 </span></h3><p>В каждом из заголовков должны использоваться ключевые слова. Но дублировать их нельзя. Они выполняют разные функции.</p><p>Title отображается в поисковых системах, когда пользователь ищет что-то. Для поискового робота он - источник информации, дающий понять релевантна ли страница запросу или нет. А текста виден на сайте, когда человек уже зашел прочесть статью.</p><p>В отличие от заголовка H1 тайтл должен быть:</p><ol><li>Кликабельным, оригинальным, вызывающим интерес. Например, “Способ заработка для ленивых”, “Секреты похудения”, “Вы совершаете эти ошибки в отношениях”.</li><li>С дополнительными ключами.</li> </ol><blockquote><p>Заголовок H1 и тайтл должны иметь схожие черты, но при этом отличаться. Если тег title будет “Как сварить рис в мультиварке”, а H1 — “делаем рассыпчатый рис”, вы путаете и поисковик, и читателя.</p> </blockquote><h3><span>Бренды и уникальные названия </span></h3><p>Название торговой марки, фирмы, сайта нужно вставлять в начале или конце SEO-заголовка. Вы лучше запомнитесь пользователю, увеличите процент возврата.</p><p><img src='https://i0.wp.com/iklife.ru/wp-content/uploads/2018/02/brendirovannye-seo-zagolovki.png' align="center" width="100%" loading=lazy></p><p>Популярные примеры из интернета:</p><ul><li>“Продвижение сайта - Википедия”,</li><li>“Как научиться писать - Odnako.ru”,</li><li>“Курсы японского - Life in Japan”,</li><li>“Психология отношений мужчин и женщин - Elle”.</li> </ul><blockquote><p>Люди часто бегло просматривают результаты поиска, чтобы найти знакомое, вызывающее доверие название.</p> </blockquote><h3>Уникальность </h3><p>Тайтл должен быть уникальным в интернете, не перекликаться со страницами вашего же сайта. Каждое слово используйте в заголовке один раз, иначе получится длинная, нечитабельная, заспамленная строка, толку от которой ноль.</p><p><b>Неправильно: </b> “Ноутбук Acer - купить ноутбук Acer с доставкой по России”.</p><p><b>Правильно: </b> “Купить ноутбук Acer с доставкой по России”.</p><h3><span>Аккуратнее со стоп-словами </span></h3><p>Стоп-слова в тайтле поисковая система просто не замечает. Но отказываться от них полностью не стоит. Почему же:</p><ol><li>Стоп-слова помогают сделать заголовок уникальным.</li><li>Стоп-слова по-разному влияют на поисковую выдачу. Например, по запросу “грузоперевозки и аренда авто по Москве” сайт rulimcars находится на 3-м месте, а если ввести “грузоперевозки аренда авто Москва”, мы увидим ту же страницу на 2-й позиции.</li> </ol><blockquote><p>Стоп-слова - служебные части речи (предлоги, союзы, вводные конструкции) без смысловой нагрузки. К ним относятся: и, а, до, после, однако, на, допустим, вероятно, скажем, откуда, еще.</p> </blockquote><p>Переизбыток стоп-слов сделает заголовок нечитаемым, натянутым.</p><h3><span>Заголовки страниц товаров в едином стиле </span></h3><p>Заморачиваться с однотипными страницами товаров/услуг необязательно. Составляйте SEO-заголовок по шаблону. Он состоит из:</p><ul><li>наименования изделия/услуги;</li><li>тематических слов - арендовать, заказать, купить;</li><li>региона;</li><li>названия торговой марки, магазина.</li> </ul><p>Пример: “Напольные сушилки для белья - купить в Москве по низкой цене”.</p><h2><span>Формулы создания идеального тайтла </span></h2><p>Я за уникальность, творческий подход. Но когда не хватает времени, наступает творческий кризис, приходится пользоваться шаблонами.</p><p>Если вам нужно уместить несколько ключей в title, воспользуйтесь одной из формул:</p><ol><li>[модиф1ключ] + [модиф2ключ] = [модиф1ключмодиф2]. Например, сделать оглавление + оглавление курсовой в Ворде = сделать оглавление курсовой в Ворде.</li><li>[модиф1ключ] + [модиф2ключ] + [тем.слово] = [модиф1ключмодиф2тем.слово]. Например, чем кормить ребенка + кормить в год + меню = чем кормить ребенка в год: меню.</li><li>[модиф1ключ] + [модиф2ключ] + [модиф3ключ] = [модиф1модиф2ключмодиф3]. Например, как составить семантическое ядро + составить правильно + семантическое ядро сайта = как правильно составить семантическое ядро сайта.</li> </ol><p>Универсальные шаблоны:</p><ol><li>Запрос + регион + дополнительная информация. Например, грузоперевозки по Москве до 5 тонн.</li><li>Запрос + регион + дополнительная информация. Например, танцы живота в Краснодаре - программа для начинающих.</li> </ol><p>Следите за тем, чтобы длина полученного тайтла была оптимальной.</p><p>Закончились идеи? Перечитали много статей, но лучше писать заголовки так и не получается? Приглашаю вас к нам на . Наши выпускники - эксперты, которые зарабатывают на фрилансе от 30 000 рублей и ни от кого не зависят. Не верите? Бросайте свой копеечный заработок и го к нам учиться.</p><h2><span>Составляем title с нуля </span></h2><p>У нас есть главный ключ “лечение гайморита”. Мы должны дополнить его, сделать интересным.</p><p>Смотрим на подсказки поиска Яндекс.</p><p><img src='https://i0.wp.com/iklife.ru/wp-content/uploads/2018/02/sozdaem-tajtl-s-podskazkami-poiska-yandeks.png' align="center" width="100%" loading=lazy></p><p>Выбираем то, что подходит нам. Если этого недостаточно, просматриваем метаданные сайтов из ТОП-10 по запросу.</p><p><img src='https://i0.wp.com/iklife.ru/wp-content/uploads/2018/02/analiz-metadannyh-zaprosa.png' align="center" width="100%" loading=lazy></p><p>Нам подходит: “домашние условия”, “дома”, “без прокола”.</p><p>Получаем несколько вариантов тайтла:</p><ul><li>быстрое лечение гайморита дома без прокола носа,</li><li>лечение гайморита дома: избегаем прокола.</li> </ul><p>Не забываем соблюдать 11 правил успешного title.</p><h2><span>Можно ли менять тайтл после индексации? </span></h2><p>Если после индексации поисковиком, вы не получили нужного результата, убирать старый тайтл даже нужно. Успешные заголовки вряд ли вам захочется редактировать.</p><p><img src='https://i2.wp.com/iklife.ru/wp-content/uploads/2018/02/izmeneniya-tajtla-posle-indeksacii.jpg' align="center" width="100%" loading=lazy></p><p>Используйте разные словоформы, добавляйте новые слова, анализируйте тайтлы конкурентов. Результат вы узнаете не сразу, придется подождать 1 — 5 месяцев.</p><h2>Заключение </h2><p>Тайтл - лицо вашей странички. Иногда его создание занимает больше времени, чем вся статья. И не зря, ведь пользователь выбирает сайт из поисковой выдачи по SEO-заголовку.</p><p>Нельзя сделать title для статьи на всю жизнь. Алгоритмы поисковиков постоянно меняются, появляются новые тренды, что-то устаревает. Нужно регулярно проводить анализ, следить за актуальностью тайтла.</p><p>Остались вопросы, хотите побеседовать на эту тему - пишите смелее комментарии. Все обсудим и решим.</p><p>Подписывайтесь, чтобы быть в тренде! У нас много актуальной информации о мире фриланса.</p> <i> </i> <p>Тайтл — это единственное, что в SEO важнее, чем поведенческие факторы. Вот почему эту тему следует знать досконально, что и случится с вами после прочтения этой статьи.</p> <blockquote class="bq-istoriya"><p>По некоторым запросам можно выйти в топ, всего лишь прописав их в Title. В ранжировании по неконкурентным и низкочастотным запросам поисковики по-прежнему уделяют особенное внимание заголовку.</p> </blockquote> <h2>Что такое Тайтл? </h2> <p>Тег Title — это мета-тег, содержащий заголовок страницы. Он представляет собой часть документа html и входит в конструкцию блока <head>. По сути, это альтернативный заголовок страницы, который виден только в открытой вкладке браузера. Больше нигде на странице тайтл не отображается.</p> <p>Если визуально, то Тайтл это вот что:</p> <p>Часто поисковики используют именно его, а не H1, выдавая ссылку на сайт при поисковой выдаче. От привлекательности заголовков title для пользователя зависит и посещаемость ресурса. В совокупности с description тег позволит поисковикам лучше представлять документ в выдаче, что хорошо влияет на ранжирование страницы.</p> <h2><span>Продвижение хвостами </span></h2> <p>Одна из основных ошибок сеошников — тайтл, прописанный без учета низкочастотных запросов. То есть некоторые рассчитывают продвинуться по запросу , прописав в заголовке «Sony CX405». Таких умников достаточно, и понятно, что трафика такая страница почти стопроцентно не принесет. А вот если мы пропишем в Title «Купить видеокамеру Sony CX405 handycam: обзор, отзывы и характеристики», то высока вероятность, что хотя бы по одному из низкочастотников, например [характеристики Sony CX405], наша страница попадет в топ.</p> <blockquote class="bq-istoriya"><p>Тут техника такая — сначала поисковик ставит страницу в топ по длинным запросам, и если по ним поведение пользователей будет хорошим, то эта страница будет поставлена в топ и по более высокочастотным ключам.</p> </blockquote> <h2><span>Основные требования </span></h2> <p>Обычно технические требования к Title выставляются такие:</p> <ul><li>Он должен начинаться с ключевой фразы и с большой буквы.</li> <li>Размер — до 120 символов.</li> <li>Допустимые знаки разделения: двоеточие и кавычки. Ограничение по запятым — не более 2 штук. Знак вопроса используем только для вопросов.</li> <li>Стараемся использовать подсветки, синонимы и интенты. Так можно привлечь больше трафика по НЧ</li> <li>Тайтл должен различаться с h1, но не особо сильно.</li> </ul><p>А в остальном тайтл должен быть таким:</p> <ul><li>Основные ключи применяются в начале;</li> <li>Соответствует содержимому страницы;</li> <li>Стоп-слов и прилагательных по минимуму;</li> <li>Лучше избегать повторений слов;</li> <li>Не забывайте про читабельность, люди будут видеть это оглавление в своих браузерах и при линках в соцсети;</li> <li>Если ваш веб-ресурс ориентирован на регион, указывайте его название в теге;</li> </ul><p>Если у вас заголовки прописаны в стиле «title | site.ru» — то лучше бы от такой хрени избавиться. Если уж и нужна уникализация, то прописывание названия сайта через тире будет предпочтительнее.</p> <p>При этом в тайтл лучше всего брать главную ключевую фразу в точном прямом вхождении. Разумеется, в корректной с точки зрения русского языка форме – то есть не «зеленый слон москва купить», а «купить в Москве зеленого слона».</p> <p><span class="HCVwZ1P4KMg"></span> <span class="HCVwZ1P4KMg"></span></p> <h2><span>Почему title более важен, чем H1? </span></h2> <p>Оглавление H1 это лишь название материала на странице, тайтл же отображает суть и смысловую нагрузку всего html-документа, является ее именем (name page). Он может содержать больше символов, чем h1, заключать в себя ключевые слова и фразы. H1 не может быть слишком раздутым, чтобы не занимать много места на странице, и туда не впихнешь лишние НЧ-запросы, то есть для продвижения именно титл становится основным.</p> <ul><li>Title используют поисковые роботы, чтобы собрать больше информации о документе.</li> <li>Этот заголовок отображается в социальных сетях при линках.</li> <li>Его видят пользователи в выдаче, делая запросы в поисковик.</li> <li>Тайтл можно «брендировать», что не только повысит узнаваемость компании, но и абсолютно уникализирует альтернативный заголовок (к примеру, предложение: «Ремонт холодильников в Саратове, быстро, надежно», наверняка, не уникально, а вот в таком виде: «Ремонт холодильников в Саратове, быстро, надежно — Masterfrost», где последнее является названием фирмы, уже не повторяется нигде в Сети).</li> </ul><h2><span>Нужна ли уникальность </span></h2> <p>Во-первых, желательно, чтобы ваш мета тег Title был уникальным во всей Сети. Хотя сегодня достичь 100% неповторимости в этом деле трудно. В этом случае уникализировать названия html-документов поможет брендирование.</p> <p>Во-вторых, нежелательно, чтобы он дублировал H1 и словосочетания из дискрипшена.</p> <p>В-третьих, каждая страница должна быть именована разными тайтлами. Если один текст придется разбивать на несколько, то будет разумным использовать один и тот же title, но делать к нему приставки в таком виде: часть 1, часть 2 или стр.1, стр.2 и так далее.</p> <p>В случае игнорирования этих правил продвигаемая страница может попасть под . С точки зрения поисковика она не будет содержать оригинальной информации, сечёте?</p> <p><span class="U6ODRKPEJ_M"></span> <span class="U6ODRKPEJ_M"></span></p> <h2><span>Требования по размеру </span></h2> <p>Яндекс и Гул все равно «выжмут» только определенное количество слов и символов, и не больше. Параметры отображения сниппетов для этих двух поисковых систем разнятся.</p> <h3>Яндекс </h3> <p>Система учитывает не более 13-14 слов и показывает в серпе около 70-80 знаков без пробелов. Остальное просто останется за пределами видимости и будет заменено на троеточие.</p> <h3>Гугл </h3> <p>Он отображает еще меньше символов – примерно 12 слов, и в совокупности 68-70 знаков без пробелов. Впрочем, недавно Гугл увеличил ширину сниппетов в выдаче.</p> <p>Есть во всем этом еще одна забавная «фишка». Поисковик формирует выдачу в зависимости от запросов пользователей. Из этого следует, что title – это «величина» непостоянная, а динамичная в показах. Исходя из одной или другой запрашиваемой фразы, робот может выдавать одну и ту же страницу, но на разных позициях и с разными подсвеченными ключевыми словами. А те знаки, которые он выделяет жирным, занимают еще больше пространства, и сужают количество видимых слов в оглавлении.</p> <h2><span>Влияние браузеров на отображение сниппетов </span></h2> <p>Видимость сниппетов зависит от браузеров и индивидуальных настроек каждого компьютера. Разрешение экрана, шрифты – все это имеет значение. Конечно, существенной разницы в отображении символов при регулировке зума не будет, максимум несколько знаков. Другие результаты могут получиться и в мобильной верстке. Трудно заранее предугадать и высчитать, где и как будет показываться title. Если только в 60 символов его содержимое умещать, тогда почти стопроцентно тайтл будет полностью отображаться в выдаче.</p> <h2><span>Символы и стоп-слова </span></h2> <p>Далеко не каждый символ несет в себе смысловую нагрузку.</p> <h3><span>Знаки препинания </span></h3> <p>Заголовок может содержать в себе знаки и символы, которые будут делить фразу на пассажи.</p> <blockquote class="bq-vajno"><p>Значение слова «пассаж»: под пассажем понимается определенная последовательность слов на веб-документе, разделенных знаками препинания или html-тегами. Если человек может и не обратить внимание на разделяющие знаки препинания и воспринять фразу целиком, то поисковик не умеет так «думать» и анализирует отельные группы слов между символами пассажа.</p> </blockquote> <p>Какие знаки препинания разбивают предложение на пассажи: значимыми составляющими для поисковых систем являются точка, вопросительный знак и восклицательный. Робот читает фразы отдельно, если после этих символов идет пробел, а новое слово начинается с большой буквы.</p> <p>Пример: «На улице мороз! Можно ли гулять с младенцем?» – тут поисковик увидит два пассажа. И в том же предложении, но такого вида: «На улице мороз!можно ли гулять с младенцем?» – один пассаж. Остальные знаки препинания никак не влияют на структуру заголовка в «глазах» поисковых систем, но все же злоупотреблять ими не рекомендуется, так как они скрадывают место для действительно значимых слов. Допустимы запятые, двоеточие, в крайнем случае тире и кавычки. Но чем их меньше в предложении, тем лучше.</p> <h3>Стоп-слова </h3> <p>Не будем глубоко ударяться в правила русского языка, вспомним главное: стоп-слова – это частицы, предлоги, местоимения, не несущие никакой смысловой нагрузки в предложении, а используемые лишь для связки или усиления выражений.</p> <p>Поисковые роботы не придают им большого значения. Однако запросы: [что делать, когда болит голова и как избавиться] и [что делать, болит голова, способы избавиться] – дадут разные результаты выдачи. Поэтому нельзя сказать, что стоп-слова не важны и полностью игнорируются ботами. Частить ими не стоит, но применять в соответствии с ключевыми запросами и читабельной логической структурой можно.</p> <p>Это самые основы, для того, чтобы угодить роботам. Но если вы хотите стать гуру в написании предложений без воды, советую смотреть Ильяхова.</p> <p><span class="mQg4g124S78"></span> <span class="mQg4g124S78"></span></p> <h2><span>Дубль Н1 и title – допустимо ли? </span></h2> <p>Вполне. До сих пор существует немало страниц, где заголовок H1 полностью повторяет титл. Как это влияет на ранжирование?</p> <p>Снова вернемся к тому определению, что H1 – это для людей. Остальное для роботов. Это значит, что заголовок статьи должен быть абсолютно человекопонятным, интересным, логичным, когда как в тегах допускаются «игры» с ключами, вопреки перечисленным параметрам. По сути, нет ничего ужасного в том, что два тега будут друг друга дублировать. Хотя некоторые сеошники утверждают, что это недопустимо, факты доказывают, что в ТОПе немало сайтов, которые вообще не имеют тайтлов.</p> <p>Они лишь позволяют расширить параметры SEO, более практично использовать ключи и увеличить шансы на успешное продвижение. Если ваш H1 будет настолько удачным, что будет привлекать внимание пользователей и в то же время содержать ключевые фразы, то есть все шансы вырваться на лидирующие позиции и без заполнения дополнительных тегов.</p> <h2><span>Можно ли редактировать заголовки, если страница уже проиндексирована? </span></h2> <p>Да. Если страница проиндексировалась и не достигла нужных результатов, то вполне можно ее редактировать. Вряд ли кому-то придет в голову менять заголовки, когда сайт в топе и несет шикарный трафик. Но опускать руки при неудачных попытках не стоит.</p> <p>Меняйте словоформы, анализируйте запросы, используйте более актуальные, свежие. Ведь показатели тут всегда динамичны. Но не забывайте главного – чтобы заголовок не вводил в заблуждение пользователей и всегда соответствовал контенту. Результаты правок будут заметны не сразу, поэтому не торопитесь делать выводы, дайте время странице. На это может уйти от 1 до 6 месяцев.</p> <h2><span>Сервисы, помогающие редактировать сниппеты </span></h2> <p><span class="jzPjEQ-FnFU"></span> <span class="jzPjEQ-FnFU"></span></p> <p>Существует несколько прекрасных инструментов, которые помогут владельцу сайта увидеть свой ресурс глазами поисковиков.</p> <p>Одной из таких программ является Screaming Frog SEO Spider. С её помощью можно посмотреть, как сниппеты будут выглядеть в выдаче Google.</p> <p>Другой неплохой сервис – serpsimulator.com, который имеет также огромное количество настроек и позволит увидеть отображение мет в поисковой выдаче.</p> <h2>В заключение </h2> <p>Правильные тайтлы – это основа основ. Самый быстрый способ поднять посещаемость с поисковиков. Недаром существует поговорка «Title – всему голова».</p> <p>Грамотное составление тега <title> – это одна из важнейших основ успешного продвижения страницы сайта. Существует набор требований, по которым необходимо составлять тег <title> для продвигаемой страницы.</p> <p>Конечно, одного лишь отлично составленного <title> будет не достаточно для продвижения страницы по некоторым низкочастотным запросам, не говоря уже о среднечастотных и высокочастотных ключевых словах. Но без этого тега любое продвижение будет бесполезным.</p> <h2>1. Что такое тег <title>... и для чего он нужен

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

Синтаксис html тега ...
<span>Название страницы </span> Контент страницы

Тег составляется исходя из текста на конкретной странице. Статья, которая размещена на странице должна иметь вхождение ключевых слов и словосочетаний в тексте из тайтла. Причем вовсе необязательно большое число вхождение ключевых слов, достаточно и одного. В этом случае, <title> будет очень положительно влиять на позиции этой страницы.</p> <p>Например, если у нас тема статьи "Как выбрать лыжи для конькового хода", то логично, чтобы тайтл был примерно таким:</p> <blockquote><head > <title ><span>Как выбрать лыжи для конькового хода - 5 советов от опытных лыжников </span>

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

Чтобы грамотно подбирать эти дополнительные ключи читайте:

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