HTML тег Title – эффективно используем заголовок страницы. Тайтл - это что

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

По самой популярной трактовке, «тайтл» в русском языке означает то же самое, что и английский «title», а именно «заголовок» или «название». Что не совсем верно. Настолько, что если понимать слово именно в этом значении, у собеседников может сложиться неверное представление о предмете разговора.

a: отличительное имя написанной, напечатанной или снятой для кино продукции

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

Как вы видите, английское слово «title» может ссылаться не только на название произведения, но также и на само произведение.

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

Начнем с примеров

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

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

«Мой список просмотренного включает 50 тайтлов». Кажется, что здесь слово «тайтл» точно эквивалентно слову «заголовок» (или «название»). Если взглянуть на содержимое упомянутого списка, то в нем присутствуют только они. Но, на самом деле, автор высказывания все-таки имел в виду немного другое. Он говорил о том, что посмотрел 50 различных аниме. И в его списке названия являются только указанием на конкретное содержимое того, что он видел.

«Название тайтла — «Унесённые призраками »». Да, это совершенно корректное предложение в русском языке. Не «название названия», а именно «название тайтла».

Попробуем уточнить наш термин

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

Слово «тайтл» более точно описывает содержание просмотренного, чем более общее слово «аниме». Тайтл — это однозначный набор видеоматериала (хотя, иногда, в разных версиях) с определенным количеством эпизодов. Упоминая слово «тайтл» в своем сообщении, вы говорите о чем-то совершенно конкретном. Если вы напишете «Я уже смотрел тайтл «Индекс волшебства »» , то скорее всего вы говорите только о первом сезоне. Если читатель сообщения все же не понял, о чем идет речь, вы можете дать гиперссылку на источник (например, вот эту), которая уже однозначно не будет вызывать разногласий у читателей.

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

Что лежит в основе термина «тайтл»?

Основа термина «тайтл» закладывается в процессе производства аниме. Вы наверняка в курсе — основная работа по созданию аниме начинается с выпуска документа (декларации ) о решении так называемого производственного комитета . Производственный комитет — это группа представителей разных компаний, специально создаваемая для принятия решения (решений) о финансовых источниках производства аниме, способах рекламы и показа, выпуска сопутствующих товаров и, что для нас главное, определения параметров некой единицы аниме (фильма, сериала, ОВА и др.): имен и позиций основных создателей (прежде всего режиссера), количества серий, их продолжительности и объема финансовых средств, выделяемых конкретной студии для собственно производства аниме и на другие сопутствующие расходы.

Производственный комитет подготавливает и подписывает документ — декларацию аниме тайтла — который однозначно определяет содержание термина «тайтл» для конкретного аниме. Без этой декларации банки не выделяют деньги на производство и само аниме не может появиться на свет.

Замечание в сторону . Как всегда, любое правило в реальной жизни невозможно без исключений. Подготовка декларации для «Историй монстров » (2009) заняло столь долгое время, что производство тайтла было начато за счет собственных средств студии Шафт. Правда потом ответственный за подготовку декларации, одна из самых влиятельных фигур в аниме бизнесе Японии, был уволен с своей очень солидной должности в его компании.

Базы данных аниме

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

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

Самая популярная база — это англоязычная MyAnimeList (MAL). Вы также можете воспользоваться русскоязычным порталом Шикимори к той же базе, который расширяет базу данными на русском языке. Альтернативным (и более старым) русскоязычным ресурсом является аниме раздел сайта World Art . Насколько я понимаю, они используют собственную базу. Ну и последний в списке (но не по важности) — англоязычный Anime News Network (ANN), тоже с своей базой. Остальные русские и англоязычные ресурсы я не могу рекомендовать, их данные обычно фрагментарны и могут быть неточны́.

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

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

Как найти тайтл в базе данных?

Во всех перечисленных мной порталах понятие тайтла ассоциируется с конкретной страницей веб-интерфейса портала. (Или с результатом определенного запроса через программный интерфейс, если он имеется. Однако АПИ выходит за рамки нашего обсуждения.) Так что с практической точки зрения понятие «тайтл» — это то, что описывает определенного типа страница одной из баз данных. Это в общем-то все, что вам необходимо знать о тайтлах. То, о чем я говорил выше, может быть интересным, но совсем не обязательным для понимания термина.

В каждой из перечисленных мной баз данных имеется возможность поиска тайтлов по их названиям. Я продемонстрирую на примерах, как найти страницу сериала «Стальной алхимик» («Fullmetal Alchemist») 2003-его года в двух разных базах.

Шикимори

Типы аниме

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

  • Телевизионный сериал
  • ОВА (Оригинальная видео анимация)
  • Фильм
  • Спешиал
  • ОНА (Оригинальная сетевая анимация)
  • Музыкальный клип

В базе Anime News Network «Музыкальный клип» отсутствует и база не содержит тайтлов этого типа. Одним из наиболее часто используемых первичных источников информации о типе тайтлов является японский ресурс allcinema .

Тип оригинала аниме

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

  • Сам аниме тайтл как оригинал
  • Манга
  • Ёнкома
  • Веб-манга
  • Цифровая манга
  • (Японская) новелла
  • Ранобэ
  • Визуальная новелла (роман)
  • Компьютерная игра
  • Карточная игра
  • (Не японская) книга
  • Книга иллюстраций
  • Радио постановка
  • Музыкальное произведение
  • Другой тип источника

Другие термины

Эпизод

В аниме сообществе для ссылки на единицу сериала (спешиала/ОВА/ОНА) используется слово «эпизод», а не «серия». Последнее обычно можно встретить только у новичков. Слово «серия» правильно использовать для обозначения логических последовательностей тайтлов (сезонов) аниме: «Франшиза «Индекс волшебства » включает две серии — собственно «Индекс волшебства » и «Некий научный Рейлган »».

Аниме сезоны и разделенные тайтлы

Слово «(аниме) сезон» появляется в тот момент, когда мы говорим о выпуске нового тайтла в продолжение предыдущего. Обычно термин относится только к сериалам, но бывают случаи с ОВА/ОНА. Мы называем «сезоном» что-то логически продолжающее оригинальный тайтл и логически завершенное (в той же степени, что и оригинальный тайтл). В редких случаях тип тайтла сезона может меняться, например, первый сезон «Подвигов школьного совета: Хроники академии Хэкиё » (2009) — телевизионный сериал, а второй (2012) — ОНА.

Разделение франшизы на сезоны, где часть тайтлов получает обозначение 1-й сезон, 2-й сезон и т.д., а часть остается «просто тайтлами франшизы», — достаточно условное и волюнтаристское действие. Иногда мы можем столкнуться с ситуацией, когда часть источников считает какой-то тайтл очередным «сезоном», а часть — нет. Полная однозначность наступает только тогда, когда очередной тайтл объявляется следующим «сезоном» самими создателями.

Замечание в сторону . Хотя и здесь «не все так однозначно ». Название тайтла «Судьба/Девочка-волшебница Иллия 3 » (2016) пишется по-японски «Fate/kaleid liner プリズマ☆イリヤ ドライ!!3rei!! », где «3rei» — «3-й экземпляр» — явно указывает на 3-й сезон. В то же время как на сайте World Art (и на большом количестве других русскоязычных ресурсов) тайтл обозначен как «Судьба: Девочка-волшебница Иллия [ТВ-4] », то есть сезон уже 4-й (3-м сезоном стал — «Судьба/Девочка-волшебница Иллия 2: Продолжение » (2015)).

Выпуску нового сезона предшествует та же самая административная процедура, что и оригинального сезона/тайтла. То есть создается производственный комитет, подписывается декларация аниме тайтла, проводится рекламная кампания и так далее. Этим он отличается от так называемого «разделенного тайтла» (split-title ), когда выпуск части эпизодов задерживается по чисто техническим причинам (недостатка ресурсов у студии для производства части эпизодов, отсутствие свободного окна на телевизионной станции для их трансляции и тому подобное). В качестве примера можно привести «Истории монстров », у которых первые 13 эпизодов последовательно выходили с 3-его июля по 3-е ноября 2009-ого года, 14-й эпизод вышел 23-его февраля 2010-ого и заключительный 15-й — 25-ого июня 2010-ого года.

Франшиза

Франшиза — это набор тайтлов, связанный общими событиями и/или персонажами. Деление всех вышедших тайтлов на отдельные «франшизы» — действие достаточно условное и волюнтаристское. Обычный зритель может узнать, какие тайтлы относятся к конкретной франшизе, обращаясь к базам данных аниме. В MyAnimeList — это подраздел страницы тайтла «Related Anime», в Шикимори — «СВЯЗАННОЕ» (повторяющий упомянутый раздел MAL) и отдельные страницы «Хронология» и «Франшиза», где уже приводится полный список тайтлов франшизы. В Anime News Network в подразделе «Related anime» тоже приводится полный список тайтлов франшизы.

Как вы можете заметить, понятия «франшизы Стального алхимика» в разных базах отличается.

В MyAnimeList полный список тайтлов франшизы можно построить, последовательно переходя на все страницы тайтлов из раздела «Related Anime» и объединяя их в один список. Хотя здесь имеется опасность. Иногда выпускаются тайтлы, где искусственно объединены герои/события из разных франшиз. Таким образом этот конкретный тайтл одновременно относится к разным франшизам, но сами франшизы не превращаются в одну.

Франшизы идентифицируются по одному из своих тайтлов и в качестве названия франшизы обычно используется название первого по времени выпуска «полноценного» тайтла (иногда франшизы начинаются с выпуска коротких ОВА/ОНА/спешиалов). Хотя для некоторых популярных франшиз в аниме сообществе общепринятыми становятся другие названия. Например, первым тайтлом одной из франшиз были «Истории монстров » (2009), а о самой франшизе говорят как о «Цикле историй» или «Гатарях». Но если вы намереваетесь предоставить гиперссылку на франшизу, правильной ссылкой будут именно «Истории монстров ».

Сезон выхода аниме

Аниме обычно транслируются на телевидении с начала одного из 4-х стандартных 3-х месячных периода: зимнего (с января по март), весеннего (с апреля по июнь), летнего (с июля по сентябрь) и осеннего (с октября по декабрь). Пример: «Сериал «Вторжение гигантов 2 » выходит в весеннем сезоне».

Коур

Коур (cour на английском, クール на японском, кор/кур в других версиях на русском) - единица измерения продолжительности аниме или часть аниме, показанная по телевизору за стандартный трех-месячный период (см. выше). Так как аниме обычно выходят раз в неделю, то один коур обычно включает 12 или 13 эпизодов, в более редких случаях 10-11 или 14. Иногда в русском языке в качестве синонима используется слово «сезон», что приводит к забавным конструкциям: «Продолжительность 1-ого сезона «Индекс волшебства » — 2 сезона , осенний и зимний». Хи-хи.

Точное происхождение термина неизвестно, в японском и англоязычном аниме сообществе он стал активно использоваться где-то с 2007-ого года. Наиболее популярная версия — слово происходит от французского «cours», где оно означает «поток» или «(учебный) курс». Русскоязычная Википедия предлагает написание «кур» (скорее всего как наиболее близкое к оригинальному французскому произношению), что не представляется мне удачным из-за его чрезмерного созвучия с другим русским словом. Я обратил внимание, что в русскоязычных текстах пишут или «cour» на латинице, или «кор»/«коур» на кириллице.

FAQ

Поддержание базы данных аниме в состоянии, когда имеется информация по всем старым и вновь вышедшим тайтлам, — серьезная работа, с учетом того, что их уже вышедшее количество превысило 10 тысяч. Все базы данных, кроме мной перечисленных, имеют небольшое количество зарегистрированных пользователей (менее 10 тысяч). Здесь рекордсмен — MyAnimeList, у которого их более полутора миллионов. Добавление информации по новым тайтлам и исправление ошибок в существующих требует совместной работы пользователей и администраторов, с которой базы с низкой пользовательской базой просто не справляются. Чем больше аниме будет в вашем списке просмотренного, тем чаще вы будете натыкаться на ошибки.

Я правильно понимаю, что в русскоязычных базах мне нужно знать названия аниме на русском, а в англоязычных на английском?

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

Я не помню точного названия аниме, как мне его найти?

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

[В качестве иллюстраций использовались фрагменты рисунков ключевой анимации сериала Девочка-волшебница Мадока★Волшебство (2011), опубликованных в сборнике Key Animation Note Extra.]

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

Грамотное составление тега – это одна из важнейших основ успешного продвижения страницы сайта. Существует набор требований, по которым необходимо составлять тег <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://i0.wp.com/zarabotat-na-sajte.ru/seo/img/title-v-socsetyah1.jpg' width="100%" loading=lazy></p> <p>Или сокращенный вариант без изображения в ВК</p> <p><img src='https://i2.wp.com/zarabotat-na-sajte.ru/seo/img/title-v-socsetyah2.jpg' width="100%" loading=lazy></p> <p><img src='https://i1.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> является самой важной частью страницы любого сайта, поэтому стоит уделить большое внимание тому, как вы его составляете. Создание заголовков подобно искусству и не каждый может составить его нужным образом с первого раза, для этого требуется знать некоторые тонкости. Применяя для своих сайтов приведенные 12 советов по использованию и оптимизации тега title, вы избежите множества проблем в будущем.</p> <h2><b>1. Тайтл должен отражать суть страницы. </b></h2> <p>Этот пункт относится к юзабилити. Необходимо помнить, что тайтл показывается в результатах поиска во всех поисковиках и на него в первую очередь обращают внимание пользователи. От того, что вы поместите в тег <title> будет зависеть кликабельность и, соответственно, количество получаемого траффика.</p> <p>Также тайтл используется при описании страницы (или сайта) в каком-нибудь каталоге сайтов, каталоге полезных ссылок, социальных закладках и других социальных сервисах. Если он не будет отражать суть контента, тогда страница не получит качественного целевого траффика. Для наглядности, сравните следующие примеры:</p> <blockquote> <p><i><span><title>Главная страница сайта
и
</i><i><span>NIGMA </i> </span><i><span> – интеллектуальная поисковая система

или же внутренние страницы

Тест
и
Тест: Настоящий ли ты блоггер?

2. Включайте ваш бренд в тайтл страниц.

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

Вариант 1: Поисковая оптимизация
Вариант 2: Поисковая оптимизация - Википедия
Вариант 3: Optimization.ru: Поисковая оптимизация и продвижение сайтов

3. Используйте разные тайтлы на разных страницах.

Тег title должен быть уникальным на каждой странице, а также он должен быть уникальным во всей поисковой выдаче. Для уникализации тега внутри вашего сайта, используйте в нем названия статей, разделов, категорий и так далее. Если какая-либо статья разбита на страницы, тогда в конце тайтла добавьте текст Страница 2 из 10 или просто Стр. 2 . Для уникализации заголовков страниц по всему поисковому индексу удобно использовать имя бренда в тайтле. Одинаковые заголовки могут служить причиной появления дублированного контента и, соответственно, попадание некоторых старниц в “дополнительные результаты выдачи”.

4. Тайтл должен содержать в себе ключевые слова.

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

5. Не включайте в title слишком много ключевых слов.

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

Примеры длинного и короткого заголовков:

Скачать музыку в mp3 формате: танцевальная, клубная, электронная, скачать клипы новинки песен – музыкальный портал Muz.ru

MP3collection.ru >> Танцевальная музыка, электронная клубная музыка

6. Не используйте стоп-слов в тайтле.

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

Среди русскоязычных стоп-слов можно выделить такие, как: о , и , или , к , я , не , до и т.д. Среди англоязычных это a , about , an , as , are , but , be , or , and , for и другие.

7. Каждое слово не должно повторяться более двух раз.

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

Nokia 3410 – телефон, чехол для Nokia 3410, корпус Nokia 3410 аккумулятор для Nokia 3410

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

Телефон Nokia 3410 – чехол, корпус, аккумулятор, аксессуары

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

Ограничение на количество символов, учитываемых в теге title для google является 70 знаков, чтобы название в серпе уместилось в одну стоку. В яндексе учитывается в тайтле не более 15 слов , а отображается не больше 80 символов . Если ваш заголовок будет более максимального значения, поисковая машина автоматически обрежет его (google добавит троеточие в конце).

9. Делайте длину title не более 8 слов.

В 70-80 символов довольно сложно вместить больше 8 слов, однако, некоторые все равно делают title слишком длинным. Для google количество учитываемых в тексте ссылки слов равно восьми, для яндекса – 16. Помните, что пользователи, ссылаясь на ваши страницы, не любят менять тайтл, вставляя его в анкор ссылки. Ориентируясь только на яндекс и делая тайтл более 8 слов вы проигрываете в google.

10. Ставьте в начале заголовка наиболее значимые ключи.

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

Википедия - свободная энциклопедия

однако, для внутренней страницы:

Федеральный конституционный закон - Википедия

11. Используйте паттерны.

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

[модиф1 ключевик] + [ключевик модиф2] = [модиф1 ключевик модиф2]

Например, Найти работу дома + Работа дома через интернет = Найти работу дома через интернет .

Шаблоны могут быть разными, вот некоторые из них:

KW1, KW2, KW3
KW1, KW2 и KW3
KW1 | KW2 | KW3

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

12. Не используйте специальных символов.

Поисковые системы поддерживают ряд специальных символов, которые вы можете поместить в тег title. Это следующие символы (не весь список):

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

Раннее, также поддерживались другие специальные символы, который на данный момент просто игнорируются. Среди неподдерживаемых символов можно выделить ASCII символы и следующие HTML сущности.

Привет, друзья! Снова пришло время полезных теоретических постов. И сегодня я хотел бы поговорить о самом важном теге — Title. Что такое Title страницы, на что влияет, как правильно составить title с точки зрения SEO, какие при этом можно допустить ошибки и многое другое. И теория, и практика, и математика – сегодня будет все и для всех. Максимально подробно.

Сколько символов из Title отображается в заголовке ссылки в поисковой выдаче

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

Начнем с Яндекса. Как вы знаете, если текст заголовка не вмещается полностью в строку, то он будет заменен на троеточие (оно может быть в конце, в начале или в середине title). Очень важно, чтобы видимая часть заголовка на выдаче отражала суть документа, лучше всего, если ваш заголовок полностью вместится в отведенное количество символов. Даже если заголовок отрежется в конце, то это выглядит приемлемо, но если обрезается начало или середина, то чаще всего заголовок теряет во внешнем виде и, следовательно, в кликабельности.

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



Как видите, текст, выделенный жирным, занимает больше места и, как следствие, часть заголовка была «вытеснена». Поэтому длина заголовка, видимого в выдаче, может быть разной для одного и того же сайта, для одного и того же title, но при разных запросах . Поэтому однозначно рассуждать о допустимой длине просто бессмысленно, зато если вы сможете уместить все самое важное в 65-70 символов, то получите оптимальный результат. Это для Яндекса!

А что же в Google? Тут все еще сложнее, если говорить о количестве видимых символов в заголовках ссылок. В среднем длина отображаемого заголовка в Google намного меньше, чем в Яндексе – 50-57 символов.

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



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

Еще интереснее заглянуть в инспектор исходного кода страницы и посмотреть, что там:

Здесь видно, что на самом деле заголовок присутствует полностью, только отображается не весь в связи с моими настройками увеличения, моими системными шрифтами и разрешением экрана . Видимый заголовок короче фактического на 8 символов. Дело в том, что ширина блока для каждого результата в выдаче Google строго ограничена и составляет 512 пикселей. А контейнер со ссылкой и заголовком в конкретном примере составляет 560 пикселей (это в Chrome, а в FireFox этот же самый пример составляет 550 пикселей).

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

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

Фуф, с самым большим теоретическим разделом покончили! Поехали дальше.

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

Что касается стоп-символов, можно предположить, что среди них могут оказаться такие символы: () - = / \ ! ? | + _ . : ;
В нашем случае под стоп-символами необходимо подразумевать те знаки препинания, которые разбивают пассажи .

Что такое пассаж? Пассаж – это последовательность слов на странице. Пассажи отделяются друг от друга знаками препинания или html-тегами. Мы, люди, воспринимаем текст как последовательность слов в предложениях. А поисковик воспринимает текст, как последовательность слов в пассажах. По идее, эти восприятия должны совпадать, но часто это не так.

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

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

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

. Это просто к сведению.

Поговорим о стоп-словах. Давайте в этом вопросе обратимся сразу к Яндексу. Вот по этой ссылке :

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

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

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

А это плохо, если Title и заголовок H1 одинаковые?

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

А кто вообще сказал, что это плохо? Мне кажется, это очередное заблуждение. Экспериментальных подтверждений или опровержений этому я не видел. Но давайте рассуждать логически. H1 – это заголовок страницы, который видит пользователь. Title – это заголовок, который видит поисковый робот. Почему, собственно, они не могут быть идентичными? Не почему, это совершенно нормальное явление.

Но так как мы говорим об эффективном SEO, то у меня есть несколько рекомендаций для вас . Видимый каждому посетителю заголовок H1 на странице должен быть максимально ориентированным на человека, он должен быть кратким и отражающим основную суть статьи, и не должен напоминать набор ключевых слов. А в Title можно немного «разыграться» — можно чуть больше оптимизировать его, сделать длиннее, не упустить возможность употребить сразу несколько ключевых слов. Но всегда держим в уме тот факт, что и этот заголовок увидят живые люди в поисковой выдаче и он должен их привлекать на вашу страницу, а не наоборот.

Обычно я придерживаюсь такого правила, если продвигаю большую группу запросов на одну страницу: в Title упоминаю главный ключевой запрос и несколько наиболее значимых дополнительных ключевиков, в H1 обязательно так же упоминаю главный запрос и 1-2 менее значимых ключевика, которые не попали в title. Таким образом, получается, что в двух самый «сильных» элементах документа я смогу употребить максимальное количество необходимых мне ключевых слов. Берите себе на вооружение!

На что ориентироваться для получения максимального эффекта

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

Где брать ключевые слова

Когда я впервые публикую статью на сайте, или, например, пишу пост на этом блоге, я делаю лишь предположение о том, какие ключевики у меня самые главные и какой заголовок составить. На основании чего делать предположения? Да, самый простой ответ – wordstat.yandex.ru .
Точность и полнота вордстата, конечно, не самая лучшая, но для предположений годится. Перед написанием данного поста я сделал выборку по интересующему меня ключевому слову «title», отсеял все лишнее и разбил на группы.

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

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

И третий самый лучший и любимый вариант – анализ реальной статистики посещаемости сайта в Google Analytics. Есть у этого варианта один недостаток – его можно применить только постфактум, т.е. когда после публикации статьи уже прошло несколько месяцев, и накопилась статистика. Этот метод и дает прекрасные результаты. Чтобы посмотреть ключевые слова переходов для определенной страницы: заходите в аккаунт GA, выбирайте сайт, блок «Поведение», список «Контент сайта», раздел «Страницы входа». Далее тыкаете на нужный url из списка и переходите на вкладку «Ключевое слово». Все это я отметил на скриншоте ниже:

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

Как использовать ключевые слова в Title

Список ключевиков готов, осталось только грамотно им распорядиться!

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

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

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

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

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

Основные ошибки в Title, которые не следует допускать

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

  • Важно избегать дублирования заголовков title внутри сайта. Отслеживать это можно из панели вебмастера Гугла (Заходите в панель GWMT, выбираете сайт, раздел «Вид в поиске» -> «Оптимизация HTML»).
    Очень часто дублирование title свидетельствует о дублировании страниц с одинаковым содержанием по разным адресам, а это очень серьёзное нарушение.
  • Не стоит употреблять то же самое ключевое слово в title более одного раза. В крайнем случае, можете использовать его словоформы (падежи, единственное и множественное число и т. д.). При написании заголовков я всегда придерживаюсь этого правила за редкими исключениями.
  • Если в title есть повторяющиеся от страницы к странице элементы (часто это название компании, организации или просто название сайта), необходимо, чтобы они были в конце, а не в начале и были не длиннее нескольких слов. Можно вообще обойтись без этих приставок, если ваша компания не настолько известна, чтобы пользователь сразу пришел к вам и купил, увидев только ваш бренд. В таком случае можно название оставить для главной страницы или страницы контактов, чтобы люди, которые намеренно ищут именно вас, могли увидеть ваш сайт на первом месте.
  • Разумеется, title не должен быть набором ключевых фраз, причисленных через запятую. Странно, но до сих пор не все это осознают и продолжают использовать эту технику. Это уже не работает ни для поисковиков, ни для пользователей. Постарайтесь из своих ключевых слов составить осмысленную фразу или предложение, это не так сложно, как кажется.
  • Бывают и обратные случаи, когда заголовок получается слишком «вялым», и пользователи на него не нажимают, потому что в нем нет призыва, он не информативен и не описывает преимуществ. Это не меньшее зло, чем переоптимизация.
  • Замечали случаи, когда Google игнорирует ваш тег title и использует другой текст в качестве заголовка в поисковой выдаче? Это тоже может свидетельствовать о плохом заголовке. Такое случается в следующих ситуациях. Если заголовок слишком длинный, Google это не нравится, и он его укорачивает или полностью заменяет. Если заголовок плохо описывает страницу или не соответствует ее содержанию. Если сам документ релевантен запросу пользователя, а в заголовке нет поискового запроса, Google может сам сформировать Title для повышения CTR. Для генерации заголовков чаще всего используются анкоры внутренних ссылок или текст из целевой страницы.

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

Важные выводы и краткое резюме для ленивых

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

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

  • Значимая для продвижения часть заголовка должна быть не более 12 слов, чтобы получить максимальный эффект.
  • Самые популярные ключевые слова должны идти в самом начале заголовка и уместиться в первых 50 символов, чтобы сохранить привлекательный вид в поисковой выдаче.
  • Старайтесь не использовать в заголовке следующие знаки препинания – . ! ? – т.к. они разбивают пассажи.
  • Наиболее важные ключевые фразы, состоящие из нескольких слов, должны иметь «чистое вхождение» без попадания других слов внутрь фразы.
  • Составляйте заголовки всегда вручную и осмысленно, чтобы это не было похоже на перечисление ключевых слов, иначе это может быть плохим сигналом, как для людей, так и для поисковых роботов.
  • Заголовок должен максимально информативно отражать суть страницы, которой он принадлежит. Соответствуя ожиданиям пользователя на выдаче, ваш сайт будет только выигрывать за счет .
  • Изучайте статистику Google Analytics и перерабатывайте заголовки на своем сайте, это дает потрясающие результаты. В качестве примера .

Наконец-то я закончил этот бесконечный пост!

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

Задавайте вопросы, пишите комментарии, делитесь ссылкой в соцсетях!

Успехов в продвижении, друзья! И до связи.

С уважением, Александр Алаев

Описание

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

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

Обязателен.

Атрибуты

HTML5 IE Cr Op Sa Fx

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

Примечание

Тег выполняет множество задач, как прямо, так и косвенно. Ниже описано какую роль выполняет заголовок страницы.</p> <ul><li>По тексту заголовка пользователь получает дополнительную информацию, что это за сайт, на котором он находится и как называется текущая страница. Не стоит думать, что достаточно в документе указать логотип сайта и проигнорировать заголовок, ведь посетитель может свернуть окно. В свернутом виде заголовок также отображается на кнопках панели задач, поэтому можно легко ориентироваться, с каким сайтом в данный момент работать, а не перелистывать их по очереди.</li> <li>Большинство браузеров поддерживают возможность сохранения веб-страницы на локальный компьютер. В этом случае имя сохраненного файла совпадает с названием заголовка документа. Если в тексте заголовка содержатся символы недопустимые в имени файла (\ / : * ? " < > |), они будут проигнорированы или автоматически заменены другими дозволенными символами.</li> <li>При сохранении в разделе браузера «Избранное», адрес текущей страницы с ее заголовком помещается в список предпочитаемых ссылок. Поскольку этот список, как правило, хранится в виде отдельных файлов, к их именам также прилагается уже вышеописанное правило.</li> <li>В результатах поиска по ключевым словам, поисковые системы используют заголовок страницы для указания ссылки на данный документ. Интересно написанный заголовок, содержащий ключевые слова, привлечет больше внимания посетителей и увеличит шансы на то, что сайт посетит больше людей.</li> </ul> <script>document.write("<img style='display:none;' src='//counter.yadro.ru/hit;artfast_after?t44.1;r"+ escape(document.referrer)+((typeof(screen)=="undefined")?"": ";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth? screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+";h"+escape(document.title.substring(0,150))+ ";"+Math.random()+ "border='0' width='1' height='1' loading=lazy>");</script> </div> </article> <div class="related-posts"> <h3 class="title text-uppercase text-center">Еще на эту тему:</h3> <div class="row"> <div class="post article-wrp with-border col-sm-6 col-md-4"> <div class="article-in-loop"> <a class="thumb-title" href="/top-programm-dlya-udaleniya-draiverov-skachat-driver-sweeper/"> <span class="embed-responsive embed-responsive-16by9 vertical-align-block thumb"> <span class="embed-responsive-item"> <span class="super-wrp"> <span class="span-table"> <span class="span-table-row"> <span class="span-table-row-cell"> <img src="https://i2.wp.com/pc-assistent.ru/wp-content/uploads/2017/06/driver_sweeper_200x175.png" class="img-responsive" alt="Скачать Driver Sweeper – программа для удаления драйверов из OC Windows Скачать программу для удаления драйверов карты" loading=lazy> </span> </span> </span> </span> </span> </span> <span class="date"> </span> <span class="title"> Скачать Driver Sweeper – программа для удаления драйверов из OC Windows Скачать программу для удаления драйверов карты </span> </a> </div> </div> <div class="post article-wrp with-border col-sm-6 col-md-4"> <div class="article-in-loop"> <a class="thumb-title" href="/vykidyvaet-na-rabochii-stol-sniper-elite-v2-vykidyvaet-na-rabochii-stol-sniper-elite-v2-chto/"> <span class="embed-responsive embed-responsive-16by9 vertical-align-block thumb"> <span class="embed-responsive-item"> <span class="super-wrp"> <span class="span-table"> <span class="span-table-row"> <span class="span-table-row-cell"> <img src="https://i2.wp.com/i.rutab.net/upload/tech_issues/audio_check.png" class="img-responsive" alt="Выкидывает на рабочий стол Sniper Elite V2 Что делать если лагает sniper elite 3" loading=lazy> </span> </span> </span> </span> </span> </span> <span class="date"> </span> <span class="title"> Выкидывает на рабочий стол Sniper Elite V2 Что делать если лагает sniper elite 3 </span> </a> </div> </div> <div class="post article-wrp with-border col-sm-6 col-md-4"> <div class="article-in-loop"> <a class="thumb-title" href="/kak-naiti-kartinu-po-fotografii-poisk-pohozhei-fotografii-v-internet-poisk/"> <span class="embed-responsive embed-responsive-16by9 vertical-align-block thumb"> <span class="embed-responsive-item"> <span class="super-wrp"> <span class="span-table"> <span class="span-table-row"> <span class="span-table-row-cell"> <img src="https://i2.wp.com/kompukter.ru/wp-content/uploads/2018/03/klikaem-po-znachku-foto-v-gugl.png" class="img-responsive" alt="Поиск похожей фотографии в интернет" loading=lazy> </span> </span> </span> </span> </span> </span> <span class="date"> </span> <span class="title"> Поиск похожей фотографии в интернет </span> </a> </div> </div> </div> </div> </div> <aside id="sidebar" class="col-sm-4 col-sidebar hidden-xs" role="complementary"> <div class="content-menu bs-docs-sidebar"> <div class="progress-right" id="progress-right">0%</div> <script> window.onscroll = function() { var scrolled = window.pageYOffset || document.documentElement.scrollTop; var scrollprogress = Math.round(scrolled / ((document.documentElement.scrollHeight - document.documentElement.clientHeight) / 100)); document.getElementById('progress-right').innerHTML = scrollprogress + '%'; } </script> <div class="ad clearfix text-center"> </div> </div> <script> /** * Скрипт закріплення блоку при прокрутці */ (function() { var a = document.querySelector('#sidebar'), b = null, P = 0; window.addEventListener('scroll', Ascroll, false); document.body.addEventListener('scroll', Ascroll, false); function Ascroll() { if (b == null) { var Sa = getComputedStyle(a, ''), s = ''; for (var i = 0; i < Sa.length; i++) { if (Sa[i].indexOf('overflow') == 0 || Sa[i].indexOf('padding') == 0 || Sa[i].indexOf('border') == 0 || Sa[i].indexOf('outline') == 0 || Sa[i].indexOf('box-shadow') == 0 || Sa[i].indexOf('background') == 0) { s += Sa[i] + ': ' + Sa.getPropertyValue(Sa[i]) + '; ' } } b = document.createElement('div'); b.style.cssText = s + ' box-sizing: border-box; width: ' + a.offsetWidth + 'px;'; a.insertBefore(b, a.firstChild); var l = a.childNodes.length; for (var i = 1; i < l; i++) { b.appendChild(a.childNodes[1]); } a.style.height = b.getBoundingClientRect().height + 'px'; a.style.padding = '0'; a.style.border = '0'; } var Ra = a.getBoundingClientRect(), R = Math.round(Ra.top + b.getBoundingClientRect().height - document.querySelector('#content').getBoundingClientRect().bottom); // селектор блока, при достижении нижнего края которого нужно открепить прилипающий элемент if ((Ra.top - P) <= 0) { if ((Ra.top - P) <= R) { b.className = 'stop'; b.style.top = -R + 'px'; } else { b.className = 'evr-sticky'; b.style.top = P + 'px'; } } else { b.className = ''; b.style.top = ''; } window.addEventListener('resize', function() { a.children[0].style.width = getComputedStyle(a, '').width }, false); } })() </script> <style> /* Додаємо відступ вгорі, щоб було на одному рівні із змістом */ body.single #breadcrumbs { margin-bottom: 5px; } #content article { padding-top: 15px; } #sidebar .evr-sticky { position: fixed; z-index: 101; } #sidebar .stop { position: relative; z-index: 101; } #div-gpt-ad-30906309 { margin-top: 20px; } #sidebar .evr-sticky #div-gpt-ad-30906309, #sidebar .stop #div-gpt-ad-30906309 { margin-top: 20px; } #sidebar .content-menu { transition: 0.5s all; } #sidebar .content-menu .title { padding-top: 15px; font-size: 20px; margin: 0 0 15px 0; } #sidebar .content-menu .title .glyphicon { padding-right: 5px; } #sidebar .content-menu ul { padding: 0; margin: 0; overflow: auto; } #sidebar .content-menu .nav li { margin: 0; clear: both; margin-bottom: 4px; } /* Bullet before text */ #sidebar .content-menu .nav li a:before { content: "●"; position: absolute; font-size: 17px; color: #dedede; left: 0; top: -1px; } #sidebar .content-menu .nav li a { position: relative; display: inline-block; font-size: 15px; color: #000; line-height: 1.2; padding: 3px 0 0 18px; overflow: hidden; text-decoration: none !important; } #sidebar .content-menu .nav li.active:focus>a, #sidebar .content-menu .nav li.active:hover>a, #sidebar .content-menu .nav li.active>a, #sidebar .content-menu .nav li a:hover { text-decoration: none; font-weight: normal; color: #c23085; background-color: transparent; border-left: 0 none; } /* Bullet before text */ #sidebar .content-menu .nav li.active>a:hover:before, #sidebar .content-menu .nav li.active>a:before { -moz-transform: scale(1.3); -webkit-transform: scale(1.3); transform: scale(1.3); left: 1px; color: #c23085; background: transparent; } #sidebar .content-menu .nav li a:hover:before { color: #c23085; background: transparent; } #sidebar a.go-top { display: block; margin-top: 5px; padding: 14px 0 5px 0; text-align: center; text-transform: lowercase; font-size: 17px; color: #666; background: transparent url(/wp-content/themes/sk-Evrikak/i/go-top-in-sidebar.png) no-repeat 50% 50%; opacity: 0; transition: 0.2s all; } #sidebar a.go-top:hover { color: #000; text-decoration: none; } /* Якщо блок зафіксовний */ #sidebar .evr-sticky a.go-top { opacity: 1; } #sidebar .evr-sticky { box-shadow: -9px 0 10px 0 rgba(0, 0, 0, 0.08) !important; } </style> <script> jQuery(document).ready(function() { // (c) http://jsfiddle.net/gableroux/S2SMK/ // підсвітка активного пункту меню, bootstrap jQuery('body').scrollspy({ target: '.bs-docs-sidebar', offset: 70 }); // даємо висоту меню, щоб зробити прокрутку jQuery(window).bind("load resize", function() { var body_w = jQuery("body").width(); // визначаємо ширину вікна var window_h = jQuery(window).height(); // визначаємо висоту вікна //alert(window_h); if (body_w > '767') { // якщо ширина більша 767 window_h = window_h - 375; // коригуємо висоту блоку з меню. віднімаємо висоту блоку «наверх», у перспективі треба буще ще відняти інші-нові блоки var menu_h = jQuery('#sidebar .content-menu').height(); //if(menu_h > window_h) { // якщо висота усього сайдбару більше висоти екрану, то вказуємо висоту для меню. Воно автоматично розтягне висоту сайдбару, з’явиться прорутка у меню, і сайдбар займе усю висоту вікна jQuery('#sidebar .content-menu ul.nav').css('height', window_h); //} } }); // парсимо контент і формуємо меню jQuery('#content .evr-section').each(function() { var evr_section_id = jQuery(this).attr('id'); var evr_section_title = jQuery(this).find(':header:first').text(); var txt = '<li class="content-menu-item added-by-js"><a href="#' + evr_section_id + '">' + evr_section_title + '</a></li>'; //var txt = txt.unwrap(); //txt = jQuery('li', txt).unwrap; //txt = txt.unwrap('h3'); //txt = jQuery(txt).wrap('<li>'); jQuery('#sidebar ul.nav').append(txt); // Insert }); // Додаємо спеціальний клас для посилання на відео jQuery('#sidebar .content-menu').find("a[href='#entry-video']").addClass('link-to-video'); // навігація по статті (плавна прокрутка до потрібного блоку) jQuery('#sidebar .content-menu .nav a').click(function() { jQuery.scrollTo(this.hash, { offset: -10, // Відступ вгорі duration: 750 }); return false; }); // перейти вгору (плавна прокрутка вгору) jQuery('#sidebar a.go-top').click(function() { jQuery.scrollTo(this.hash, { offset: 0, // Відступ вгорі duration: 450 }); return false; }); }); </script> <link type="text/css" href="/wp-content/themes/sk-Evrikak/scroll-Pane/jquery.jscrollpane.css" rel="stylesheet" media="all" /> <script type="text/javascript" src="https://battlecase.ru/wp-content/themes/sk-Evrikak/scroll-Pane/jquery.mousewheel.js"></script> <script type="text/javascript" src="https://battlecase.ru/wp-content/themes/sk-Evrikak/scroll-Pane/jquery.jscrollpane.min.js"></script> <script> // Прокрутка оновлюється при зміні висоти вікна jQuery(function() { jQuery('#sidebar .content-menu ul.nav').each( function() { jQuery(this).jScrollPane({ showArrows: jQuery(this).is('.arrow') }); var api = jQuery(this).data('jsp'); var throttleTimeout; jQuery(window).bind("load resize", function() { // IE fires multiple resize events while you are dragging the browser window which // causes it to crash if you try to update the scrollpane on every one. So we need // to throttle it to fire a maximum of once every 50 milliseconds... if (!throttleTimeout) { throttleTimeout = setTimeout( function() { api.reinitialise(); throttleTimeout = null; }, 50 ); } }); } ) }); </script> <style> /* Styles specific to this particular page */ .scroll-pane { overflow: auto; height: 400px; } .jspTrack { background: #dedede; } .jspVerticalBar { width: 6px; } .jspDrag { background: #309dc6; } </style> </aside> </div> </div> <div class="other-posts"> <div class="container"> <h3 class="title text-uppercase text-center h">Другие статьи:</h3> <div class="row articles"> <div class="post article-wrp with-border col-sm-6 col-md-4 col-lg-3"> <div class="article-in-loop"> <a class="thumb-title" href="/samyi-moshchnyi-telefon-v-mire-na-dannyi-moment-samye-moshchnye-smartfony-top-10/"> <span class="embed-responsive embed-responsive-16by9 vertical-align-block thumb"> <span class="embed-responsive-item"> <span class="super-wrp"> <span class="span-table"> <span class="span-table-row"> <span class="span-table-row-cell"> <img src="https://i1.wp.com/technosova.ru/wp-content/uploads/2018/10/2-2.jpg" class="img-responsive" alt="Самые мощные смартфоны Топ 10 самых мощных телефонов" loading=lazy> </span> </span> </span> </span> </span> </span> <span class="date"> Самые мощные смартфоны Топ 10 самых мощных телефонов </span> <span class="title"> Современные технологии позволяют уместить в обычном смартфоне мощность и производительность... </span> </a> </div> </div> <div class="post article-wrp with-border col-sm-6 col-md-4 col-lg-3"> <div class="article-in-loop"> <a class="thumb-title" href="/kak-udalitsya-iz-moego-mira-kak-udalit-stranicu-i-akkaunt-v-moem-mire/"> <span class="embed-responsive embed-responsive-16by9 vertical-align-block thumb"> <span class="embed-responsive-item"> <span class="super-wrp"> <span class="span-table"> <span class="span-table-row"> <span class="span-table-row-cell"> <img src="https://i1.wp.com/socialnie-seti.info/wp-content/uploads/2012/09/galochki-dlya-ydaleniya-stranici.jpg" class="img-responsive" alt="Как удалить страницу и аккаунт в моем мире" loading=lazy> </span> </span> </span> </span> </span> </span> <span class="date"> Как удалить страницу и аккаунт в моем мире </span> <span class="title"> Бывает так, что человек пройдя регистрацию понимает, что эта социальная сеть не для него и хочет... </span> </a> </div> </div> <div class="post article-wrp with-border col-sm-6 col-md-4 col-lg-3"> <div class="article-in-loop"> <a class="thumb-title" href="/ne-udalyaetsya-avast-chto-delat-kak-udalit-avast-s-kompyutera-esli-on-ne/"> <span class="embed-responsive embed-responsive-16by9 vertical-align-block thumb"> <span class="embed-responsive-item"> <span class="super-wrp"> <span class="span-table"> <span class="span-table-row"> <span class="span-table-row-cell"> <img src="https://i2.wp.com/vellisa.ru/wp-content/uploads/2018/05/2-1.jpg" class="img-responsive" alt="Как удалить аваст с компьютера если он не удаляется" loading=lazy> </span> </span> </span> </span> </span> </span> <span class="date"> Как удалить аваст с компьютера если он не удаляется </span> <span class="title"> Сейчас мы разберем, как удалить Аваст, чтобы после деинсталляции антивируса, на компьютере не... </span> </a> </div> </div> <div class="post article-wrp with-border col-sm-6 col-md-4 col-lg-3"> <div class="article-in-loop"> <a class="thumb-title" href="/kak-podklyuchit-nokia-lyumiya-800-k-kompyuteru-podklyuchenie-nokia-lumia-k/"> <span class="embed-responsive embed-responsive-16by9 vertical-align-block thumb"> <span class="embed-responsive-item"> <span class="super-wrp"> <span class="span-table"> <span class="span-table-row"> <span class="span-table-row-cell"> <img src="https://i2.wp.com/sms-mms-free.ru/sites/default/files/images/Specifications_Nokia_800_Zune.jpg" class="img-responsive" alt="Подключение Nokia Lumia к ПК" loading=lazy> </span> </span> </span> </span> </span> </span> <span class="date"> Подключение Nokia Lumia к ПК </span> <span class="title"> Статьи и Лайфхаки впервые могло разочаровать всех, кто недавно приобрёл данное мобильное... </span> </a> </div> </div> </div> </div> </div> <style> /* Додаємо відступ внизу */ body.single #content .ad { margin-bottom: 20px; } /* Додаємо відступ вгорі */ body.single #sidebar .ad { margin-top: 20px; } </style> <footer id="footer" class="clearfix"> <noindex> <div class="container row-1 hidden-xs"> <nav class="nav"> <div class="menu menu-footer"> <ul id="menu-podval" class="menu"> <li class="menu-item type-custom object-custom home "><a href="/">Главная</a></li> <li class="menu-item type-post_type object-page "><a href="">О проекте</a></li> <li class="menu-item type-post_type object-page "><a href="">Рекламодателям</a></li> <li class="menu-item type-post_type object-page "><a href="/sitemap.xml">Карта сайта</a></li> <li class="menu-item type-post_type object-page "><a href="/feedback/">Обратная связь</a></li> </ul> </div> </nav> </div> <div class="border-blue clearfix"></div> <div class="container row-2"> <div class="row"> <div class="col-sm-6"> <div id="text-2" class="block widget-container widget_text"> <div class="textwidget"> <div class="sn"> <a href="https://www.facebook.com/sharer/sharer.php?u=https://battlecase.ru/html-teg-title-effektivno-ispolzuem-zagolovok-stranicy-taitl---eto/" 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/html-teg-title-effektivno-ispolzuem-zagolovok-stranicy-taitl---eto/" 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>