Sdscompany.ru

Компьютерный журнал
7 просмотров
Рейтинг статьи
1 звезда2 звезды3 звезды4 звезды5 звезд
Загрузка...

Заголовок страницы html

Как Правильно Составить HTML Тег TITLE Заголовка Страницы Сайта

HTML тег TITLE заголовка страницы сайта при правильном составлении дублирует заголовок (название) статьи, оформленный тегом Н1. У страницы тем больше шансов попасть в топ рейтинга, чем точнее содержание тега заголовка TITLE соответствует поисковому запросу.

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

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

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

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

На скриншоте выше показано, как выглядит содержимое тега TITLE в результатах поиска системы Google в качестве примера. Показаны первые пять результатов по запросу: «тег TITLE» (синяя стрелка). Как видите, страница, на которой вы сейчас находитесь располагается на втором месте в рейтинге выдачи по данному запросу (красная стрелка).

С помощью HTML-кода мета-тег TITLE располагается на странице между тегами , как показано ниже:

Содержимое мета-тега TITLE

Контекст страницы

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

Например, если бы мой сайт был о турах в Одессу и я хотел бы занять высокое место по ключевому слову «Туры в Одессу», то HTML-код для тега заголовка TITLE мог бы быть структурирован следующим образом:

Туры в Одессу: великолепный отдых на черноморском побережье

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

Конечно, все теги TITLE не должны быть похожи на тот, который я привел в качестве примера. Заголовок (Title), который используется, зависит от тематики вашего сайта. Однако, вы должны соблюдать все общие правила, которые изложены в данной статье для получения желаемого эффекта.

Многие владельцы сайтов на своей главной странице размещают заголовки типа «Добро пожаловать в www.mysite.com» в тексте тега заголовка TITLE. Это не очень хорошая практика, особенно, если название не имеет отношения к теме вашего сайта. Многие поисковые системы рассматривают формулировки в теге заголовка TITLE, как важную часть релевантности (т.е. соответствия) контексту страницы сайта, соответственно, от их выводов зависит и рейтинг рассматриваемого сайта.

Тег заголовка TITLE должен состоять из 60 — 90 символов. В интернете вы найдете много противоречивых статей о длине тега TITLE, но, в качестве образца, лучше всего обратиться к поисковой системе Google. В видимых посетителям результатах поиска Google, в настоящее время отображается примерно 65 символов (некоторые поисковики отображают большее количество).

Имея это в виду, включите свои наиболее важные ключевые слова в начало тега заголовка TITLE. В нижеприведенном примере показана поисковая выдача по запросу: «Туры в Одессу». Подчеркнутые слова, выделенные синим цветом, показывают содержание тега заголовка TITLE.

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

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

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

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

Мета-теги в HTML

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

К ак я уже говорил в одном из первых уроков, мета-теги располагаются в заголовке html-страницы, между тегами и , и никак не отображаются браузером (за исключением содержимого тега «title»). Тем не менее, мета-теги для сайта играют очень важную роль. Их добавление и оптимизация могут существенно помочь сайту в его жизни.

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

Содержание урока:

§ 1. Тег «TITLE»

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

С одержимое этого же мета-тега отображается и в заголовке окна браузера:

В HTML мета-тег «title» добавляется следующим образом:

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

§ 2. Мета-тег «keywords» (ключевые слова)

С начала вкратце о том, а что, собственно, такое эти самые «ключевые слова».

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

Н апример, для этой странице ключевыми словами будут «мета-теги», «мета-тег title», «мета-тег keywords» и т.д.

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

Ч тобы облегчить работу поисковым системам, используется мета-тег «keywords». В нём вебмастер прописывает ключевые слова для страницы. HTML-код мета-тега «keywords» выглядит следующим образом:

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

§ 3. Мета-тег «description» (описание страницы)

С ледующим важным мета-тегом является тег «description», в котором должно содержаться краткое описание страницы. Именно «краткое» и именно «описание страницы». Достаточно добавить одно-два небольших предложения, в которых указать о чём и для кого эта страница.

В ажной особенностью мета-тега «description» является то обстоятельство, что в случае его правильного заполнения поисковые системы именно на его основе формируют сниппет страницы в выдаче (краткое описание под ссылкой на страницу):

Е сли поисковикам не нравится то, как заполнен мета-тег «description», то сниппет формируется из кусочков фраз (надёрганных со всей страницы), которые релевантны запросу.

Т аким образом, правильный мета-тег «description» обязательно содержит ключевое слово (фразу) и коротко и точно описывает то, о чём и для кого страница. «Description» вместе с «title» образуют пару очень важных мета-тегов, от которых зависит то, перейдёт пользователь из поисковой выдачи на сайт или нет! Поэтому его, как и «title», нужно прописывать для каждой страницы!

H TML-код для создания мета-тега «description» будет следующим:

Т еперь перейдём к описанию основных технических мета-тегов из группы «HTTP-EQUIV» (HTTP-эквиваленты).

§ 4. Технические мета-теги

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

    content-type — тип документа и его кодировка. Этот мета-тег нужен для правильного отображения символов браузером.
    Кодировок существует много. Большинство из них тебе даже никогда не встретится. Не говоря уже про то, что ты будешь их использовать сам. Современные браузеры определяют тип кодировки атоматически, но для большей уверенности можно указать его и самостоятельно. Если ты создаёшь html-документ в операционной системе Windows, языком которой является русский, то кодировка будет «windows-1251», а код для вставки мета-тега такой:

content-language — указание языка документа. Значение этого необязательного мета-тега используется как поисковыми роботами, так и web-серверами. Код для вставки:

refresh — время (в секундах), через которое произойдет автоматическая перезагрузка документа или переход на другую html-страницу с заданным адресом (url). Например, чтобы производить атоматическую перезагрузку документа каждые 30 секунд, нужно вставить этот мета-тег так:

А, чтобы, спустя 5 секунд, перейти на страницу по адресу http://www.seoded.ru/, нужно записать так:

robots — мета-тег, который отвечает за настройки индексирования страницы. У мета-тега «robots» могут быть следующие значения:

  • index — страница индексируется;
  • noindex — страница не индексируется;
  • follow — гиперссылки на странице учитываются;
  • nofollow — гиперссылки на странице не учитываются
  • all — заменяет «index» и «follow», т.е. страница индексируется и гиперссылки на ней учитываются (действует по умолчанию);
  • none — заменяет «noindex» и «nofollow», т.е. страница не индексируется и гиперссылки на ней не учитываются.

Код для вставки мета-тега «robots»:

author и copyright — мета-теги, которые позволяют указать авторство и владельца контента на странице. HTML-код для вставки:

§ 5. Заключение

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

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

Н а этом раздел моего сайта про основы HTML для начинающих окончательно закончен и дальше речь пойдёт о том, с чего начать раскрутку и продвижение своего сайта в Интернете. Там же парочка моих советов из личного опыта по оптимизации страниц сайта. Жми на «Дальше».

Поделись ссылкой на Seoded.ru с друзьями, знакомыми и собеседниками в соцсетях и на форумах! А сам сайт добавь в закладки ! Так победим.

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

Семантическая структура для HTML5 страницы. Семантика в HTML5

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

Семантическая структура для HTML5 страницы

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

Рисунок — Семантическая структура для HTML5 страницы.

DOCTYPE и meta теги в заголовке страницы

Начнем со стандартного шаблона HTML5 документа, и добавим теги meta в head :

Я добавил тег который отвечает за ключевые слова. И тег который отвечает за описание страницы. Для SEO оптимизации эти теги обязательны. Также обязательно корректное заполнение тега . Title страницы должен быть уникальным для всего сайта, и содержать в названии всю суть страницы для которой он указан.

Пойдем дальше. В HTML5 появились новые теги, которые используются для того чтобы делать семантическую разметку документа. Это теги header, nav, main, article, aside, footer и т.д. По отображению они работают также как и обычные

Заголовок страницы

Шапка страницы оформляется в тег header. Заметьте что заголовок страницы пишем тегом h1.

Если у нас есть еще и слоган рядом с заголовком, то помещаем его в p, div или span.

Замечание по поводу тега H1

Следует заметить что в HTML5 тег H1 используется для указания заголовка контейнера в котором он находится (это может быть header, section, article и т.д.)

До появления HTML5 тегов семантика была несколько другой и отличалась. Так в HTML4 на странице мог быть только один заголовок H1! Как правило это был заголовок статьи или заголовок страницы (например если это страница рубрики на которой отображаются несколько статей.) H2 использовался для подзаголовков, или для разделов главной статьи. H3 для под разделов и так далее.

Навигация на странице

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

Контент на странице

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

Оформление статьи

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

На примере ниже я показал оформление статьи в контексте, внутри тега main. У статьи задан блок header с заголовком статьи. Дата публикации статьи задана специальным тегом time, который отображается как обычный inline элемент. У тега time есть специальный аттрибут в котором время публикации должно быть задано в машинном формате. Это может быть только дата datetime=»2015-09-30″ или с указанием часов минут и секунд datetime=»2015-09-30T15:25:55″ . Параметр pubdate указывает что статья была и опубликована в то же время что и написана. Если это новость, то может быть такое что время новости одно, а время публикации другое, для этого необходимо указать два раза тег time, и поставить pubdate только в том теге где указано время публикации.

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

Сайдбар или колонка с виджетами

Для каждого отдельного элемента сайдбара используем блок aside. Внутри него заголовок оформляем тегом h1. Так колонка с сайдбаром может выглядеть следующим образом:

Тег section

Тег section — используется для представления группы или секции тематически связанного контента.Его использование похоже на article с главным отличием в том что допускается отсутствие смысла содержимого внутри элемента вне контекста самой страницы. Рекомендуется использовать теги (

) для обозначения темы секции.

В качестве примера можно привести статью, которую вы сейчас читаете, можно было бы каждый параграф обернуть в тег . Например тегом section можно выделять блоки контента на лендинге. Звучит похоже на определение div элемента, который часто используется как контейнер для контента. Разница в том что div не имеет семантического значения, и он не говорит не о чем про контент находящийся внутри него. Тег section , наоборот используется чтобы четко показать что контент внутри него связан по смыслу. Вы можете заменить некоторые свои div теги на section , но всегда отвечайте себе на вопрос: «Этот контент связан между собой или нет?»

Пример использования тега section в списке с перечислением городов:

Подвал сайта — Footer

Подвал сайта оформляется тегом

Заключение

Для проверки структуры страницы можно использовать инструмент HTML5 outliner. Он показывает структуру страницы блокам и заголовкам.

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

В продолжение темы можно изучить другие новые HTML5 теги. А также микро форматы для оформления и структуризации данных, например такие как schema.org

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

HTML тег в SEO-оптимизации

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

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

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

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

Синтаксис html тега .

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

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

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

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

2. Как выглядит в выдаче

В выдаче именно «тайтл» выводится в качестве названия страницы. Например:

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

3. Ссылки из социальных сетей содержат

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

Например, в социальной сети ВКонтакте при написании адреса страницы сайта URL автоматически появляется подсказка:

Или сокращенный вариант без изображения в ВК

В социальной сети Твиттер:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Тег title — заголовок страницы

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

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

Синтаксис заголовка title

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

Значение заголовка

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

  • Информирование посетителей о содержании страницы. Текст заголовка позволяет посетителю получить информацию о названии страницы, содержимом страницы, названии сайта. Поскольку заголовок страницы отображается на вкладке панели задач браузера, текст заголовка страницы помогает ориентироваться в свернутых страницах. Отсутствие текста может негативно отразится на желании посетителя просматривать страницу.
  • Сохранение веб-страницы на локальном компьютере. Многие браузеры позволяют сохранять содержимое веб-страниц в виде файла на локальный компьютер. В качестве названия файла при сохранении будет выбран заголовок страницы .
  • Сохранение страницы в избранное. Современные веб-браузеры позволяют создавать списки предпочитаемых ссылок в специальный раздел «Избранное». При сохранении ссылки страницы в избранное, в качестве нзвания страницы используется содержимое заголовка title. А поскольку ссылки из «Избранного», как правило, хранится в виде отдельных файлов, в качестве названия файлов, так же используется заголовок страницы TITLE.
  • Заголовок страницы в результатах поиска. Поисковые системы активно используют заголовок страницы для формирования названия ссылки на страницу сайта. Текстовое содержимое тега используется для анализа сайта и вычисления релевантности страницы. Наличие ключевых в заголовке страницы может положительно повлиять на релевантность страницы. Соответствие заголовка ключевому запросу и правильная формулировка могут сделать ссылку на сайт более заметной и привлекательной для посетителей, что в свою очередь повысит CTR — (синоним — кликабельность, от англ. click-through rate) и увеличит поисковый трафик на сайте.

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

Длина заголовка страницы title — 60-100 символов. Подумайте, как будет выглядеть заголовок страницы в результатах поиска или во вкладке браузера. Из-за ограничения длины заголовка страницы, длинное название будет обрезано и что останется в итоге? Будет ли название страницы информативным и привлекательным? Заголовок страницы должен быть коротким . И чем короче будет название страницы, тем с большей вероятностью посетитель прочтет его и зайдет на страницу. Ведь зачастую именно по названию страницы пользователи решают открывать страницу или нет.

Ограничение длины заголовка делает недопустимым размещение в названии страницы всевозможного информационного мусора вроде: «Главная страница» или «Добро пожаловать!». Заголовок должен состоять из характерных странице ключевых слов, собранных в короткую, читаемую, осмысленную и информативную фразу. Постарайтесь избегать прямых перечеслений ключевых слов. Кроме того, существует ряд символов нежелательных для использования в заголовке страницы: ( = / ! ? * » : | + _ ). Не стоит использовать какие-либо символы для «украшения» заголовка страницы. Необходимо избавлять заголовок от всего, что не несет полезной информации о странице.

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

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

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

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

  1. Длина заголовка 60-100 символов;
  2. Размещайте ключевые слова вначле заголовка или ближе к началу;
  3. Используйте меньше прямых перечислений ключевых слов;
  4. Краткость, ясность и осмысленность названия страницы;
  5. Исключайте, по возможности, лишние символы ( = / ! ? * » : | + _ );
  6. Исключайте повторяющиеся части или оставляйте их вконце заголовка;
  7. Соблюдайте единообразие в названии страниц;
  8. Не вводите в заблуждение посетителей, заголовок должен соответствовать содержимому страницы;
  9. Не используйте редкие, сложные или иносказательные фразы — заголовок должен быть простым и понятным.

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

Добавляйте страницу в избранное, смотрите заголовок. Делитесь вашим мнением в комментарих, задавайте вопросы. Ставьте лайки, рассказывайте друзьям.
Обязательно подписывайтесь на обновления блога!

И пишите правильные заголовки!

Читать еще:  Html raw c
Ссылка на основную публикацию
ВсеИнструменты 220 Вольт
Adblock
detector