Теги title и title: Как составить идеальный тег title для SEO (за 4 шага)

Leave a Comment / Разное / By /

Содержание

Тег | htmlbook.ru

Management

Атрибуты тегов

Значения атрибутов

Internet ExplorerChromeOperaSafariFirefoxAndroidiOS
1.0+1.0+1.0+1.0+1.0+1.0+1.0+

Спецификация

HTML:3.24.015.0XHTML:1.01.1

Описание

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

Рис. 1. Вид заголовка в браузере Firefox

Синтаксис

<head>
  <title>Заголовок</title>
</head>

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

Обязателен.

Атрибуты

Нет.

Пример

HTML5IECrOpSaFx

<!DOCTYPE HTML>
<html>
 <head>
  <title>htmlbook.ru - Как правильно писать заголовок страницы</title>
 </head> 
 <body>
  <p>...</p>
 </body>
</html>

Примечание

Тег <title> выполняет множество задач, как прямо, так и косвенно. Ниже описано какую роль выполняет заголовок страницы.

  • По тексту заголовка пользователь получает дополнительную информацию, что это за сайт, на котором он находится и как называется текущая страница. Не стоит думать, что достаточно в документе указать логотип сайта и проигнорировать заголовок, ведь посетитель может свернуть окно. В свернутом виде заголовок также отображается на кнопках панели задач, поэтому можно легко ориентироваться, с каким сайтом в данный момент работать, а не перелистывать их по очереди.
  • Большинство браузеров поддерживают возможность сохранения веб-страницы на локальный компьютер. В этом случае имя сохраненного файла совпадает с названием заголовка документа. Если в тексте заголовка содержатся символы недопустимые в имени файла (\ / : * ? » < > |), они будут проигнорированы или автоматически заменены другими дозволенными символами.
  • При сохранении в разделе браузера «Избранное», адрес текущей страницы с ее заголовком помещается в список предпочитаемых ссылок. Поскольку этот список, как правило, хранится в виде отдельных файлов, к их именам также прилагается уже вышеописанное правило.
  • В результатах поиска по ключевым словам, поисковые системы используют заголовок страницы для указания ссылки на данный документ. Интересно написанный заголовок, содержащий ключевые слова, привлечет больше внимания посетителей и увеличит шансы на то, что сайт посетит больше людей.

Документ

Статьи по теме

  • Введение в HTML
  • Синтаксис HTML5
  • Теги заголовка документа
  • Элемент title

Какими должны быть title и description — Маркетинг на vc.

ru

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

44 430 просмотров

Где искать теги

Title и description представляют собой заголовок страницы и описание. Просмотреть их можно, открыв код на сайте. Теги находятся внутри <head>. Так, например, они выглядят для книжного магазина Амиталь.

Заполнение title

Title — короткий заголовок, составленный с использованием ключевых слов. Он соответствует основной мысли текста, но не повторяет h2. На тег отводится примерно 70-80 символов. По предложенному заголовку пользователь оценивает релевантность страницы поисковому запросу, поэтому обязательно использование ключевых слов. Начинаться тег должен с наиболее частотных запросов. Максимальное соответствие запросу обеспечивает большее число показов поисковыми системами.

На страницах выдачи Google и Яндекс title выглядит как ссылка для перехода на страницу. Например, мы ищем планетарий в Воронеже:

Глядя на ссылку человек определяет, какая именно информация ему нужна. Используются ключи «планетарий», «Воронеж».

Правила подготовки Title:

  • тег не превышает установленное количество символов — 70-80;
  • для каждой страницы создается собственный тег;
  • домен учитывается автоматически, отдельно прописывать в теге не требуется;
  • используются ключевые слова;
  • не рекомендуется употреблять одно слово несколько раз.

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

Подготовка description

Description — небольшой текст, передающий краткое содержание страницы. Описание, заключенное в тег, может использоваться поисковиками для формирования сниппета. Google учитывает 150-160 символов, Яндекс — 160-170. Чтобы «понравится» всем роботам, не превышайте 150 символов.

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

Правила подготовки Description :

  • рекомендуемый размер 140-170 символов с пробелами;
  • используются ключевые слова;
  • уникальный;
  • читаемый;
  • написанный с использованием специальных символов;
  • содержит призыв к переходу по ссылке.

Призыв к действию может выглядеть как «Читайте далее!» или «Узнайте больше!».

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

Примеры

Результат выдачи Google по запросу “купить кастрюлю”. Посмотрим на теги по первой ссылке (магазин “Порядок”).

Title:

Description:

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

Предлагаемые изменения:

Title: «Купить кастрюлю в магазине Порядок по низкой цене с доставкой и самовывозом».

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

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

Понравилась статья? Получайте похожие на вашу почту еженедельно.

Что такое заголовок веб-сайта (тег заголовка) и почему это важно для SEO?

  • Блог Hubspot
  • HubSpot. com

Загрузка

    О нет! Мы не смогли найти ничего подобного.

    Попробуйте еще раз поискать, и мы постараемся.

    Кэролайн Форси

    Обновлено:

    Опубликовано:

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

    Допустим, я новичок в сфере маркетинга, и я даже не очень хорошо понимаю, что такое маркетинг — это , поэтому я обращаюсь к Google и набираю свой вопрос: «Что такое маркетинг?»

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

    Итак, Google, понимая мои намерения, дает мне следующее:

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

    Хотя статья HubSpot «Что такое маркетинг? [Часто задаваемые вопросы]» должна быть убедительной — и следовать другим тактикам SEO — чтобы попасть на первую страницу Google, она никогда не достигнет желаемой аудитории с неправильным заголовком.

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

    Что такое название сайта?

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

    Поисковая система узнает название веб-страницы, найдя тег title в коде — например, в разделе «Что такое маркетинг? [FAQ]» поисковая система найдет это в HTML:

    Наряду с полезно для поисковых систем и пользователей, тег заголовка также полезен, когда у кого-то открыто несколько вкладок. Например, предположим, что пользователь тщательно изучает маркетинг и использует ваш ресурс как один из многих (или откладывает на Facebook…).

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

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

    • Делать его коротким, в идеале до 55 символов.
    • Не используйте колпачки.
    • Не переусердствуйте с ключевыми словами в заголовке — например, не называйте свою статью «Что такое маркетинг? Советы по маркетингу, факты о маркетинге, общая информация о маркетинге».
    • Напишите привлекательный текст, который
      заставит вас       щелкнуть ссылку.
    • Сделать релевантным самой странице.
    • Сделайте ключевые слова

      отличными от тега title.

    • Включите в заголовок свой бренд, т.е. «Лучшие рекламные кампании — Рекламный век. »

    Чтобы еще больше укрепить свои заголовки, взгляните на статью «Как писать броские заголовки и заголовки блогов, перед которыми не устоят ваши читатели».

    Примеры названий сайтов

    1. 10 лучших кроссовок Nike 2019 года [Руководство по покупке]
    2. 15 лучших рекламных кампаний 21 века — век рекламы
    3. Полное руководство по хэштегам Instagram на 2019 год
    4. 34 важные вещи, которые нужно знать перед поездкой в ​​Китай — Y Travel Blog
    5. Новый способ повысить удовлетворенность клиентов — Harvard Business Review
    6. SEO возвращается. Хвала Господу. — Нью-Йорк Журнал
    7. Размышляя о том, что мне не удалось построить компанию на миллиард долларов — Medium

    1. 10 лучших кроссовок Nike 2019 года [Руководство по покупке]

    2. 15 лучших рекламных кампаний 21-го века — эпоха рекламы

    4. 34 основных факта, которые нужно знать перед поездкой в ​​Китай — Y Travel Blog

    5. Новый способ повысить удовлетворенность клиентов — Harvard Business Review

    6. SEO возвращается. Хвала Господу. — Нью-Йорк Журнал

    7. Размышления о моей неудаче в создании компании стоимостью в миллиард долларов — Medium

    Темы: Техническое SEO

    Не забудьте поделиться этим постом!

    Связанные статьи

    • hubspot.com/marketing/meta-tags»>

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

      15 декабря 2022 г.

    • Топ-6 поисковых систем по популярности

      19 октября 2022 г.

    • hubspot.com/marketing/http-500-internal-server-error»>

      Внутренняя ошибка сервера HTTP 500: что это значит и как это исправить

      15 сентября 2022 г.

    • Что такое веб-краулер? (50 слов или меньше)

      18 февраля 2022 г.

    • hubspot.com/marketing/what-is-a-permalink»>

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

      04 февраля 2022 г.

    • Полное руководство по техническому SEO

      29 окт. 2021 г.

    • hubspot.com/blog/tabid/6307/bid/6121/10-common-website-mistakes-and-how-to-fix-them.aspx»>

      16 основных ошибок веб-сайтов, которых следует избегать в 2021 году [+ 16 простых исправлений]

      28 окт. 2021 г.

    • Использование HTML-метатегов Noindex и Nofollow: как запретить Google индексировать страницу в поиске

      13 окт. 2021 г.

    • hubspot.com/blog/tabid/6307/bid/7430/what-is-a-301-redirect-and-why-should-you-care.aspx»>

      Что такое перенаправление 301 и когда его следует использовать?

      26 авг. 2021 г.

    • Краткое и простое руководство по устранению ошибок 504 Gateway Timeout Errors

      12 августа 2021 г.

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

    Стратегия SEO высокого уровня важна. Так же и детали.

    Тег заголовка — это лишь один из многих элементов на странице, на которые мы обращаем внимание при оптимизации страниц и контента.

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

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

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

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

    Что такое тег заголовка?

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

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

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

    Сам по себе тег title мало влияет на органическое ранжирование. Ни один фактор ранжирования не является волшебным или мощным, особенно если ваш контент низкого качества или вы пренебрегаете техническим SEO.

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

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

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

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

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

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

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

    Вот пример электронной торговли тегами заголовков на разных уровнях сайта, которые имеют соответствующий контекст:

    • Домашняя страница : Подарки для жениха и уникальные мужские подарки от The Man Registry.
    • Категория продукта Страница : Наборы для барбекю и посуда, подарки для друзей жениха от The Man Registry.
    • Страница продукта : Индивидуальный набор принадлежностей для барбекю из 5 предметов от The Man Registry.

    2. Использование ключевого слова с намерением искателя

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

    Знание того, что ищет ваша аудитория и как они ищут, имеет решающее значение для оптимизации тега заголовка.

    Если вы не знаете, какие слова и фразы люди используют при поиске, вы рискуете ошибиться.

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

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

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

    3. Тематическая релевантность на странице

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

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

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

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

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

    4. Уникальные теги

    Дублирующиеся теги заголовков бесполезны для поисковиков или поисковых систем.

    Если у вас есть повторяющиеся теги, вы увидите их в отчетах Google Search Console или Bing Webmaster Tools. Часто вы обнаружите, что поисковые системы решили игнорировать ваш тег заголовка и использовать другой контент, найденный на вашей странице, для синего текста ссылки в поисковой выдаче.

    Это особенно верно для широко распространенных проблем с отсутствием или дублированием тегов заголовков.

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

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

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

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

    Вы можете использовать данные, предоставленные в Google Search Console и Bing Webmaster Tools, чтобы определить, где у вас есть проблемы, а также запустить свои собственные тесты с помощью любого количества аудиторов на странице и инструментов сканирования, таких как мой любимый Screaming Frog.

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

    5. По возможности используйте динамические параметры

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

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

    Чем больше вы можете масштабировать и не должны вручную управлять сотнями или тысячами тегов, тем лучше.

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

    Например, это может быть «[product_name] подарки жениха от The Man Registry». Заключенное в квадратные скобки «имя продукта» будет переменной, которая будет заполнять эту часть названия фактическим названием продукта в базе данных.

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

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

    6. Призыв к действию в поисковой выдаче

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

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

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

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

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

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

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

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

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

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

    Например, у вас может быть обычный тег заголовка домашней страницы: «Подарки жениха и уникальные мужские подарки от The Man Registry».

    Вы можете попробовать более действенный язык, например: «Покупайте лучших друзей жениха и уникальные мужские подарки в The Man Registry».

    7. Не переусердствуйте

    Избегайте повторяющихся и похожих на спам заголовков.

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

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

    Подберите слова, которые явно имеют отношение к теме страницы и намерениям искателя.

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

    Примером опасного тега заголовка может быть: «Подарки для жениха, Подарки для жениха, Подарки для мужчин, Уникальные подарки».

    Преувеличение и повторение слов выглядит спамом не только для Google, но и для поисковиков.

    8. Сохраняйте влияние тега заголовка в перспективе

    Не преувеличивайте важность или влияние одного только тега заголовка.

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

    Целостная поисковая оптимизация гораздо важнее.

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

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *