Тег title (название страницы)

Содержание

Что такое тег … и для чего он нужен

HTML тег <title>…</title> — является одним из заголовочных тегов, который располагается вверху страницы между тегами <head>…</head>. На языке оптимизаторов его часто называют «тайтл». Он не является обязательным, но если Вы хотите, чтобы сайт занял достойные позиции в поисковых системах, то его обязательно нужно использовать, причём учитывая множество нюансов (о них чуть ниже).


Синтаксис html тега <title>…</title>

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

Например, если у нас тема статьи «Как выбрать лыжи для конькового хода», то логично, чтобы тайтл был примерно таким:

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

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

  • Статистика поисковых запросов;
  • Сервис Wordstat Yandex — как пользоваться;

Зачем нужна микроразметка

Schema.org — стандарт семантической разметки данных, который помогает поисковикам лучше понимать данные, представленные на сайте. Например, с помощью разметки можно явно указать поисковым роботам, что на странице site.ru/product_page1 находится товар, и передать основные параметры: название, цену, артикул, производителя и т.д. На основе этих данных поисковики формируют расширенные сниппеты в поисковой выдаче.

Кроме Schema.org есть другие виды микроразметок. У них разные назначения, поэтому вкратце приведем свойства основных видов, чтобы не путать:

  • Open Graph. Микроразметка Facebook, используется для настройки правильного отображения публикации в соцсетях при репосте статьи с вашего сайта (заголовок, описание, правильная картинка). Изначально разметка была создана для Facebook, сейчас поддерживается и другими соцсетями и мессенджерами (ВКонтакте, Твиттер, Телеграм и т.д.).
  • Микроформаты. Разработка W3C, создан в 2007 году. Подходит для разметки товаров, отзывов, контактной информации и других видов контента. Раньше использовался более активно, сейчас имеет ряд недостатков, недостаточно быстро развивается и уступает Schema.org.
  • Dublin Core. Этот словарь разметки используют библиотеки и музеи — позволяет описывать книги и музейные экспонаты.

Разница между словарем и синтаксисом

Словарь — это набор классов и свойств, которые описывают тип содержимого страницы и передают ключевую информацию. Словарь можно сравнить с языком — например, английским. Schema.org, Open Graph, Dublin Core — все это словари.

Синтаксис — это способ указания сущностей и свойств словаря в html-коде страниц сайтов. Если словарь — это английский язык, то синтаксис можно сравнить с латиницей.

Варианты синтаксиса, которые применяются для разметки Schema.org:

  • микроданные;
  • микроформаты;
  • RDFa;
  • JSON-LD.

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

Чем различаются сайты с разметкой и без нее

Сайты с реализованной микроразметкой видно по сниппетам на странице поисковой выдачи. Вот пример: в выдаче два сниппета с одного и того же сайта, первый — с микроразметкой, второй — без нее.

А так выглядит сниппет страницы с афишей кинофильмов, если на странице есть микроразметка:

С помощью микроразметки в сниппетах страниц товаров отображаются цены:

И еще один пример: в первом сниппете реализована микроразметка хлебных крошек, а во втором такой разметки нет:

Что говорят поисковики

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

Чем еще полезна микроразметка

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

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


Также микроразметку используют собственные сервисы поисковиков — например, страница с реализованной разметкой может попасть в колдунщики на поисковой выдаче (при этом сам сайт не обязательно должен быть в ТОПе выдачи).

Привлечение целевой аудитории с помощью цепляющего заголовка

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

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

О тайтлах в других сферах

А что мы с вами все о контенте для Интернета? Есть ведь огромное количество других сфер, где пишутся статьи, и где их надо как-то называть. Например, в играх, в аниме, когда речь идет о переходе на следующий уровень, не стоит писать слишком длительные и интригующие заглавия. Тут главная цель — информативность! Поэтому в этом случае я как раз согласен с пословицей «Краткость — сестра таланта».

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

Хорошо проявляют себя заголовки, когда они комбинируются с картинками. Например, сейчас в блоггинге пошла такая мода, когда сначала идет title, а под ним — изображение размером 800 на 600 пикселей, в котором он еще раз отображается, но уже написанный красивым шрифтом на тематическом изображении.

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

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

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

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

В нем вы найдете полезную информацию и о написании статей, и о составлении привлекающих внимание заголовков

Что такое Title?

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

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

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

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

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

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

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

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

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


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

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

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

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

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

Стоп-слова

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

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

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

Микроразметка OpenGraph

Для расшаривания страницы через социальные сети существует специальная разметка OpenGraph. Данный вид микроразметки был создан Facebook и позволяет управлять видом ссылки при публикации. Он чаще всего размещается вверху страницы внутри контейнера head.

Данный вид микроразметки поддерживают такие сервисы, как Facebook, ВКонтакте, Google+, Twitter, LinkedIn, Pinterest и др. В сети Яндекс он используется для передачи данных в сервис Яндекс.Видео и для формирования заголовка сниппета.

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

  • og:locale — тег локализации. По умолчанию — en_EN, для российских сайтов используем русскую локаль ru_RU.
  • og:type — . Чаще всего используется нейтральный article (статья). Для товара можно использовать тип product.
  • og:title — заголовок страницы, ее название. Чаще всего содержимое этого тега — содержимое тега title страницы.
  • og:description — соответственно, описание страницы. Оно небольшое, 1–2 предложения сопровождающего текста.
  • og:url — адрес страницы, на которую будет вести ссылка.
  • og:site_name — название вашего web-сайта.
  • og:image — картинка, которой будет сопровождаться описание страницы при перепосте. Картинок может быть несколько, тогда при автоматическом перепосте будет подставляться первая из них, но пользователям будет предоставляться выбор, какую из картинок они хотят разместить.

Подробнее с OpenGraph можно познакомиться на официальном сайте.

Для Twitter предусмотрен свой отдельный вид микроразметки, несколько отличающийся. Хоть Twitter поддерживает OpenGraph разметку, сниппеты с ней будут выглядеть не очень аккуратно. Поэтому существует 4 вида типовых страниц, которые понимает Twitter:

  1. Summary Card — базовый тип, позволяющий добавить название, ссылку, описание и картинку с минимальными размерами 144×144 пикселей (не поддерживается формат SVG).
  2. Summary Card with Large Image — практически повторение предыдущего, но уже с использованием большой картинки с минимальными размерами 300×157 пикселей. SVG так же не поддерживается, из анимированной GIF-картинки будет взят первый кадр. Поддерживаемые форматы JPG, PNG, WEBP и GIF.
  3. Player Card — эта разметка предназначена для видеоформатов. Действует только для защищенного протокола https.
  4. App Card — микроразметка для различных приложений. При расшаривании будет ссылка на страницу скачивания в соответствующем магазине, название, цена, рейтинг и т д.

Для сайта, как правило, интересны только первые два вида. Они отличаются свойством: twitter:card, в котором указывается тип страницы, и картинками с соответствующими измерениями.

При этом заголовок (twitter:title) не может быть более 70 символов, а описание ограничено количеством 200 символов.

Вступление

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

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


Решил обобщить свои и чужие знания по теме «заголовок страницы веб-ресурса» и оформить его в эту статью. В этой статье поговорим про неправленый и правильный заголовок страницы, как составить SEO 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.

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

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

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

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

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

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

4.1. Уникальность <title> внутри сайта

Все страницы на одном сайте должны иметь различный Title. Уникальный

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

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

4.2. <title> должен отвечать содержанию страницы

Указывайте только те ключевые слова, на которые действительно отвечает страница. С введением поведенческих факторов это стало ещё сильнее влиять на позиции в выдаче.

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

4.3. Порядок следования ключевых слов в теге <title> имеет значение

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

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

4.4. Адекватная длина <title>

Количество слов в <title> не должно превышать 5-6. Оптимальное количество символов в title согласно ПС – 70. Обычно эту цифру используют для составления тега title для главной страницы. Для внутренних страниц его длина немного меньше – 40-60 символов. Но опять-таки, это лишь рекомендация. Если есть необходимость сделать тайтл 120 символов, то, значит, делайте его 120 символов. Всё что сделано на благо пользователей — вознаграждается и поощряется.

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

Используйте знаки препинания в своём <title> только в случае, если это крайне необходимо, и есть уверенность, что поисковая система правильно расценит мысль, которую Вы хотели донести до посетителей. Дело в том, что знаки препинания могут разбить тег <title> на разные смысловые части. Человек сможет разобраться в этом, а вот поисковая система может понять всё совсем иначе.

4.6. Не используйте бесполезные слова

Никогда не указывайте в тайтле слова типо «главная страница». Это бесполезный мусор для пользователей. Есть шансы быть пессимизированным в выдаче за злоупотребление такими словами. В тайтле должно быть всё только по делу.

4.7. Уточняйте <title>, если это нужно

Не делайте тайтл из одного слова. Например, на многих сайтах есть раздел «статьи»

Если обратить внимание, то многие сайты допускают серьёзную ошибку и имеют заголовок в виде одного слова «статьи», но это абсолютно противоречит здравому смыслу. Это слово явно требует уточнения

Например, «статьи про футбол» — в случае если у вас футбольная тематика будет смотреться куда более понятно. А ещё лучше дополнить это ещё одним более уточняющим словом.

4.8. Дублирование может быть полезным

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

Title в поисковой системе Яндекс

1. В Яндексе отображается не более 15-ти слов в тайтле Это видно по запросу url=»devaka.ru/*» && $title(«deva devb»). В заголовках сайтов в выдаче Яндекса может помещаться до 80 символов и 16 слов вместилось бы без проблем, однако алгоритм Яши берет только первые 15 из них.

2. Яндекс учитывает лишь первые 15 слов в теге title при поиске Это легко заметить, проверив сначала 15-ое слово (url=»devaka.ru/*» && $title(«devo»)) и потом 16-ое либо остальные (выдача пустая при запросе url=»devaka.ru/*» && $title(«devp»)).

3. По словам, находящимся за 15-тью первыми, Яндекс документы не находит Видно из предыдущих примеров.

4. Максимального ограничения на количество учитываемых при поиске символов в title для Яндекса не обнаружено По наблюдениям, 15 слов могут быть и длинными (необходимо провести дополнительный эксперимент). Для анализа можно посмотреть сайт оптимизаторской конторы бдбд.

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


С этим читают