Title description h1: Как прописать H1 / Title / Description / Keywords (заголовок и мета-теги) для страницы? Что означают эти графы? #1359

Содержание

Что внутри «head»? Метаданные в HTML — Изучение веб-разработки

Элемент head HTML-документа не отображается на странице в веб-браузере. Он содержит такую информацию, как:

  • заголовок (title) страницы
  • ссылки на файлы CSS (если вы хотите применить к вашему HTML стили CSS)
  • ссылки на иконки
  • другие метаданные (данные о HTML: автор и важные ключевые слова, описывающие документ.)

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

Предварительные требования: Базовое знакомство с HTML , описанное в Начало работы с HTML.
Задача: Узнать о заголовке HTML, его значении, важнейших элементах, которые содержатся в нём, и о том, как он может повлиять на HTML-документ.

Давайте снова посмотрим на HTML-документ из прошлой статьи:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Моя тестовая страница</title>
  </head>
  <body>
    <p>Это — моя страница</p>
  </body>
</html>

Содержимое <head>, в отличие от содержимого элемента <body>, не отображается на странице. Задача <head> — хранить метаданные документа. В приведённом выше примере <head> совсем небольшой:

<head>
  <meta charset="utf-8">
  <title>Моя тестовая страница</title>
</head>

Однако на больших страницах блок <head> может быть довольно объёмным. Попробуйте зайти на какие-нибудь из ваших любимых сайтов и посмотреть содержимое <head> с помощью инструментов разработчика. Наша цель сейчас — не в том, чтобы показать вам, как использовать всё, что только можно добавить в head, а дать представление и научить вас, как использовать основные элементы. Давайте начнём.

Мы уже видели, как работает элемент <title>: его используют для добавления заголовка (названия страницы) в документ. Элемент <h2> (en-US) тоже иногда называют заголовком страницы. Но это разные вещи!

  • Элемент <h2> (en-US) виден на странице, открытой в браузере, — его используют один раз на странице, чтобы выделить название содержимого. Это может быть название истории, заголовок новости или что-то в этом роде.
  • Элемент <title> — метаданные, название всего HTML-документа, а не заголовок внутри его содержимого. 

Активное изучение: разбор простого примера

  1. Чтобы приступить к активному изучению,  скачайте страницу title-example.html из нашего GitHub-репозитория. Это можно сделать двумя способами:
    1. Скопируйте и вставьте код страницы в новый текстовый файл в своём редакторе кода, затем сохраните его в любом удобном месте.
    2. Нажмите на странице кнопку «Raw», нажмите Файл > Сохранить Как… в меню браузера и выберите папку для сохранения.
  2. Откройте файл в браузере. Вы увидите что-то вроде этого:

    Теперь должно стать совершенно ясно, в чём разница между <h2> и <title>!

  3. Откройте код страницы в редакторе, измените содержимое элементов и обновите страницу в браузере. Развлекайтесь!

Содержимое элемента <title> используется и в других местах. Например, при добавлении страницы в избранное (Bookmarks > Bookmark This Page в Firefox), текст из <title> предлагается в качестве названия закладки.

Текст из <title> также появляется в результатах поиска, как мы скоро увидим.

Метаданные — данные, которые описывают данные. У HTML есть «официальное» место для метаданных документа — элемент

<meta>. Конечно, другие вещи, о которых мы говорим в этой статье, тоже можно назвать метаданными. Существует множество разновидностей <meta>. Не станем пытаться охватить их все сразу — так недолго и запутаться, а рассмотрим несколько самых популярных, чтобы разобраться, что к чему.

Указываем кодировку текста документа

В заголовке примера выше есть следующая строка:

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

Если использовать, скажем, кодировку ISO-8859-1 (набор символов для латиницы), текст страницы испортится:

Примечание: Некоторые браузеры (например, Chrome) автоматически исправляют неправильную кодировку, поэтому, в зависимости от используемого вами браузера, вы можете не увидеть эту проблему. Несмотря на это вам всё равно необходимо указывать кодировку UTF-8 для вашей страницы, чтобы избежать возможных проблем в других браузерах.

Активное изучение: экспериментируем с символьными кодировками

Чтобы проверить это, вернитесь к HTML из примера <title> (странице title-example.html), поменяйте meta charset на 

ISO-8859-1 и попробуйте написать что-нибудь на японском или русском. Вот текст из нашего примера (кстати, там написано «рис горячий»):

<p>Пример на японском: ご飯が熱い。</p>

Указываем автора и описание

У элементов <meta> часто есть атрибуты name и content:

  • name — тип элемента, то есть какие именно метаданные он содержит.
  • content — сами метаданные.

Два полезных элемента метаданных — указание автора страницы и краткое описание её содержимого. Рассмотрим эти элементы на примере:

<meta name="author" content="Крис Миллс">
<meta name="description" content="Задача MDN — в том, чтобы обучить
новичков всему тому, что нужно им для разработки веб-сайтов и приложений.">

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

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

Активное изучение: как поисковые системы используют описание

Описание из <meta name="description"> используется на страницах поисковой выдачи. Проведём небольшое исследование такого сценария.

  1. Перейдите на главную страницу Mozilla Developer Network.
  2. Откройте исходный код страницы (кликните правой кнопкой мыши и выберите Просмотреть код в контекстном меню.)
  3. Найдите тег meta с описанием. Он выглядит так:
    <meta name="description" content="Веб-документация на MDN
    предоставляет собой информацию об открытых веб-технологиях,
    включая HTML, CSS и различные API для веб-сайтов и
    прогрессивных веб-приложений. Также на сайте содержатся материалы
    для разработчиков о таких продуктах Mozilla, как Инструменты разработчика Firefox.">
  4. Теперь найдите «Mozilla Developer Network» в своём поисковике (мы использовали Google). Обратите внимание, что описание и название из 
    <meta>
     и <title> используется в результатах поиска, — мы не зря указали их!

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

Примечание: Многие типы <meta> больше не используются. Так, поисковые системы больше не используют данные из элемента <meta type="keywords" content="ваши, ключевые, слова, введите, здесь">

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

Другие виды метаданных

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

Например, Протокол Open Graph создан Facebook чтобы предоставить сайтам дополнительные возможности использования метаданных. В исходном коде MDN Web Docs вы можете найти строки:

<meta property="og:image" content="/static/img/opengraph-logo.72382e605ce3.png">
<meta property="og:description" content="Веб-документация на MDN предоставляет
собой информацию об открытых веб-технологиях, включая HTML, CSS и различные API для веб-сайтов
и прогрессивных веб-приложений. Также на сайте содержатся материалы для разработчиков о таких
продуктах Mozilla, как Инструменты разработчика Firefox.">
<meta property="og:title" content="MDN Web Docs">

Один из результатов добавления этих метаданных в том, что когда вы добавите ссылку MDN Web Docs на facebook, она отобразится с изображением и описанием, улучшая опыт взаимодействия (User eXperience, UX).

У Twitter также есть собственный формат метаданных, с помощью которого  создаётся аналогичный эффект, при отображении URL сайта на twitter.com:

<meta name="twitter:title" content="MDN Web Docs">

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

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

Чтобы добавить на страницу favicon:

  1. Сохраните изображение в формате .ico (многие браузеры поддерживают и в более привычных форматах, таких как .gif или .png) в папку со своим документом. Старые браузеры, например, Internet Explorer 6, поддерживают только формат .ico
  2. Добавьте ссылку на иконку в <head> документа:
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">

Для разных устройств можно указывать разные иконки. Например, на главной странице MDN:


<link rel="apple-touch-icon-precomposed" href="https://developer.mozilla.org/static/img/favicon144.png">

<link rel="apple-touch-icon-precomposed" href="https://developer.mozilla.org/static/img/favicon114.png">

<link rel="apple-touch-icon-precomposed" href="https://developer.mozilla.org/static/img/favicon72.png">

<link rel="apple-touch-icon-precomposed" href="https://developer.mozilla.org/static/img/favicon57.png">

<link rel="shortcut icon" href="https://developer.mozilla.org/static/img/favicon32.png">

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

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

Современные сайты используют CSS, чтобы выглядеть привлекательнее, и добавляют интерактивные функции через JavaScript: видеоплееры, карты, игры. Обычно связанные стили добавляют на страницу через элемент <link>, а скрипты — через элемент <script> .

  • Элемент <link> помещают в заголовок документа. У него есть два атрибута: rel="stylesheet" показывает, что мы указываем стиль документа, а в href указан путь к файлу:

    <link rel="stylesheet" href="my-css-file.css">
  • Элемент <script> не обязательно находится в заголовке — на самом деле лучше поместить его в самом конце страницы, прямо перед закрывающем тегом </body>. Так браузер сначала отобразит саму страницу, а уже затем загрузит и запустит скрипт — иначе скрипт может обратиться к ещё не созданному элементу страницы и сломаться.

    <script src="my-js-file.js"></script>

    Примечание: Элемент <script> кажется пустым, но это не всегда так, и указывать закрывающий тег обязательно. Вместо того чтобы ссылаться на внешний скрипт, код можно писать прямо внутри этого элемента — так можно не тратить время на загрузку отдельного скрипта, но зато не выйдет сослаться на один js-файл с нескольких страниц.

Активное изучение: добавляем на страницу CSS и JavaScript

  1. Для этого упражнения скачайте файлы meta-example.html, script.js и style.css и положите их в одну папку на своём компьютере. Проверьте, что они сохранились с правильными именами и расширениями.
  2. Откройте HTML в браузере и текстовом редакторе.
  3. Следуя изученному материалу, добавьте на страницу скрипт и стиль с помощью элементов <link> и <script>.

Если всё получилось, когда вы сохраните HTML и обновите страницу в браузере, вы увидите кое-что новенькое:

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

Примечание: Если вам никак не удаётся подключить CSS или JS, посмотрите на наш готовый пример — страницу css-and-js.html.

Наконец, стоит отметить, что вы можете (и действительно должны) установить язык для своей страницы. Это можно сделать, добавив атрибут lang в открывающий HTML-тег (как в примере meta-example.html: и как показано ниже):

<html lang="en-US">
<html lang="ru">

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

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

<p>Пример на японском: <span lang="jp">ご飯が熱い。</span>.</p>

Коды языков определены в стандарте ISO 639-1. Подробнее о работе с языками можно узнать в Языковые тэги в HTML и XML.

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

Мета теги для SEO – как правильно составить h2, Title и Description

Мета-теги – это служебные слова, в состав которых входит важная информация о веб-документе для систем поиска. Такие слова включают в себя теги Title, Description, h2. Бывает, когда эксперты, которые начинают только работать в этой сфере, оптимизируют все содержимое в рамках тега HEAD с элементом META. Но нужно знать, какие мета-теги важны для SEO-оптимизации.

Как писать мета-теги?

Должное внимание нужно уделить:

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

В большинстве систем администрирования сайта существуют специальные поля, которые предназначены для заполнения мета-тегов. Благодаря этому можно будет не прописывать их в самом HTML-коде. Достаточно будет только вписать содержимое тега (Title, Description, h2). Нужно проанализировать, верно ли вписаны теги в нужных местах, корректный ли синтаксис и соответствуют ли значения в тегах настройкам.

Как писать Title?

Title должен иметь высокую уникальность на всех страницах ресурса и не быть похожим на другие Titles. В заголовке должна отображаться содержимое страницы, он должен быть лаконичным и информативным. Также в нем стоит вписывать ключевики, по которым продвигается страница. Самые важные запросы нужно разместить в начале тега, в нем должно содержаться исключительно от 1 до 3-х ключевых фраз. Title и h2 должны отличаться по целям: Title для сниппета, h2 веб-страницы. Не следует применять специальные символы, пунктуационные знаки и стоп-элементы (точка, знаки вопроса и восклицания), поскольку эти знаки снижают взаимосвязь ключевых слов. Важно делать заголовок привлекательным, чтобы роботы в выдаче выдавали самые релевантные запросы. Что касается длины Title, то его нужно делать около 65 знаков. Поскольку Google высчитывает длину в пикселях, то рекомендуется от 200 до 571 пикселей. Если длина Title привысит рекомендуемую, то в сниппете возникает многоточие, занимающее лишнее пространство в заголовке.

Как писать description?

Цель данного тега – это сделать более привлекательный сниппет, повысить CTR и завлечь посетителя. В него добавляют разные символы, стрелочки и номера телефонов. Требования SEO Description должен раскрывать суть страницы, в него можно вписывать несколько предложений. Он тоже должен отличаться для всех страниц ресурса и не повторяться за другими площадками. Этот тег не должен быть таким же, как Title. Его длина не должна быть меньше 70 и больше 150-200 знаков, если говорить о пикселях, то рекомендуется от 400 до 930 пикселей. В description следует указать описание основных плюсов компании, продукции или услуги.

Мета-тег h2

В нем должен быть указан самый популярный запрос, по которому раскручивается страница. В h2 должно быть всего 1-3 слова. Исключением являются страницы проектов, товаров или статей. Речь идет о тех pages, которые раскручиваются под запросы по теме и используются не так часто. Этот тег должен быть расположен внутри контейнера в любом месте. Требования SEO Тег можно вписывать исключительно один раз на странице, а если его вовсе нет, это будет считаться погрешностью. В заголовке нужно вписывать главное ключевое слово на странице, но при этом оно должно быть читабельным. По длине этот тег должен составлять не более 70 знаков и быть уникальным, не похожим на страницы других сайтов. Если речь идет о товарах, то желательно вписывать в теге главные параметры товара, то есть, цвет, длину, модель и ширину.

Теги h3-H6, которые несут пользу для сферы SEO

Они не являются мета-тегами, а видны пользователям и входят в контент. h3-H6 являются тегами логической структуры документа. Каждая страница должна содержать 1 заголовок, который заключен в тег h2. Что касается подзаголовков, то они заключаются в теги h3-H6. Структура контента на странице должна выглядеть таким образом:

  • Заголовок первого уровня.
  • Заголовок второго уровня.
  • Заголовок третьего уровня.

Когда пользователь расставляет теги от h2 до H6, он должен учитывать поочередность. Пример – после h2 идет только h3, а после h3 – h4.

Проверка мета-тегов на сайте

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

  • семантики ресурса;
  • внутренних и внешних факторов влияния;
  • действий пользователей и тому подобное.

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

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

Мета-теги Title и Description являются достаточно важными компонентами внутренней оптимизации. Поэтому, чтобы правильно написать title и description, важно следовать правилам. Для начала следует выбрать ключевые фразы, которые нужны для составления этих тегов. Необходимо составить семантическое ядро с помощью сервисов,  которые специально для этого предназначены, например, Google Adwords. В качестве примера можно взять высокочастотные поисковые запросы касательно ремонта квартир в Киевской области. Они могут быть такими:

  • ремонт квартир;
  • ремонт квартир в Киеве;
  • цена на ремонт квартир;
  • ремонт квартир под ключ и т.п.

В мета-тегах для ресурса необходимо указывать по одному ключевому слову, которые больше всего подходят разделу. Title может выглядеть так: «Ремонт квартир: цена ремонта квартир под ключ в Киеве». Если на продвижение идет определенный район, то стоит сделать несколько разделов. При этом, в заголовке для каждого района отдельно дополнительно написать его название. Для того, чтобы заполнить описание, можно использовать запросы средней частотности и те, которые не влезли в строку названия – Title. Статья становится более полной и доступной, туда можно вписать расценки и время выполнения работ. Также можно указать разные скидки и акционные предложения, вписать номер телефона и адрес. Правильно писать мета-теги – не сложно, достаточно просто следовать базовым требованиям и правилам и корректно составить семантическое ядро.

Заключение

Онпейдж оптимизация — это работы, которые осуществляются с целью оптимизации определенной страницы под факторы ранжирования в поиске.  Основными моментами для всех сайтов являются мета-теги Title и Description, а также URL страницы и медиафайлов, который будет понятен человеку. Сюда же входят заголовки h2-H6, медиаконтент, атрибуты alt и title у медиафайлов, внешних и внутренних ссылок. Также сами внутренние и внешние ссылки со страницы, анкоры ссылок, текст, скорость загрузки, контакты, отзывы и цены. В список основных моментов также входит социальные кнопки и их активность, кнопка целевого действия, валидный HTML код, микроразметка и другие подобные услуги.

h2\ TITLE\ DESCRIPTION — нужен наглядный пример, Deonis007 — Advego.com

Тип текста: ЛюбойКопирайтингРерайтинг без источникаПеревод

Язык: ЛюбойRussian — РусскийEnglishGermany — DeutschSpanish — EspañolFrench — FrançaisChinese — 中国Ukrainian — УкраїнськаJapanese — 日本のPortuguese — PortuguêsPolish — PolskiItalian — ItalianoTurkish — TürkArabic — العربيةVietnamese — tiếng ViệtKorean — 한국의Urdu — اردوPersian — فارسیHindi — हिन्दीDutch — HollandskFinnish — suomalainenAnother language — другой язык

Тематика: ЛюбаяБез тематикиIT, софтАвиация, военная техника, ГОАвто, мотоАзартные игры, казино, покерБытовая техникаДизайн и предметы интерьераДомашние животныеДомашние растения, цветы, растительный мирЗакон и ПравоИгрушки, товары для детейИнтернет-маркетинг, SEO, SMM, создание сайтовИстория, религия, традиции и обрядыКиноКомпьютерные игры, видеоигры и приставкиКрасота и здоровье, питание, диеты, фитнесКулинарияКультура и искусствоЛандшафтный дизайн и архитектураМатериалы 18+Мебель и аксессуарыМедицина, лечение и профилактика болезнейМобильные игры и приложенияМода и СтильМузыкаНаука, открытия, высокие технологииНедвижимостьНепознанное: фэн-шуй, астрология, гороскопыОбразование, учеба, тренингиОтдых, активные игры, охота и рыбалкаОтношения, знакомства, личная жизньПолиграфия, рекламная продукция, маркетингПолитика: аналитика и обзорыПраздники и торжества, свадьбаПрирода и экологияПромышленность и оборудованиеПсихологияРабота и карьера, фрилансРемонт и обустройствоРукоделие, хобби, handmadeСад и огород, сельское хозяйствоСемья, воспитание детей, беременность и родыСобственный бизнес, ForexСпорт и спортивный инвентарь, велотехникаСтихи и поздравленияСтроительный инструмент и материалы, садовая техникаСтроительство домов, дачное хозяйствоТуризм, достопримечательностиУслуги и сервисФинансы, банки и кредиты, экономикаФототехника, искусство фотографииЭлектроника: гаджеты, мобильные телефоны, компьютеры, телевизорыЮмор

Оптимизация тегов Title, h2 и Description

 

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

Имя столь влиятельным малышам – Title, Description и заголовок h2. Мы сотни раз сталкивались с примерами полного игнорирования и бездарного заполнения тегов из списка выше.

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

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

В этой заметке я покажу и объясню все современные требования к оптимизации Title, Description и заголовков. Обязательно ознакомьтесь с материалом, если у вас есть собственный сайт или вы занимаетесь SEO-копирайтингом. Только актуальная и проверенная информация из первых рук.

Оптимизация Title

Тег Title встречает нас в каждой закладке конкретного сайта.

Прописывается Title в административной панели. Как правило, у всех CMS есть отдельное поле тега, куда и нужно вставлять текст. Даже если сайт написан не на CMS, а создан «с нуля», у него должен быть тег Title. Затрудняетесь найти? Откройте код страницы и с помощью комбинации CTRL + F вызовите окошко поиска. Вызвали? Введите в него слово Title и наслаждайтесь результатом.

Техническая часть закончена, пора переходить к фактам. Ниже указаны основные правила грамотного заполнения Title по стандартам 2015 — 2016 г.г.

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

Скажем, есть 2 страницы с корейскими и японскими автомобилями. Тут все просто:

Неверно:

Купить автомобиль в Саратове

Верно:

Купить японский автомобиль в Саратове

Купить корейский автомобиль в Саратове

Сложнее, когда мы имеем дело с похожими названиями. Как быть, если название услуги или товара почти не отличается? Здесь на помощь приходят мелочи вплоть до цвета, размера, объема, года выпуска и так далее. Хоть какое-то различие, но все-таки будет.

Неверно:

Детские смеси «Малютка»

+

Продажа смартфонов Microsoft

Верно:

Детские смеси «Малютка» 500 грамм

Детские смеси «Малютка» 250 грамм

+

Продажа смартфонов Microsoft в кредит

Продажа смартфонов Microsoft оптом

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

Неверно:

Москва стройка рабочие найти

Изюм дешево оптом продажа

Верно:

Подбор рабочих на стройки Москвы

Продажа дешевого изюма оптом

Еще один немаловажный факт: поисковые системы научились распознавать синонимы, а потому не удивляйтесь, если по запросу «найти рабочих строительных специальностей в столице» Яндекс или Google выдвинут в ТОП сайт с Title «Подбор рабочих на стройки Москвы». Поисковики умнеют.

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

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

В-третьих, существует еще один убойный аргумент – оптимальная длина Title. Какова она: Правильно, не более 50 знаков, максимум – 80. Можно ли на 80 знаков с пробелами уместить какой-то достойный заголовок? Не думаем. Поисковики как бы сами намекают:

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

Очень явный сигнал, который не стоит игнорировать.

Неверно:

Title – Заказать такси до Калининграда недорого

Заголовок — Заказать такси до Калининграда недорого

Верно:

Title – Заказать такси до Калининграда недорого

Заголовок – Где можно заказать недорогое такси до Калининграда?

Сила Title в одном ключе. Некоторые клиенты считают оптимизацию тегов чем-то вроде лотереи, постоянно задаваясь вопросом:

А если у меня получится перехитрить эту чертову систему?

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

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

Неверно:

Аренда самосвалов, купить бульдозер, услуги экскаваторщика в Москве

Верно:

Аренда самосвалов в Москве и области

Купить бульдозер в Москве у производителя

Услуги экскаваторщика в Москве

Главный ключ ставьте вперед. Как показывают наблюдения, лучше всего работают Title, где главный ключ стоит в начале текста. Чем дальше от начала ставите ключ, тем меньше эффект.

Неверно:

В Ростове предлагаем купить газонокосилки

На полный рабочий день услуги сиделки

Верно:

Купить газонокосилки в Ростове

Услуги сиделки на полный рабочий день

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

Неверно:

Распиловка леса недорого. Нужна распиловка леса? Звоните!

Перевозка грузов без предоплаты. Недорогая перевозка грузов

Верно:

Распиловка леса круглосуточно. Пилим древесину любых пород

Перевозка грузов без предоплаты: везем ваш багаж дешево!

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

Правила оптимизации заголовков (h2)

Вообще, не слишком корректно проводить знак «равно» между заголовком и тегом h2, поскольку далеко не всегда это идентичные понятия. Так, в огромном числе шаблонов для CMS WordPress заголовки статей автоматически заключается вовсе даже не в тег h2, как принято думать, а в тег h3. И все же мы не будем вносить смуту, давайте будем считать, что заголовок и h2 – значения одного порядка. Так проще и понятней.

Что нужно помнить в первую очередь? 

Разбавленного или непрямого вхождения – достаточно. Если вы уже вставили главный ключ в Title в прямом вхождении (вставили же?), то в заголовке достаточно разбавленного или непрямого вхождения.

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

Продажа квартир: основные ошибки

Как быстро продать новую квартиру?

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

Откажитесь от коммерческих глаголов. Глаголы вроде «продать», купить», «заказать», «снять» в заголовках – сущее зло. Достаточно, что они уже есть в тексте Title.

Не перегружайте заголовок лишними словами. Всегда есть соблазн рассказать в заголовке «всё-всё» о содержании статьи. Этим особенно грешат заголовки в формате 4U, к примеру. И все же делать подобное не рекомендуется сразу по двум причинам.

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

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

Правила оптимизации тега Description

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

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

Например:

Как правильно выбирать летнюю обувь? Советы эксперта по грамотному выбору обуви для летнего сезона

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

Максимум – 2-3 предложения. Не делайте огромные описания по 500 знаков, максимум – 160-200 знаков, но это уже потолок.

Расскажите о материале. Идеально, если Description еще раз вкратце перескажет основную суть материала. Именно такие тексты дают меньше всего отказов.

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

 

 

 

Поделиться

Твитнуть

Поделиться

Отправить

Оценить статью

Загрузка…

Вопрос по парсингу: title, description, keywords, h2, h3, h4, h5, h5, h6. | A-Parser

Получилось сделать это с помощью поддержки Вот присет, если нужно, пользуйтесь

Код:

eyJwcmVzZXQiOiJQYXJzaW5nOiBUaXRsZXMsIERlc2NyaXB0aW9uLCBLZXl3b3Jk
cywgaDEtNSIsInZhbHVlIjp7InByZXNldCI6IlBhcnNpbmc6IFRpdGxlcywgRGVz
Y3JpcHRpb24sIEtleXdvcmRzLCBoMS01IiwicGFyc2VycyI6W1siTmV0OjpIVFRQ
IiwiZGVmYXVsdCIseyJ0eXBlIjoiY3VzdG9tUmVzdWx0IiwicmVzdWx0IjoiZGF0
YSIsInJlZ2V4IjoiPHRpdGxlPihbXjw+XSopPC90aXRsZT4iLCJyZWdleFR5cGUi
OiJpcyIsInJlc3VsdFR5cGUiOiJmbGF0IiwiYXJyYXlOYW1lIjoiIiwicmVzdWx0
cyI6WyJ0aXRsZSJdfSx7InR5cGUiOiJjdXN0b21SZXN1bHQiLCJyZXN1bHQiOiJk
YXRhIiwicmVnZXgiOiI8bWV0YSBuYW1lPVwiZGVzY3JpcHRpb25cIiBjb250ZW50
PVwiKC4qPylcIiAvPiIsInJlZ2V4VHlwZSI6ImlzIiwicmVzdWx0VHlwZSI6ImZs
YXQiLCJhcnJheU5hbWUiOiIiLCJyZXN1bHRzIjpbImRlc2MiXX0seyJ0eXBlIjoi
Y3VzdG9tUmVzdWx0IiwicmVzdWx0IjoiZGF0YSIsInJlZ2V4IjoiPG1ldGEgbmFt
ZT1cImtleXdvcmRzXCIgY29udGVudD1cIiguKj8pXCIgLz4iLCJyZWdleFR5cGUi
OiJpcyIsInJlc3VsdFR5cGUiOiJmbGF0IiwiYXJyYXlOYW1lIjoiIiwicmVzdWx0
cyI6WyJrZXl3b3JkcyJdfSx7InR5cGUiOiJjdXN0b21SZXN1bHQiLCJyZXN1bHQi
OiJkYXRhIiwicmVnZXgiOiI8aDE+KFtePD5dKik8L2gxPiIsInJlZ2V4VHlwZSI6
ImlzIiwicmVzdWx0VHlwZSI6ImZsYXQiLCJhcnJheU5hbWUiOiIiLCJyZXN1bHRz
IjpbImgxIl19LHsidHlwZSI6ImN1c3RvbVJlc3VsdCIsInJlc3VsdCI6ImRhdGEi
LCJyZWdleCI6IjxoMj4oW148Pl0qKTwvaDI+IiwicmVnZXhUeXBlIjoiaXMiLCJy
ZXN1bHRUeXBlIjoiZmxhdCIsImFycmF5TmFtZSI6IiIsInJlc3VsdHMiOlsiaDIi
XX0seyJ0eXBlIjoiY3VzdG9tUmVzdWx0IiwicmVzdWx0IjoiZGF0YSIsInJlZ2V4
IjoiPGgzPihbXjw+XSopPC9oMz4iLCJyZWdleFR5cGUiOiJpcyIsInJlc3VsdFR5
cGUiOiJmbGF0IiwiYXJyYXlOYW1lIjoiIiwicmVzdWx0cyI6WyJoMyJdfSx7InR5
cGUiOiJjdXN0b21SZXN1bHQiLCJyZXN1bHQiOiJkYXRhIiwicmVnZXgiOiI8aDQ+
KFtePD5dKik8L2g0PiIsInJlZ2V4VHlwZSI6ImlzIiwicmVzdWx0VHlwZSI6ImZs
YXQiLCJhcnJheU5hbWUiOiIiLCJyZXN1bHRzIjpbImg0Il19LHsidHlwZSI6ImN1
c3RvbVJlc3VsdCIsInJlc3VsdCI6ImRhdGEiLCJyZWdleCI6IjxoNT4oW148Pl0q
KTwvaDU+IiwicmVnZXhUeXBlIjoiaXMiLCJyZXN1bHRUeXBlIjoiZmxhdCIsImFy
cmF5TmFtZSI6IiIsInJlc3VsdHMiOlsiaDUiXX1dXSwicmVzdWx0c0Zvcm1hdCI6
IlwiJHF1ZXJ5XCIsXCIkcDEudGl0bGVcIixcIiRwMS5kZXNjXCIsXCIkcDEua2V5
d29yZHNcIixcIiRwMS5oMVwiLFwiJHAxLmgyXCIsXCIkcDEuaDNcIixcIiRwMS5o
NFwiLFwiJHAxLmg1XCJcXG4iLCJyZXN1bHRzU2F2ZVRvIjoiZmlsZSIsInJlc3Vs
dHNGaWxlTmFtZSI6IiRkYXRlZmlsZS5mb3JtYXQoUmVzdWx0czpUaXRsZSxkZXNj
cixrZXlzLGgxLTUpLmNzdiIsImFkZGl0aW9uYWxGb3JtYXRzIjpbXSwicmVzdWx0
c1VuaXF1ZSI6Im5vIiwicXVlcnlGb3JtYXQiOlsiJHF1ZXJ5Il0sInVuaXF1ZVF1
ZXJpZXMiOmZhbHNlLCJzYXZlRmFpbGVkUXVlcmllcyI6ZmFsc2UsIml0ZXJhdG9y
T3B0aW9ucyI6eyJvbkFsbExldmVscyI6ZmFsc2V9LCJyZXN1bHRzT3B0aW9ucyI6
eyJvdmVyd3JpdGUiOmZhbHNlfSwiZG9Mb2ciOiJubyIsImtlZXBVbmlxdWUiOiJO
byIsIm1vcmVPcHRpb25zIjp0cnVlLCJyZXN1bHRzUHJlcGVuZCI6IlwiXHUwNDQx
XHUwNDQxXHUwNDRiXHUwNDNiXHUwNDNhXHUwNDMwXCIsXCJcdTA0NDJcdTA0MzBc
dTA0MzlcdTA0NDJcdTA0M2JcIixcIlx1MDQzNFx1MDQzNVx1MDQ0MVx1MDQzYVx1
MDQ0MFx1MDQzOFx1MDQzZlx1MDQ0OFx1MDQzZFwiLFwiXHUwNDNhXHUwNDM1XHUw
NDM5XHUwNDMyXHUwNDNlXHUwNDQwXHUwNDM0XHUwNDQxXCIsXCJoMVwiLFwiaDJc
IixcImgzXCIsXCJoNFwiLFwiaDVcIiIsInJlc3VsdHNBcHBlbmQiOiIiLCJxdWVy
eUJ1aWxkZXJzIjpbXSwicmVzdWx0c0J1aWxkZXJzIjpbXSwiY29uZmlnT3ZlcnJp
ZGVzIjpbXX19
Большая благодарность!

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

Если результаты не сможете открыть и будут кракозявры, то вот тут можно скачать софт который открывает в csv формате http://ru.libreoffice.org/download/

 

Хитрости написания title и description – советы по составлению

Метатеги title и description – основа продвижения сайта в поисковиках. Чтобы добиться хорошего эффекта в этом непростом деле, следует придерживаться нескольких правил, которые мы рассмотрим в данной статье.

Тег title

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

Тег title указывается в начале кода HTML-страницы, отображается в заголовке:

А также показывается в результатах выдачи поисковиков:

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

Рекомендации по составлению title:

  • Основная информация тега должна быть умещена в 40-70 символов с пробелами. Длинные заголовки поисковики обрезают.
  • Начинайте заголовок с важного ключевого запроса, используйте точное вхождение ключевика. Указывайте в начале самую высокочастотную фразу из подобранного вами семантического ядра. Если основной целью, которую должен достичь пользовать на сайте, является покупка, то тег стоит начинать со слова «Купить».
  • Указывайте город сайта, в котором вы работаете. Это важно не только для людей, но и для поисковых систем. При ранжировании поисковики будут учитывать указанный город, а пользователи будут понимать, подходит ли ваша компания по территориальному расположению. А вот если вы работаете в нескольких городах или делаете доставки по всей России, перечислением городов лучше не заниматься.
  • Не перенасыщайте title ключевыми словами, достаточно всего 1-3 запросов, под которые оптимизирована страница. Для примера, тайтл «Выкуп авто, автовыкуп быстро, срочный выкуп автомобиль» переспамлен и непривлекателен для потенциальных клиентов. Добавьте преимущество, которое отличает вас и заинтересует потенциального клиента; укажите город нахождения. Всегда при оптимизации ориентируйтесь на людей, а не на роботов. Например, Тitle «Срочный выкуп авто в Москве в течение 24 часов» более эффективен.
  • Заголовок в рамках сайта должен быть уникален, составлен под каждую страницу и отражать ее содержимое.
  • Не стоит злоупотреблять стоп-словами: союзами, предлогами, междометиями и частицами. Но для повышения читабельности заголовка лучше все же их включить в текст тега.
  • Не используйте спецсимволы (“”= ()/ \ | + _ ) и знаки препинания (– . ! ?).
  • Не включайте в заголовок название компании, так как оно не является значимым ключевым словом. Но если у вас известный бренд, то можно его указать. Также не стоит прописывать URL сайта и такие «бесполезные слова», как «Главная страница», «О компании».
  • Составляйте тег title для людей по всем правилам русского языка, заголовок должен быть цепляющим и привлекательным.

Тег description

Поисковые системы формируют сниппет из содержимого тега description и/или из контента на странице, в зависимости от поискового запроса.

Рекомендации по составлению description:

  • Длина тега не должна превышать 150-250 символов с пробелами.
  • Тег должен описывать содержание определенной страницы ресурса.
  • Указывайте наиболее важную информацию, размещая ключевые слова в начале тега. Важно, чтобы запрос был в начальной словоформе, то есть необходимо использовать запрос «купить кондиционер», а не «купите кондиционер».
  • Description не должен повторять title. Описание должно служить продолжением названия, раскрывать его детальнее.
  • Должен быть написан для людей.
  • Для каждой страницы дексрипшн должен быть уникальным.
  • Не должен быть переспамлен ключевыми запросами.
  • Указывайте выгоды вашей компании или ресурса, чтобы зацепить внимание пользователей, выделиться среди конкурентов.
  • Добавляйте призывы к действию, они мотивируют людей к совершению покупки, заказа услуг и пр. Также в тегах привлекательны эмодзи.
  • Избегайте банальных фраз «низкие цены», «высокое качество» и т.п. Отличайтесь от конкурентов своей уникальностью, это касается не только мета тегов тайтл и дескрипшен, но и текстов на сайте.
  • Не используйте спецсимволы и стоп-слова.
  • Не указывайте URL-сайта.
  • Если вы не указали название компании в title, то можете добавить его в description. В описании количество допустимых символов больше, и название можно использовать, чтобы напомнить о вашем бренде и улучшить его узнаваемость.

Title и description для интернет-магазинов

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

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

Составить тег Title для карточек товаров в интернет-магазине можно по следующим шаблонам:

  1. «Название товара» недорого в интернет-магазине «Название».
  2. «Название товара» купить недорого в «Название города».
  3. Купить «название товара» в «Название города» с доставкой.

В качестве шаблона Description для интернет-магазина можно использовать:

  • «Название товара» от «цена из карточки товара» с бесплатной доставкой.

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

  • В конце тега используйте призыв к действию, например, «Заказывайте в магазине «Название магазина»».

 

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

Если не уверены, что на вашем сайте все в порядке с тегами – оставьте заявку, посмотрим и проконсультируем бесплатно, а также не забудьте изучить статью «Заголовки h2-h6: как правильно прописать».

Правила оптимизации Title, Description и заголовков

Опыт показывает, что даже самый качественный SEO-текст вряд ли попадёт в ТОП поисковой системы, если в нем не заполнены мета-теги Title и Description, а заголовку h2 не уделено должное внимание. Рассмотрим, как правильно оптимизировать каждый из названных элементов.

Title

Это заголовок html-документа. Title отображается в выдаче поисковика как название ссылки в результатах поиска. Названный мета-тег пользователь видит в первую очередь, поэтому он должен отражать суть страницы и содержать главные ключевые слова. Уникальность данного элемента также обязательна. Один Title для двух страниц – это плохо. Кроме того, не рекомендуется повторять заголовок h2. Текст мета-тега должен быть естественным. Длина Title для Яндекса – не более 70 символов, для Google – не более 60 символов.

Description

Это краткое описание страницы, отображаемое в выдаче поисковой системы. Description должен вкратце пересказывать суть статьи. Его максимальная длина не должна превышать 160 символов (до 3-х предложений). В 1-м предложении описания желательно вписать главный ключ в прямом вхождении, для 2-го предложения подойдёт непрямое вхождение. Оптимизируя Description, важно найти золотую середину между грамотностью внедрения ключей и привлекательностью текста для пользователя.

Заголовок h2

Это непосредственный заголовок статьи, который пользователь видит после открытия страницы. Если в Title вписан основной ключевой запрос в прямом вхождении, то для заголовка h2 вполне достаточно разбавленного варианта поисковой фразы. При этом важно сохранить естественность. Не рекомендуется чрезмерно увлекаться коммерческими глаголами или лишними словами. Оптимальный размер заголовка – 3-7 слов.

Если вы хотите увидеть свой сайт в ТОП поисковых систем, игнорировать вышеописанные правила оптимизации никак нельзя. В то же время практика показывает, что использовать возможности мета-тегов и заголовков на все 100% могут только специалисты с опытом. Textler-Studio – мастерская работающих мета-тегов, заголовков и текстов. Заказав SEO-тексты у нас, вы убедитесь, что высокие позиции в поисковике – это реальность.

Примеры SEO-текстов:

h2, Заголовок, Описание: Ваш контрольный список SEO в несколько кликов!

16 сентября 2014 Аннабель

Тратьте время на то, чтобы решить, что делать, а не на сбор фактов! Проверка тегов заголовков, тегов h2, h3 и мета-описаний — это основа SEO. Базовый, но необходимый, чтобы дать поисковым системам четкие указания о содержании страницы и позволить им точно представить его в поисковой выдаче.
Нам нужно спросить себя:

  • Устанавливаются ли они на каждой странице?
  • Являются ли они уникальными для каждой страницы?
  • На одной странице их несколько?

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

Чтобы вы могли сосредоточиться на принятии решений и планировании того, что вам нужно делать, Botify Analytics указывает вам прямо на важные URL-адреса:

  • Страницы с уникальным заголовком/h2/мета-описанием (ни один другой просканированный URL-адрес не использует его)
  • Страницы с повторяющимся заголовком/h2/мета-описанием (его использует хотя бы один другой URL)
  • Страницы с несколькими тегами title/h2/meta descriptions (их несколько на странице)

…и позволяет вам изучить некоторые другие параметры (h3, h4, другие критерии) через проводник URL.

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

* Уникальные теги * , как мы и ожидали, интересны для исключения страниц из нашего списка дел.

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

Но элемент h2 в элементе шаблона не соответствует своему назначению — максимально точно описывает содержимое этой конкретной страницы.

Оценить ситуацию

Перейдите на вкладку «html-теги» отчета Botify Analytics. В качестве примера рассмотрим веб-сайт Библиотеки Конгресса:

.

Резюме: хорошо или плохо?

Общее качество метаданных:

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

На вкладке HTML-теги отчета щелкните блок дубликатов h2 в разделе URL-адреса:

Вы получите список h2, найденных на нескольких страницах, количество страниц, на которых он находится, и выборку из 10 URL-адресов:


Оттуда вы можете перейти в проводник URL, чтобы просмотреть и экспортировать:

  • Все страницы для данного h2 (114 841 страница для первого h2, указанного выше): нажмите «Просмотреть все» внизу списка образцов
  • Все страницы с дубликатом h2 (458 тыс. URL-адресов в нашем примере): нажмите «Исследовать все URL-адреса» в правом верхнем углу над таблицей.

Давайте посмотрим на полный список или страницы с дубликатами h2 в проводнике URL:
Столбцы те же, но с дополнительным столбцом для URL — проводник URL, как видно из его названия, позволяет исследовать данные, связанные с URL-адресами. Чтобы получить вид, аналогичный приведенной выше таблице, URL-адреса сгруппированы по h2: в столбце URL-адресов указан только один URL-адрес для каждого дублированного h2. Все остальные URL-адреса для того же h2 перечислены в столбце «страницы с таким же h2». И именно поэтому в нашем примере количество найденных URL равно 1631 (что соответствует количеству h2):

.


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

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

Перед экспортом преобразуйте приведенное выше представление в таблицу со всеми URL-адресами в столбце URL-адресов (в нашем примере URL-адреса 458 КБ) и информацией h2, повторяющейся в каждой строке. Для этого удалите фильтр «Найден первый дубликат h2», который позволял группировать URL-адреса для каждого h2 (нажмите на красный крестик):

И удалить выбранное поле «страницы с одинаковым h2»:

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

Вот что вы получите после нажатия «Применить»:


Две основные возможности при наличии нескольких дубликатов метатегов:

Как насчет тегов h3 и h4?

Та же информация доступна для тегов h3 и h4 непосредственно через проводник URL. Просто измените фильтры и отображаемые поля соответствующим образом.

Как получить полную инвентаризацию тегов содержимого html

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

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

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

Нажмите «Экспортировать как CSV», чтобы экспортировать таблицу.

Расширенный подход для крупных веб-сайтов:

Если общее количество URL-адресов, отображаемых в результатах обозревателя URL-адресов, слишком велико для экспорта в один файл (более 100 тыс. URL-адресов), вы можете, например, добавить фильтры для:

  • Исключить или экспортировать отдельно случаи, которые соответствуют тому, что вы ожидаете или не ожидаете (например, в нашем последнем примере страницы с одним заголовком, одним описанием и одним h2, что мы ожидаем в большинстве случаев)
  • Экспортируйте только ключевые разделы вашего веб-сайта за раз, фильтруя по определенному шаблону URL: например, путь начинается с x, заканчивается на x, содержит x… (путь — это часть URL-адреса, начинающаяся после домена и начинающаяся с «/» и заканчивается перед строкой запроса [?xxxx], если есть)

Предыдущая статья

Blablacar: «Анализатор журналов Botify сыграл ключевую роль в успешном переносе нашего веб-сайта»

оптимизировать ваши веб-страницы! (Полное руководство)

Тег h2 — это HTML-тег, указывающий заголовок на веб-сайте.HTML имеет шесть различных тегов заголовков — h2, h3 и т. д. H2 считается самым важным заголовком, а h6 — наименее важным.

Теги часто форматируются в соответствии с их важностью: мы переходим от очень заметного рендеринга для h2 к довольно незаметному рендерингу для h6.

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

Теперь вы можете проверить структуру вашей веб-страницы, давайте возьмем эту страницу в качестве примера:

В Chrome вам просто нужно перейти к исходному коду, перейдя на вкладку «просмотр», параметры для разработчиков, затем «исходный код»:

Вы нажимаете «Ctrl + F» на ПК и на Mac «Cmd + F», небольшая панель поиска справа, затем вы вводите «h2» и вводите «Enter», и Chrome выделит h2:

Тег h2 не обязательно должен отображаться на вашей веб-странице, так как он во многом зависит от стиля вашей страницы.Однако очень часто, поскольку этот тег соответствует основной тематике страницы, h2 выделяется и очень легко идентифицируется «невооруженным глазом», как, например, ниже:

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

Слова в теге h2 определяют тему страницы для Google. Он придает этим словам большой вес в своем алгоритме релевантности.

3 основных критерия тега h2:

  • Ключевые слова : Включить основное ключевое слово страницы в h2.
  • Размер : жесткого правила не существует, но старайтесь не превышать 100 символов: h2 должен быть заголовком, а не абзацем. 🙂
  • Уникальность : у вас должен быть только один тег h2 на странице, потому что каждая из страниц должна быть определенной и уникальной темой.

Полезные рекомендации по оптимизации тега h2

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

  • Напишите разные h2 для каждой страницы.
  • Используйте нижние уровни (от h3 до h6) для структурирования содержимого.
  • Используйте описательные слова для содержания страницы.

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

Взаимодействие с пользователем

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

Если вы используете CMS, такую ​​как WordPress, для управления контентом, h2 часто по умолчанию принимает заголовок статьи, как, например, ниже.

В противном случае, как правило, достаточно выбрать «Заголовок 1» в вашем текстовом редакторе, который будет соответствовать вашему h2 (часто CMS ради упрощения для редактора не говорят технические и поэтому предлагают эту классификацию, которая позволяет вам чтобы понять, что h2 больше и важнее, чем h3, и сам по себе важнее, чем h4…).

Вот пример структуры h2-h6:

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

Первый шаг — определить теги h2, присутствующие на вашем веб-сайте. Во время аудита сканер используется для обнаружения всех URL-адресов и их тегов.
Также можно использовать другие средства:

  • Использование плагина: позволяет видеть тег, когда вы находитесь на странице.
  • Просмотрев исходный код страницы (щелкните правой кнопкой мыши > отобразите исходный код, затем выполните поиск «h2»)

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

Случай 1: Отсутствующие теги

Проанализируем страницы, не содержащие тега h2.

— Если нет: тем лучше, делать нечего
— Если есть: найдите количество и тип соответствующих страниц:

  • Если это страницы, подлежащие деиндексации (корзина покупок и т. д.), убедитесь, что они деиндексированы, или приступите к деиндексации.
  • Если это страницы с низким уровнем интереса, такие как Условия использования или страница рекрутинга, добавьте заголовок из 1 тега, чтобы сделать его более понятным, хотя это не окажет прямого влияния на вашу поисковую оптимизацию.
  • Если это страницы, которые должны приносить SEO-трафик: необходимо быстро добавить тег h2, оптимизированный по правилам SEO.

Случай 2: повторяющиеся теги

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

— Если нет: тем лучше, делать нечего
— Если есть: найдите количество и тип соответствующих страниц:

  • Если это h2, который CMS автоматически добавляет на все страницы, например, название бренда или его слоган, этот h2 необходимо удалить.В этом случае это также будет несколько h2 (см. случай № 5 ниже).
  • Если это товарные страницы с вариантами (цвет, размер и т.д.): советуем указать в h2 уникальный вариант для данного товара. Если SEO-интереса к этому варианту нет (если никто не ищет такой точный запрос), мы даже советуем вам удалить страницу и перенаправить ее на единую страницу товара, где сосредоточены все «бесполезные» варианты в SEO. Но все зависит от вашей технической/CMS архитектуры.
  • Если это страницы с разбивкой на страницы: можно пропустить, делать нечего.
  • Если это страницы, которые должны быть разными: просто отредактируйте теги h2, чтобы они были более конкретными. Если у вас есть страницы «агентство недвижимости + город», укажите город в h2, а не просто «агентство недвижимости».
  • Если это дубликаты страниц, другими словами, несколько существующих URL-адресов, которые отображают одно и то же содержимое, то, вероятно, это техническая проблема, которую необходимо исправить. Для этого выберите тот, который связан с сайтом (= получает ссылки внутри сайта) и выполните 301 редирект с неправильного URL-адреса на правильный + удалите все внутренние ссылки, сделанные по дублирующемуся URL-адресу.Пример:

==> Здесь нужно перенаправить 301 страницу с «/fr» на страницы без, или наоборот: выбрать ту версию URL, которая наиболее тесно связана с сайтом или приносит больше всего трафика.
Также необходимо удалить все внутренние ссылки с этих страниц-дубликатов, чтобы Google навсегда прекратил их посещение.

Случай 3: слишком длинные теги

Напоминаем, что тег h2 не должен превышать 70 символов. Можно дорасти до сотни символов, но это особенно с точки зрения UX (User Experience) не приятно.

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

Случай 4: Теги слишком короткие

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

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

Случай 5: несколько тегов

Как упоминалось выше, это в основном автоматическое правило CMS, добавляющее ненужный h2:

==> Удалите лишний тег h2.

Теперь вы знаете, как анализировать и исправлять теги h2!

Теперь ваш h2 оптимизирован, и это прекрасно. Теперь давайте перейдем к оптимизации изображений для вашего SEO.

Основы SEO: руководство по тегам заголовков, метаданным и заголовкам

*Последнее обновление — 26.10.2018

В этом посте вы узнаете о:

  • Теги заголовков, метаописания и заголовки
  • Почему они важны
  • Лучшая практика оптимизации каждого из них

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

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

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

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

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

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

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

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

Итак, что представляет собой каждый элемент и как их оптимизировать? Давайте начнем!

Метки заголовков

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

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

Ниже приведен пример того, как ваш тег заголовка отображается в поисковой выдаче:

Теги заголовков

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

Образец кода тега заголовка

<голова>

Оптимизированное название | Торговая марка

Как оптимизировать тег заголовка?

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

Google обычно отображает первые 50-60 символов тега заголовка или столько символов, сколько умещается на 600-пиксельном дисплее.Если вы держите свои заголовки менее 55 символов, вы можете ожидать, что по крайней мере 95% ваших заголовков будут отображаться правильно. Обратите внимание, что нет точного ограничения на количество символов в теге заголовка, поскольку разные символы могут различаться по ширине. Например, использование вертикальной черты (|) может иметь больше смысла с точки зрения символов, чем использование тире (-).

Если лимит символов превышен, Google покажет многоточие («…»), чтобы указать место, где был обрезан тег заголовка.

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

.

Первичное ключевое слово – Дополнительное ключевое слово | Торговая марка

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

Чтобы помочь на этом этапе, почему бы не ознакомиться с нашим техническим документом по исследованию ключевых слов Mastering Keyword Research , чтобы получить лучшие советы по правильному проведению анализа.

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

В случае страниц с разбивкой на страницы дубликатов заголовков можно избежать, добавив номер страницы в конце заголовка, но если нет возможности их избежать, не забудьте использовать rel=»next» и rel=»prev».

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

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

Метаописания

Что такое метаописание?

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

Теги мета-описания

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

Пример кода мета-описания

<голова>

<мета-имя=”описание” содержание=”Вот мета-описание”>

Как оптимизировать мета-описание?

При написании метаописаний важно учитывать следующее:

  • Используйте ключевые слова в мета-описании

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

  • Сделайте свое мета-описание актуальным и убедительным

Создайте привлекательное описание, на которое искатель захочет щелкнуть. Убедитесь, что описанное — это то, что искатель увидит на странице.

  • Создание уникальных описаний для каждой веб-страницы

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

  • Мета-описания не должны превышать 160 символов

Мета-описание должно быть оптимально от 150 до 160 символов, если больше, результат будет усечен (…)

  • Отслеживание рейтинга кликов в Google Search Console

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

  • Убедитесь, что все страницы имеют соответствующее мета-описание

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

Теги заголовков  

Что такое теги заголовков или H-теги?

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

Заголовки HTML могут быть разбиты на заголовок h2 или основной заголовок, а затем на различные подзаголовки (h3, h4, h5…)

Пример кода для тегов заголовков

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

Заголовок раздела

Уровень подзаголовка раздела 1

Теги h2 передовой опыт

Теги

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

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

  • Тег h2 должен быть уникальным

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

  • Включить h2 на каждой странице

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

Как использовать другие теги H

После h2 вы должны использовать h3 в качестве основных подзаголовков, а h4-H6 образуют остальные подзаголовки.h4 и т. д. следует использовать для разделения контента на категории и подкатегории.

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

Например:

Пример заголовка

     

Пример заголовка

         

Пример подзаголовка

     

Пример заголовка 2

         

Пример подзаголовка 2

               

Пример 2-го подзаголовка

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

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

Что насчет мета-ключевых слов?

Еще в 1990-х веб-мастера агрессивно использовали метатег keywords для ранжирования по ключевым словам. Как следствие, Google полностью исключил его как сигнал релевантности для ранжирования.

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

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

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

Что такое теги заголовков и как их использовать?

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

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

Как правило, чем больше блок, тем меньше кто-то захочет в него взаимодействовать. К счастью, есть простой способ обойти это с помощью тегов заголовков.

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

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

Итак, давайте окунемся в мир тегов заголовков и поймем, в чем дело с h2, h3 и h4.

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

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

Назначение тега заголовка — разбить ваш контент на более мелкие части.

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

Теги заголовков бывают четырех основных размеров: от h2 до h5.

Мы разберем их позже в этом тексте, но просто чтобы вы знали, заголовок « Что такое теги заголовков? » — это пример тега h3.

Почему теги заголовков так важны?

Без этих тегов ваш контент был бы гораздо менее привлекательным для вашей аудитории.

Даже если вы разбиваете текст изображениями или графикой , заголовки все равно облегчают чтение.

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

Сканируемость

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

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

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

Организация

Без заголовков ваш контент может быть беспорядочным.

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

Поисковая оптимизация

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

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

Чтобы максимизировать эффективность SEO-оптимизации, вы также должны включать ключевые слова в заголовки.

h2 vs h3 vs h4: как работает эта иерархия

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

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

Вот краткий обзор того, как работает эта иерархия:

Теги h2

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

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

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

Теги h3

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

Думайте о h3 как о главном элементе вашего произведения.

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

Теги h4

Эти теги менее распространены, но они помогают разбивать подразделы на более мелкие части.

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

Теги h5

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

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

  • h2 – Основной заголовок
  • h3 – Подраздел
  • h4 – Подподраздел
  • h5 – Подподподраздел

Рекомендации по тегам заголовков

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

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

Итак, вот несколько советов, как получить максимальную отдачу от ваших заголовков:

Использовать только один h2 на странице

Мы говорили вам, что Google иногда будет использовать ваш h2 в качестве мета-заголовка в результатах поиска.

Хотя этого можно избежать, написав собственный тег title, это поможет сделать h2 максимально информативным. Таким образом, если Google использует его, заголовок действует как вторичный тег заголовка.

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

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

Используйте ключевые слова в заголовках

Исследование ключевых слов имеет важное значение для SEO, поскольку оно показывает вам, что ищут люди, пытаясь найти ваш сайт.

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

При разработке контента вы должны включить в заголовки как можно больше ключевых слов.

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

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

Оптимизация заголовков для избранных фрагментов

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

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

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

Это повысит вероятность того, что ваш ответ будет показан, что повысит ваш рейтинг в поисковой выдаче.

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

Например, Google просматривает h4 соответствующего раздела и организует их в маркированный список. Без этих заголовков Google не смог бы их эффективно упорядочить.

Будьте последовательны на всех страницах

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

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

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

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

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

Сделайте их короткими, но привлекательными

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

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

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

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

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

Вот два примера заголовков — скучный и интересный.

  • Как хорошее SEO помогает вашему бизнесу
  • Укрепите свою прибыль с помощью передовых методов SEO

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

Завершение: отличные заголовки — это форма искусства

Вот почему вам нужно уделять особое внимание при их создании.

Мы надеемся, что различия между «h2, h3 и h4» теперь более понятны , и вы сможете начать делать свой контент более удобным для сканирования, организованным и оптимизированным для SEO.

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

Просто откройте нашу Оценку зрелости контент-маркетинга и ответьте на вопросы!

Должны ли мета-заголовки и заголовки h2 совпадать?

Каждая статья получает два заголовка — мета-заголовок и заголовок на странице (h2). Эти два названия могут быть абсолютно одинаковыми. Но если вы изо всех сил пытаетесь сбалансировать SEO и креативность, вы можете сделать их немного разными.Тем не менее, они должны иметь семейное сходство! Как объясняет Рэнд Фишкин в этой пятничной доске, вы не хотите, чтобы ваш пользователь поиска увидел один заголовок в Google, щелкнул по нему, а затем попал на страницу с совершенно другим заголовком! Скорее всего, этот человек почувствует смущение, раздражение или решит, что ваш сайт не работает, и уйдет. Должна быть преемственность между заголовком, который появляется в результатах поиска, и заголовком, который появляется на странице.

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

Ваш мета-заголовок резюмирует суть статьи в нескольких словах (максимум 60-70 символов) и должен включать ключевые слова.Для SEO мета-заголовок, безусловно, важнее, чем h2, поэтому думайте о нем как о главной недвижимости для ваших ключевых слов. С вашим h2 или заголовком на странице у вас есть немного больше места, и вы можете сказать то же самое более творчески, если вы чувствуете вдохновение.

Пример #1: Matchy Matchy

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

мета-заголовок: Должны ли мета-заголовки и заголовки h2 совпадать?
h2: Должны ли ваш мета-заголовок и h2 совпадать?

Пример №2: смешивание

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

Метазаголовок: Как оптимизировать все в своем блоге для SEO
h2: Оптимизировать все! Применение лучших практик SEO, даже если вы не одержимы ключевыми словами

Пример №3: Редактирование гостевой публикации

Недавно мы рекомендовали некоторые изменения SEO для статьи, написанной приглашенным автором для Land Trust Alliance. Статья о том, как земельные тресты могут сотрудничать с фермерами, чтобы сохранить доступные сельскохозяйственные угодья. Однако название статьи — «Партнерство с фермерами нового поколения» — слишком расплывчато, чтобы вызвать органический поиск.Мы решили оставить на странице оригинальное название, чтобы не вмешиваться в творческое решение автора. Но мы добавили несколько важных ключевых слов в мета-заголовок.

Мета-заголовок: Партнерство с фермерами для создания доступных сельскохозяйственных угодий
h2: Партнерство с фермерами нового поколения

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

h3: смелых шагов, необходимых для обеспечения доступности сельскохозяйственных угодий

Редактировать приглашенного автора может быть сложно! Узнайте, как вносить неинвазивные SEO-редактирования, в моем недавнем посте «Как редактировать статьи приглашенного автора для SEO, не выходя за рамки!»

Хотите веселые и информативные заголовки? Просто добавьте двоеточие.

Этой зимой моя коллега Дженна Харрис написала в блоге сообщение о телефонном разговоре в JB Media Institute с Рэндом Фишкиным (единственным и неповторимым Рэндом Фишкиным, упомянутым выше). В интервью, посвященном корпоративной культуре, Рэнд ссылается на сериал «Безумцы». Когда я редактировал пост, я подумал, что мы могли бы назвать его «Так что не безумцы». Звучит весело и интригующе.

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

Решение: Возьмите свое короткое, забавное, запоминающееся название, добавьте двоеточие, а затем добавьте информативное, удобное для поиска описание, например: «So Not Mad Men: Talking Company Culture with Rand Fishkin».

Вот как это согласуется с мета-заголовком:

Метазаголовок: Интервью о корпоративной культуре с Рэндом Фишкиным
h2: Так что не безумцы: разговор о корпоративной культуре с Рэндом Фишкиным

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

Причины сделать ваш мета-заголовок и h2 одинаковыми

Два титула не всегда лучше одного. Есть хороший аргумент в пользу того, чтобы сделать ваш мета-заголовок и h2 идентичными (или очень близкими). ​​Это то, что пользователи оценят согласованность. Когда они нажимают на заголовок в результатах поиска, они попадают на страницу, которая соответствует их ожиданиям.Это важно! Таким образом, вы никогда не должны слишком далеко отходить от своего мета-заголовка с заголовком на странице.

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

Что такое тег h2?

Знаете ли вы, согласно недавнему исследованию Moz, что простое действие по улучшению элемента h2 на вашем сайте увеличивает трафик в среднем на 9%? (1)

Создание качественного SEO-контента начинается с тега h2.Тщательно созданный тег h2 сразу же привлечет внимание вашего пользователя и задаст тон всей статье.

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

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

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

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

Что такое тег h2?

Во-первых, давайте разберемся, что такое HTML-тег заголовков h2 и как он выглядит.

Тег h2 в HTML форматируется открывающим тегом

, за которым следует заголовок или текст h2, а затем закрывается закрывающим тегом

.Вот пример тега h2 в HTML-коде:

 

Это тег h2.

HTML означает H yper t ext M arkup L язык, который является кодом которые большинство разработчиков используют для создания веб-сайтов.

HTML-тег — это небольшая часть этого кода, которая определяет, как этот код будет отображать ваши данные, будь то изображение, текст или что-то еще.

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

Заголовки HTML нумеруются от 1 до 6+, причем заголовки h2 являются самыми большими, самыми важными или самыми высокими в иерархии. За этим заголовком следуют h3, 3, 4, 5 и 6 в нижней части иерархии.

Иногда тег h2 служит фактическим заголовком веб-страницы. Но это не всегда так.

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

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

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

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

Что такое тег заголовка страницы?

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

 Что такое тег заголовка страницы? 

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

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

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

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

Автоматизированные заголовки Google могут создаваться из привязок, текста на странице, текущего HTML-заголовка h2 или других ссылок на странице.

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

  • Официальный заголовок слишком длинный
  • Он переполнен ключевыми словами
  • Он слишком похож на заголовок на некоторых других ваших страницах

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

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

    Могу ли я использовать h2 и заголовки с одинаковым текстом?

    Вы можете использовать одинаковые теги h2 и title, но многие эксперты по цифровому маркетингу не рекомендуют использовать один и тот же текст.

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

    • Роль элемента h2 : Предоставить четкую тему для страницы и ее содержимого
    • Роль элемента заголовка : Чтобы представить страницу и побудить людей выбрать ваш результат из любых других которые появляются в поисковой выдаче.

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

    По этой причине заголовки часто длиннее h2.Дополнительная длина предназначена для размещения дополнительной информации, такой как:

    • Глаголы действий и фразы, такие как «узнать, почему» или «узнать, как»
    • Брендинг
    • Местоположение страны или города (особенно важно в местных результатах)

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

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

    Почему h2 так важен?

    Теперь, когда вы точно понимаете, что такое HTML-теги h2, и можете отличить их от тегов title, вы, вероятно, спросите, как связаны теги h2 и SEO.

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

    В недавнем исследовании Search Engine Journal было обнаружено, что одним из наиболее важных факторов для органического ранжирования в поисковых системах является тег заголовка страницы и заголовки веб-сайтов, в том числе и особенно ваши h2.(2)

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

    Ваш h2 — это самый первый SEO-элемент на странице, который привлечет внимание ваших посетителей. Он большой, центрированный и (если построен правильно) прямо в точку. Короче говоря, это ваше первое впечатление, и вы не можете позволить себе его потерять.

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

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

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

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

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

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

    Анджела Хилти, специалист по SEM в OuterBox Inc, говорит об этом так: «Теги заголовков должны быть понятны читателю.Если ваши посетители понимают заголовок на вашей странице, поисковая система, скорее всего, тоже сможет это сделать». (3)

    Суть в том, что хороший код h2 приносит пользу как вашему SEO на странице, так и пониманию посетителей вашего сайта.

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

    Наконец, настроить тег h2 для SEO относительно легко и БЕСПЛАТНО. Если вы можете повысить свой рейтинг в поисковых системах за несколько минут и бесплатно, почему бы вам не воспользоваться этой возможностью всерьез?

    Как создать оптимизированные для SEO теги h2?

    Мы уже установили важность тегов h2, так что теперь вы знаете, что вы не можете просто поместить любой текст в качестве заголовка 1 и на этом закончить. Слова, расположение и даже размер шрифта могут иметь большое значение.

    К сожалению, многие веб-мастера и специалисты по цифровому маркетингу до сих пор не уделяют своим h2 должного внимания. Итак, если вы хотите создать больше «SEO-дружественных» h2, я следую этим протоколам и рекомендую вам их использовать.

    Используйте только один тег h2 в HTML-коде.

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

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

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

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

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

    ,

    ,

    ,
    и
    .

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

    Опишите свой контент в теге h2

    Что произойдет, если вы нажмете на страницу с тегом header/h2 как «Чем заняться этим летом», но когда вы прокрутите текст, на самом деле это будет лучшие купальники, которые вы можете носить на пляже?

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

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

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

    Ключевые слова являются жизненной силой SEO. Они сообщают Google и другим поисковым системам, о чем контент вашей страницы, будь то «лучшие пончики в Мемфисе» или «как прочистить канализацию».”

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

    Конечно, важно быть осторожным, чтобы не переборщить. Как и во всем, что связано с SEO, необходимо учитывать некоторые передовые методы.

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

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

    Отформатируйте тег h2, чтобы он выделялся

    Этот совет касается не столько технической, сколько эстетической стороны вопроса.

    HTML-тег

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

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

    Наян Сутар
    Дизайнер продукта и участник Medium

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

    Определите правильную длину тега h2

    Получение идеальной длины тега заголовка — это и искусство, и наука.

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

    Итак, какой длины должны быть теги h2?

    Вообще говоря, вы должны ограничить длину тега h2 примерно 20-70 символами.

    Помните: это символа (включая пробелы и знаки препинания в дополнение к тексту), а не слова!

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

    Удовлетворение намерений пользователя

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

    Что они ищут? Каковы их основные заботы и потребности? Если они будут искать это конкретное ключевое слово, какой контент они ожидают найти?

     

    Например, если пользователь ищет «полезные советы по SEO», что это говорит вам о намерениях пользователя?

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

    Таким образом, тег h2, относящийся к намерению пользователя , может выглядеть так:

    «10 простых SEO-трюков, которые повысят ваш рейтинг СЕЙЧАС (Evergreen Edition)»

    Все это сводится к следующему: это; Написание эффективного HTML-кода h2 — это взаимодействие с пользователем .

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

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

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

    • Сколько пользователей нажимают на ваш сайт?
    • Как долго пользователи остаются на странице?
    • Быстро ли они щелкают?
    • Они переходят по ссылке дальше?

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

    Как провести аудит тега h2 для повышения SEO вашего сайта на этой неделе

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

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

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

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

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

    Когда все будет готово (используя SF или другую программу), просмотрите список и подтвердите следующее для каждого URL-адреса:

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

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

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

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

    Подводя итоги

    Многие оптимизаторы терпят неудачу, когда рассматривают свои h2 как небольшой или несущественный фрагмент кода. Теперь ты знаешь лучше. Наличие сильного заголовка — это простой (и дешевый) способ реально повысить свою поисковую выдачу.

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

    Это может легко объяснить разницу между плохим трафиком и успехом SEO.

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

    Нужен ли тег h2?

    Да. Тег h2 считается «основной темой» вашей статьи и помогает подать сигнал Google о том, о чем ваша страница. Это правда, что вам это не обязательно нужно в том смысле, что ваша страница может ранжироваться без него, но вы определенно этого хотите. Любые подтемы, которые, по вашему мнению, необходимо осветить, могут быть упомянуты в заголовках h3-h6.

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

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

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

    Тег h2 совпадает с заголовком страницы?

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

    Должен ли тег h2 соответствовать заголовку?

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

    Сколько раз можно использовать тег h2?

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

    Какие существуют 6 уровней тегов заголовков?

    6 уровней тегов заголовков: h2, h3, h4, h5, h5, h6.Заголовки следуют иерархии. Тег h2 — самый высокий/самый важный уровень, а H6 — наименее.

    Ссылки
    1. https://moz.com/blog/on-page-seo-changes-case-study
    2. https://www.searchenginejournal.com/important-tags-seo/156440/
    3. https://www.outerboxdesign.com/search-marketing/search-engine-optimization/h2-header-tag-seo-importance
    4. https://medium.com/@nynsuthar/space-size-style-aba80f820716

     

    Что это такое и как его использовать, чтобы взлететь в поисковой выдаче

    Что такое плотность ключевых слов?

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

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

    Посмотрите на это уравнение ⁠ — оно должно помочь вам понять концепцию.

    Плотность ключевого слова = количество использований ключевого слова ÷ общее количество. слов на странице x 100

    Если бы я написал сообщение в блоге из 100 слов и дважды использовал определенное ключевое слово, плотность ключевых слов составила бы 2%.

    Также важно отметить, что ключевым словом может быть одно слово или несколько во фразе.

    Ключевое слово длиной 10 слов, использованное 5 раз в статье из 100 слов, по-прежнему имеет плотность ключевых слов 5%.

    Почему плотность ключевых слов важна для SEO?

    Почему плотность ключевых слов важна для SEO? Простой ответ…

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

    Ключевые слова являются фундаментальным аспектом SEO — всегда были, всегда будут. Это ваш шанс сообщить поисковым системам (например, Google), о чем именно ваша веб-страница.

    То, сколько раз вы используете свои ключевые слова (плотность ключевых слов), может дать Google еще больше подсказок и подсказок.

    До 2011 года SEO-специалисты осознали этот факт и начали вставлять ключевое слово на страницу как можно больше раз, поэтому, когда робот Googlebot заходил на вашу страницу об «автостраховании» и 1000 раз читал, что термин был на странице, он думал « Хм…. это должно быть СУПЕР актуально для автострахования, давайте оценим их высоко».

    Это называется « наполнение ключевыми словами «.

    Google понял и представил «Panda» — огромное изменение в их алгоритме, который начал классифицировать эти набитые ключевыми словами / низкокачественные, «спамные» веб-сайты / веб-страницы, которые отдавали приоритет ключевым словам над качеством контента.

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

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

    Это справедливо для всех поисковых систем (не только для Google).

    Передовая практика

    Стремитесь к плотности ключевых слов 1-3%, если не уверены

    До этих крупных обновлений Google было обычным делом видеть высокорейтинговый контент с плотностью ключевых слов до 50%.

    Сегодня точно не взлетит.

    Для начала вы должны стремиться к плотности ключевых слов 1-3% , но, как и все в SEO, это может варьироваться от ключевого слова к ключевому слову и, конечно же, от отрасли к отрасли.

    Это показатель 1-3 ключевых слова на 100 слов.

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

    Популярный SEO-плагин для WordPress Yoast рекомендует от 0,5% до 3%.

    RankMath (другой плагин) говорит от 1% до 2,5%.

    Статья Википедии о плотности ключевых слов предполагает 1-3%.

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

    Если вы сделаете это, естественно, плотность ключевых слов упадет между 1-3%.

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

    Как вы думаете, как часто вы можете использовать фразу «как создать веб-сайт WordPress» по сравнению с фразой «веб-сайт WordPress».

    Опять же, ключ естественно течет.

    Вывод: Плотность ключевых слов 1-3% является оптимальной базой, но КЛЮЧ заключается в том, чтобы смешались с .

    Поместите ключевые слова в нужные места (размещение ключевых слов)

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

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

    К ним относятся:

    Заголовок страницы (теги заголовков)

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

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

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

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

    Вы также можете поместить ключевое слово в заголовок h2 — это фактический заголовок вашей страницы.

    Заголовок h2 часто путают с заголовком страницы — важно знать разницу.

    Заголовок страницы — это заголовок вашей веб-страницы в поисковой выдаче.

    Заголовок h2 — это элемент HTML на вашей веб-странице, обозначенный HTML-тегом

    , который, по сути, говорит Google: «Эй, это основная тема этой статьи».

    Вспомните, как в старшей школе вы писали набросок к сочинению. У вас есть заголовок вашего эссе (название страницы) и основная тема I. Основная тема здесь (это вроде как h2).

    h2 = Заголовок 1. Основной заголовок/тема, чтобы сообщить вашим читателям (и поисковым системам), о чем идет речь на странице.

    В подзаголовках должны быть варианты ключевых слов — h3, h4 и т. д.

    Почему? Хорошо, если эти «заголовки» являются основными темами и подтемами статьи или веб-страницы, разве вы не хотели бы конкретно сообщить Google (с помощью HTML), что «Эй, эта страница действительно о XYZ».

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

    Эта статья — отличный тому пример.

    Мета-описание (мета-теги)

    Хорошее мета-описание может повысить рейтинг кликов, косвенно влияя на SEO.

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

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

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

    Альтернативный текст изображения

    Google (и другие поисковые системы) не видят изображения визуально — только HTML.

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

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

    Имя файла изображения

    Вы можете сделать то же самое с именами файлов изображений.

    Добавление ключевых слов в изображение HTML поможет поисковым системам лучше понять и ранжировать ваш контент.

    URL-слаг

    Включение релевантного ключевого слова в URL-слаг является хорошей практикой.

    URL-адреса имеют большое значение, когда дело доходит до SEO. На самом деле, это один из главных факторов оптимизации страницы.

    Будьте кратки.

    Вывод: Размещайте варианты ключевых слов в заголовке страницы, заголовке h2, подзаголовке h3/h4, мета-описании, замещающем тексте изображения, имени файла изображения и URL-слаге. Держите его разнообразным, держите его естественным.

    Использование различных вариантов ключевого слова LSI

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

    Эти варианты ключевых слов известны как ключевых слов LSI .

    Ключевые слова

    LSI (скрытое семантическое индексирование) — это слова или фразы, которые семантически похожи или сильно коррелируют с вашими основными ключевыми словами.

    Поисковые системы (например, Google) умны — они ищут эти связанные ключевые слова LSI.

    Это дает им лучшее понимание того, о чем ваша веб-страница.

    Google даже заявляет об этом в исследовательской статье 2016 года.

    Также важно отметить, что ключевых слов LSI не являются синонимами .

    Синонимы — слова, имеющие сходное или одинаковое значение.

    Ключевые слова LSI — слова или фразы, которые связаны с вашим ключевым словом/ключевыми словами в поисковых системах.

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

    Иногда синонимы и LSI совпадают. Если синоним не релевантен в поисковых системах, он не является ключевым словом LSI.

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

    Самый простой способ — использовать функцию «автозаполнения» Google .

    Предлагаемые слова — это ключевые слова LSI.

    Другая стратегия, которую вы можете использовать, это LSIKeywords.com .

    Просто введите свои ключевые слова в инструмент — появится список ключевых слов LSI.

    Давайте на секунду притормозим… почему мы говорим о ключевых словах LSI? Мы только что отошли от темы? №

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

    Если у вас есть страница, которую вы хотите ранжировать в рейтинге «ортодонт из Лос-Анджелеса», вы не должны просто расклеивать эту фразу по всей странице — вам нужно немного потанцевать вокруг нее.

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

    Последние мысли

    В этом посте мы рассмотрели плотность ключевых слов как концепцию, ее историю и текущее состояние в мире SEO.

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

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

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

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

Ваш адрес email не будет опубликован.