Здравствуйте, друзья!
В сегодняшней статье разберем тег title во всех аспектах, а именно его правильное заполнение, употребление на страницах, а также ключевые особенности работы в поисковых системах.
Можно было бы данную статью совместить и сделать комплексный мануал по всем мета-тегам (title, описание и ключевые слова), но я решил выделить на каждый объект отдельный материал. Считаю, что так будет более правильно. Материал будет достаточно большой, но его стоит изучить. Честно сказать, я сам не ожидал, что смогу столько настряпать про данный тег.
Задача данного мета-тега является очень важной и на данный момент она является одной из определяющих в определении релевантности страницы определенному поисковому запросу.
Title является заголовочным тегом. Поэтому, в нем необходимо указывать заголовок страницы, который определяет ее содержимое. Не стоит путать тег title с заголовком первого уровня H1, который используется для названия статьи или другого вида материалов. Данные теги должны быт отличны и их значимость также не одинакова, хотя и имеются схожие особенности в их работе. Например, как title, так и H1 должны быть использованы 1 раз на странице.
К тому же данные теги имеют различные места размещение в html коде страницы.
Title размещается только в шапке сайта в секции head между открывающим и закрывающим тегами
H1 является названием статьи и прописывается внутри тела документа, то есть области body.
Вот пример части исходного кода одной моей статьи, где я показал, как на практике прописываются этих 2 тега.
Тег title не отображается в содержимом страницы, в отличии от H1. Но он отображает заголовок страницы в поисковой выдаче, а также во вкладке браузера, когда пользователь находится на определенной странице.
Теперь пару слов о добавление данного тега на страницы вашего ресурса.
Если вы используете какие-то CSM системы (например, WordPress), то title будет добавляться автоматически на каждую страницу, исходя из того заголовка, который вы введете в редакторе страницы. Но получается ситуация, когда этот заголовок будет использован и в качестве title и в качестве заголовка H1. Нет возможности делать их отличными, что будет более разумно для грамотной работы. Для этого устанавливают различные плагины SEO оптимизации.
Установив один из подобных плагинов, можно делать тег title отличным от H1, что позволит более эффектно подходить к составлению обоих тегов. Title составлять так, чтобы из поиска хотелось кликнуть и перейти на ресурс, а H1 сделать таким, чтобы после перехода он заставил посетителя приступить к изучению контента. Это очень важно.
Кроме функции заголовка к странице в целом данный тег может выполнять еще и другие задачи, а именно:
В данным случаях title будет значим только для поисковых систем и можно будет его увидеть в исходном коде страницы. Он должен быть у каждой ссылки и изображения. Также он выполняет функцию подсказки при наведении на ссылку или картинку. В случае с ссылкой он отображает название материала, в который будет осуществлен переход при нажатии на нее.
С изображениями аналогичная ситуация.
Если взять исходный код и посмотреть, как добавляется тег title к изображениям и ссылкам, то ниже я показываю 2 варианта. Сначала будет ссылка, а потом изображение.
Кроме того, title должен быть прописан ко всем ссылкам в верстке шаблона. Это всевозможные ссылки для перехода в рубрики и так далее.
Итак, в первом пункте я затронул почти все особенности тега тайтл. Чтобы более подробно осознать всю важность title и научиться максимально правильно и эффективно его заполнять, я предлагаю приступить к изучению следующего вопроса.
Да и сам Google нам об этом говорит:
Google отдает предпочтение и больший вес ключевому слову, если оно находится в начале заголовочного тега title. Поэтому, старайтесь размещать его, как можно ближе к началу.
В пример могу привести 2 варианта заголовков для тайтла по ключевому слову "как раскрутить сайт":
Приоритетней будет использовать первый вариант, так как ключевая фраза будет иметь больший вес в глаза поисковых систем и с большой вероятностью страница по данному запросу будет ранжироваться выше, чем при втором варианте.
Это еще очень важно с точки зрения восприятия заголовка людьми. Ключевые слова всегда выделяются жирным в поиске. Употребив ключ в заголовке, вы уже сделаете сниппет более заметным и конверсия в клик по ссылке увеличится. Употребление ключа в самом начале увеличит процент кликов еще больше, так как чтение происходит слева направо и в первую очередь будет бросаться именно запрос пользователя в виде требуемого ключа;
Еще одним моментом при использовании длинных заголовков более 60-70 символов является то, что Яндекс сможет отобразить в выдаче именно ту часть заголовка, в которой содержится запрос пользователя. Даже, если нужные для отображения слова находятся в числе последних 120ти символах (например) заголовка.
Например, если взять тайтл из 120 символов и в конце указать 2 слова "своими руками", то яндекс, при поиске такого запроса пользователем, покажет ему именно концовку тайтла в выдаче с наличием этих слов, а не его начало. Это очень хорошая гибкая способность данной поисковой системы. Google же этого сделать не сможет и покажет тайтл в таком виде, как он есть.
Попытался найти пример такой выдачи, но сразу сдался. Нашел яркий пример в виде 2х скриншотов на сайте ktonanovenkogo. Конечно проверка была по другому запросу, но все же суть вы должны уловить.
Из этого можно сделать вывод, что длинные тайтлы также имеют место быть. Это позволит выше ранжироваться странице по большему количеству запросов. Но не забывайте, что акцент делаем на 60 символов с употреблением ключа в самом начале;
Используя все рекомендации, ваши тайтлы будут на высоком уровне, будут нравиться поисковым системам и провоцировать пользователей на клик в поисковой выдаче. Конечно же к каждый раз не получится использовать все правила, но стоит к ним стремиться. В большинстве случаев получается использовать практически все.
Ну что же, друзья. Вышла довольно большая статья по поводу какого-то там, казалось бы, тега.
А вы думали, что имеется столько тонких нюансов в его использовании? Напишите в коментариях свои впечатления, что узнали нового? А может быть еще и что-то добавить сможете?
В ближайшее время опубликую подобные материалы по поводу мета-тегов descriptions (описание) и keywords (ключевые слова). Там также имеются очень интересные и тонкие моменты. Надеюсь, что такие материалы сделают вашу голову больше в сфере SEO оптимизации сайтов, а главное - помогут раскрутить свои ресурсы и зарабатывать на них.
Все. До связи в следующих статьях.
С уважением, Константин Хмелев!
Доброго времени суток, уважаемые читатели. Не смотря на то, что я часто в своих статьях говорю про тег title, как о самом важном во внутренней оптимизации сайта, но вот посвятить ему целую статью все руки не доходили.
Причина этому простая, т.к. я веду свой блог на платформе Blogger, title у нас автоматически генерируется из заголовка статьи, поэтому я много статей посвящала заголовкам в теге h1, и при этом необоснованно умалчивала о HTML теге title.
Как я уже сказала, title самый важный тег, причем не только с точки зрения оптимизации и поискового продвижения, но и с пользовательской стороны. Но давайте лучше начнем по порядку.
Title в переводе с английского означает заголовок, поэтому title в HTML документе – это заголовок страницы. И это самое важное значение этого тега. Помните, в статье я уже рассказывала, что абсолютно любой HTML документ имеет определенную структуру:
Здесь находится заголовок страницы в тегах
Техническая информация о документе
Здесь находится основное содержимое сайта, статьи, которые имеют заголовки в тегах:
Заголовок сайта или статьи
содержимое сайта
Так вот тег Title является заголовком HTML документа/страницы. Можно сказать, что он относится к технической информации о документе. Эта информация скрыта от глаз пользователей непосредственно на сайте, но ей пользуются все браузеры и поисковые системы.
Если вы посмотрите в левый верхний угол браузера, вы увидите информацию о странице, на которой в данный момент находитесь. Если посмотрите на вкладку браузера и подведете к ней мышку, вы так же увидите информацию о странице. Я для примера взяла свою статью про SEO-заголовки:
Все, что я выделила на изображении желтым, является информацией, которая содержится внутри тега Title.
Для поисковых систем тег Title так же имеет огромное значение. Это первая информация, которую получает поисковая система о содержимом страницы. Ведь мы помним, что title находится практически в самом начале документа, а все поисковые роботы индексируют страницы сверху вниз.
Т.к. это самая первая информация, которую получает поисковый робот о нашей странице, мы должны постараться указать в теге title самое важное, самое точное определение дальнейшему содержанию.
Но это ещё не все. Так же поисковая система использует содержимое тега title в результатах поисковой выдачи. Когда пользователь задает свой запрос поисковику, последний выдает ответ в виде ссылок с описанием на ресурсы, которые отвечают на запрос пользователя.
Если же мы посмотрим страницу найденного сайта, то увидим другой заголовок:
Т.е. поисковик показывает нам информацию которая содержится в теге title, при этом заголовок статьи в теге h может быть совсем другой.
Теперь начинается самое интересное. Т.к. заголовок страницы используется в поисковой выдаче, он является индикатором, как для поисковиков, так и для пользователей, полезности и качественности найденного ресурса.
Что значит индикатором? Если title малоинформативный, то при просмотре результатов выдачи пользователь может не кликнуть по ссылке и не перейти на ваш сайт. В обратной же ситуации, если title будет перегружен лишней информацией, то пользователь так же может не захотеть перейти на ваш сайт. Из этого следует, что в title должна быть очень точная информация, отвечающая на запрос пользователя.
Не скажу, что пример идеальный, да и все SEO строится на нюансах и не возможно что-либо утверждать со 100% уверенностью, но давайте попробуем разобраться (изображение кликабельно):
Итак, красным я выделила более привлекательные ссылки, соответственно title. Из первых слов я могу судить о том, что на сайте продается то, что мне нужно и с большей вероятностью по этим ссылкам я кликну в первую очередь. Хотя, конечно, я не могу сказать, что эти title идеальны, т.к. все равно перегружены лишней для меня информацией. То же самое и с ссылками, выделенными голубым. Зачем мне нужен артикул или, например, мне может быть совсем не важен бренд. Наличие такой информации рассредоточивает мое внимание, а так же может служить препятствием при продвижении по данному запросу.
Серым я выделила самый непривлекательный title, он длиннее, чем должен быть, поэтому был обрезан поисковиком в выдаче. Из-за большого количества слов, по сути являющихся перечислением всего, что можно, заголовок выглядит очень непривлекательно. Сразу не определишь, точно ли они продают то, что мне нужно.
Рассмотрев эти примеры мы можем сделать выводы, каким на самом деле должен быть title, чтобы служил верным помощником при продвижении, был привлекательным для пользователей, побуждал кликать по ссылке, а так же нес самую важную информацию.
Понятно, что title должен содержать ключевые слова, но тут важно следить за тем, чтобы ключевые слова стояли как можно ближе к началу или вообще, чтобы title начинался с ключевых слов. Это не только улучшит кликабельность ссылки, но и облегчит продвижение по запросам.
В title можно использовать одно и тоже ключевое слово два раза. Например:
HTML тег title – эффективно используем заголовок страницы title.
В примере ключевое слово title встречается два раза.
Title не должен быть набором ключевых слов, а должен быть осмысленной фразой.
Очень важно избегать внутри title знаков препинания, которые ставятся в конце предложения. Дело в том, что поисковые системы учитывают пассажи в тексте.
Пассаж – это законченная мысль. Т.е. каждое наше предложение – это пассаж. Все слова, которые находятся внутри предложения учитываются поисковой системой, как единое целое. Как только мы ставим точку, мы отделяем предыдущие слова от следующих.
Поэтому очень важно не разделять свои ключевые фразы знаками препинания, которые означают конец предложения – точка (.), вопросительный знак (?), восклицательный знак (!). Сравним два заголовка:
HTML тег title – эффективно используем заголовок страницы title
HTML тег title. Эффективно используем заголовок страницы title.
В первом случае, например, моя статья может находится по фразам:
Во втором же варианте таких ключевых фраз уже не получится. Между словами стоит точка, отделяя один пассаж от другого.
Стоит уделить пристальное внимание и длинне title, тут тоже не все просто.
Во-первых, не смотря на то, что рекомендуют укладываться в 80 знаков, при подсчете title непосредственно в выдаче, максимальная длина встречается чуть более 60 знаков. Вполне вероятно, что поисковик учитывает в title 80 знаков, но в выдаче всегда обрезает длинный заголовок. Так же стоит учитывать, что обрезанный title выглядит менее привлекательно, чем не обрезанный.
Во-вторых, стоит учитывать плотность title. Чем больше в нем слов, тем сильнее значимость title распределяется по всем словам, которые находятся в нем. Соответственно, чем меньше слов, тем больше веса они приобретают в глазах поисковой системы.
Поэтому старайтесь формировать краткие, отражающие суть страницы, но яркие заголовки. Это не только улучшит позиции в поисковиках, но и увеличит их кликабельность.
Из этого следует, что стоит оптимизировать страницу по одному-двум близким запросам, чтобы title обладал максимальным весом.
В связи с этим, структура title
|заголовок страницы|
предпочтительней, чем
|Заголовок страницы|Название сайта| .
Я длительное время использовала структуру title из второго варианта, сейчас же мой title содержит только заголовок страницы/заголовок статьи.
Соблюдая эти нехитрые правила, вы сможете более эффективно продвигаться и больше привлекать посетителей с поисковых систем.
P.S. Кто-то мог подумать, а причем здесь хлеб на картинке? Хлеб всему голова, title имеет такое же важное значение в сайтостроении и SEO, как и хлеб в нашей жизни:).
Тег Title – это заголовок html-документа. Title почти всегда используется в результатах поисковых систем. На данный момент, он очень важен для классического SEO и для привлечения внимания в социальных сетях.
Основное предназначения тега Title, это точное и краткое описание содержания контента страницы.
Данный элемент имеет очень важное значение как для пользователей (когда они принимают решение перейти ли на данную страницу из результатов поисковой выдачи), так и для поисковых систем (один из важных факторов определение релевантости страницы определенным поисковым запросам).
Главная ключевая фраза – второстепенная ключевая фраза | Название бренда
Google обычно отображает первые 50-60 символов или столько символов, сколько поместится в 512 пикселей. Если все ваши заголовки будут 55 символов, то вы можете ожидать, что около 95% страниц будут полностью отображаться.
Но, поисковые системы могут выбрать для отображение и другой текст: title в результатах может быть изменен
Title уже давно считается одним из важнейших факторов среди внутренних факторов ранжирования (важнейший: контент страницы) и он появляется в 3-х местах:
1. Браузер. Отображается в верхней части вашего браузера + в закладках.
2. На страницах результата поиска. При использовании ключевых слов в title, поисковые системы будут выделять их в результатах поиска, если пользователь выполнил запрос с этими ключевыми словами. Это дает пользователю больше доводов нажать именно на вашу ссылку.
3. На внешних сайтах . Многие внешние сайты, особенно социальных сети, будут использовать title, как анкор ссылки на вашу страницу.
Например, так это выглядит в Facebook:
А теперь разберемся в том, как же лучше оптимизировать и прописать title на вашем сайте.
Как было уже указано выше, то поисковые системы будут укорачивать ваш заголовок, если вы превысите граничный порог. Но, с другой стороны, данная длина не очень жесткое правило.
Так как длинные заголовки могут значительно лучше работать для получения трафика из социальных сетей. А также, даже если некоторые ключевые слова были не отображены поисковой системой, то это совсем не означает, что они не берут никакого участия в ранжировании. Поэтому, желательно, делать тайтл максимально естественным и кликабельным, при этом можно пожертвовать длиной.
По данным экспериментов и нашему опыту, чем ближе ключевая фраза к началу title, тем больше она имеет вес в ранжировании. Кроме этого, возрастает вероятность, что пользователь нажмет именно на нашу ссылку в результатах поиска.
Если ваш бренд достаточно известен на вашем целевом рынке, то в таких случаях, его необходимо размещать в видимой области title, чтобы пользователи обратили на него внимание в результатах поиска. В других случаях, бренд лучше добавлять в конец тега title.
Создание привлекательного заголовка может помочь значительно увеличить количество кликов из поисковой выдачи. Когда вы создаете заголовки, то очень важно думать про все взаимодействия с пользователем, помимо его поисковой оптимизации и использовании ключевых слов.
Для того чтобы не ждать, как будет выглядеть ваша страница в поисковой выдаче, а сразу получить максимальный эффект, мы рекомендуем воспользоваться следующими сервисами симуляции поисковой выдачи:
В итоге можно посмотреть как выглядит title в результатах поиска:
Тег title одинаково важен как для , так и для конечных пользователей. Использование хорошо построенных и уникальных тайтлов для всех страниц вашего сайта поможет выше ранжироваться в поисковых системах.
title (тайтл) - самый важный тег для внутренней оптимизации html-кода страниц. Поисковые системы придают очень большое значение тексту, заключённому в title, поэтому следует использовать этот фактор максимально эффективно.
Синтаксис:
Физически, содержание тега title - это название страницы, которое отображается в самом верхнем поле браузера. Также содержание title отображается в выдаче поисковых систем по запросам пользователей (это названия ссылок в результатах поиска). Поэтому заголовок страницы должен максимально ёмко отражать её суть и обязательно содержать ключевые слова. Для каждой страницы содержание title должно быть уникальным.
Поисковые системы могут учитывать не все слова, содержащиеся в названии страницы, а только определённое количество первых слов (остальные могут просто отсекаться). Для разных поисковых систем эти показатели отличаются, и к тому же они могут просто изменяться со временем при корректировке алгоритма, поэтому настоятельно рекомендуется располагать ключевые слова и фразы в начале заголовка.
Желательно наиболее важные ключевики включить в первые десять слов (и 80 символов). В любом случае - чем ближе к началу, тем лучше.
Существует мнение, что лучше избегать использования в title стоп-слов (и, о, или, я, к, до, не и т.д.), так-как поисковые системы их всё равно игнорируют.
Цитата хэлпа Яндекса:
"В любом языке есть слова, которые встречаются намного чаще других. Слова, которые встречаются слишком часто, чтобы быть значимыми для поиска, называются стоп-словами. Как правило, это местоимения, предлоги и частицы. Поисковые машины обычно игнорируют стоп-слова, даже если они встречаются в тексте запроса."
Статистика запросов (вернее показов) Яндекса это правило отражает вполне:
На сегодняшний день результаты статистики по этим запросам идентичны и выглядят так:
Однако результаты поисковой выдачи по тем же самым запросам отличаются довольно существенно. По первому запросу сайта сайт сейчас вообще нет в ТОП-10, а по второму - он на первом месте:
Какой запрос чаще набирают в Яндексе - неизвестно. Поисковые системы выдают результаты, наиболее релевантные запросу, учитывая "стоп-слова", хоть и не отображают количество запросов со "стоп-словами" в своей статистике.
Данный скриншот, кстати, представляет собой неплохую пищу для размышлений. Вот небольшой анализ оптимизации кода страницы , выполненный по нему.
По возможности, старайтесь не использовать в title "стоп-символы": () - = / \ ! | + _
Или, если выразиться более корректно, старайтесь располагать ключевые слова в title
до "стоп-символов", а не после них, так-как существует мнение, что поисковые системы могут придавать меньшее значение словам в title,
стоящим после "стоп-символов". Хотя это предположение, возможно, относится к разряду мифов.
Не желательно использовать одно и то же слово в одинаковом падеже и наклонении несколько раз без особой необходимости.
Тайтл должен содержать осмысленный текст. Простое перечисление ключевых слов и словосочетаний может вызвать санкции со стороны поисковых систем. К тому же бессмысленный текст ссылки в результатах поисковой выдачи совершенно не способствует тому, чтобы по ней кликали.
Наличие ключевых запросов в title значительно облегчает последующую раскрутку сайта. Более весомого тега для поисковых систем нет. И если без особого ущерба для SEO можно проигнорировать использование на странице мета-тега keywords или тегов выделения например, то тег title игнорировать ни в коем случае нельзя, если Вы надеетесь вывести сайт в ТОПы по конкурентным запросам.
Статьи по теме .
