7 HTML тегов необходимых для SEO

Что такое HTML теги?

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

Теги помогают:

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

Итак давайте обсудим каждый из них более подробно.

<HEAD>

1. Тег <title>  Что это?

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

 <title>Ваш текст</title> 

 Значение для SEO 

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

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

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

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

    • SERP (Search Engine Results Page) - вот место, где пользователь решает нажать или не нажать;
    • Вкладки веб-браузера - видимость в этом месте особенно важна, когда пользователи имеют около миллиона открытых вкладок в своем браузере (да, вы не одиноки);
    • Социальные сети - ваш тег заголовка используется, когда страница является общей.

 Проблема 

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

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

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

Есть несколько альтернативных названий - Facebook и Twitter имеют свои собственные теги в разделе <head>, поэтому, если вы используете альтернативные названия для этих социальных сетей, Google также может использовать их вместо тега title.
Как оптимизировать

 Как оптимизировать 

Длина заголовка
Целесообразно хранить его до 70 символов , иначе его можно вырезать в SERP, и некоторые из ваших важных слов могут быть опущены.

Если ваш заголовок довольно длинный, рекомендуется избегать символов Caps Lock и count, потому что они занимают больше места. Не забудьте использовать символы, например амперсанда (&) вместо «и», косую черту (/) вместо «или» и т. д.

Ключевые слова заголовка
Если вы не хотите, чтобы Google переписывала ваши заголовки, не пытайтесь вставить в них много ключевых слов, только максимально релевантные странице. Оптимальное количество 1  или 2 ключевых слова.

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

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

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

2. Мета-тег описания. Что это?

Мета-описание - это короткий абзац текста в разделе HTML <head> страницы. Он обычно отображается в фрагменте SERP после названия и URL-адреса веб-сайта. В HTML это выглядит так:

<meta name="description" content="Your gorgeous description">

 <meta name="description" content="Ваше описание"> 

 Значение для SEO 

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

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

Мета-описание можно увидеть в двух местах с максимальной видимостью:

  • SERPs - мета-описание занимает большую часть фрагмента SERP
  • Социальные сети - мета-описание обычно появляется, когда люди используют ваш URL-адрес в социальных каналах.

 Проблема 

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

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

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

 Как оптимизировать 

Длина описания метаданных
Не так давно, чтобы полностью отображаться в фрагменте SERP, длина описания метаданных должна была быть около 160 символов. Затем постепенно это значение увеличилось до 300 символов. Наконец, в декабре 2017 года фрагменты прошли отметку в 300 символов.

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

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

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

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

Благодаря Google вы не должны быть веб-разработчиком, если вам нужно пометить структурированные данные на веб-сайте. Вы можете использовать Structured Data Markup Helper . Прежде чем добавлять фрагмент кода разметки схемы HTML на свои страницы, не забудьте просмотреть свои фрагменты, скопировав и вставив исходный код своей страницы в Инструмент тестирования Google .

3. Теги Graph. Что это?

Теги Open Graph (OG) - это дополнительные метатеги в разделе HTML <head> страницы, которые предназначены для социальных сетей. Он был впервые представлен Facebook в 2010 году и далее признан другими крупными платформами социальных сетей (LinkedIn, Google+ и т. Д.),

В HTML это может выглядеть так:

 <meta name="og:title" property="og:title" content="Ваше Open Graph название"> 

 Значение для SEO 

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

 Как оптимизировать 

Прежде чем внедрить теги OG в свой HTML нужно решить какие. Существует довольно много тегов Open Graph.

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

Имейте в виду, что он должен быть между 60-90 символами, иначе он может быть усечен.

Тип OG
С помощью этого тега вы можете описать, чем вы готовы поделиться: веб-сайт, должность, видео, компания и т. Д. Здесь вы можете проверить полный список .

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

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

Описание OG
Это очень похоже на тег метаописания. Что касается длины, считается хорошей практикой около 200 символов.

Изображение OG
Это настоящий туз в рукаве. Понятно, что изображение должно привлекать внимание. Рекомендуемое разрешение для изображения OG составляет 1200x627 пикселей, размер - до 5 МБ.

Как только вы закончите оформление метатег OG, вы можете проверить, как все выглядит с помощью Open Graph Object Debugger , инструмента, созданного Facebook.

4. Теги для роботов. Что это?

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

В HTML это может выглядеть так:

 <meta name="robots" content="index, follow"> 

 Значение для SEO 

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

 Как оптимизировать 

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

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

  • Noindex - не позволяет поисковым системам индексировать страницу;
  • Nofollow - запрещает поисковой системе отслеживать ВСЕ ссылки на странице (поэтому она отличается от атрибута nofollow, который применяется на отдельном уровне URL);
  • Noarchive - предотвращает появление в результатах поиска кэшированной копии страницы;
  • Nosnippet - предотвращает отображение страницы в результатах поиска, а также предотвращает кеширование страницы;
  • None - то же, что и «noindex, nofollow».

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

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

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

5. Канонический тег. Что это?

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

В HTML это может выглядеть так:

 <link href="URL" rel="canonical"> 

 Значение для SEO 

Канонический тег важен для SEO по двум причинам.

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

<Body>

6. Теги заголовков. Что это?

Тэги заголовков - это заголовки (h1-h6), которые вы используете для структурирования своей страницы. В HTML тег заголовка может выглядеть так:

 <h1>Заголовок страницы</h1> 

 Значение для SEO 

Это не секрет, что если не использовать  эти теги заголовков вообще, все будет в порядке. Однако эти теги помогают поисковым системам читать ваш контент более эффективным способом. Порядок ваших тэгов заголовков (h1 - h6) показывает уровень важности каждого раздела.

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

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

 Как оптимизировать 

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

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

Имейте в виду, что правило использования только одного h1 на страницу с приходом HTML5 уже не актуально. Можно использовать несколько h1-тегов на странице. Важность этих тегов, а также всей иерархии тегов заголовков уменьшилась.

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

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

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

Таким образом, это должно быть:

  • больше, чем все другие текстовые элементы вашей страницы;
  • заметны с одного взгляда: используйте различные элементы форматирования и стилизации, чтобы они выделялись

7. Атрибут Alt. Что это?

Атрибут alt является частью тега изображения и предоставляет описание для изображения.

В HTML это может выглядеть так:

 <h1><img src="url" alt="Описание вашего изображения"></h1> 

 Значение для SEO 

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

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

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

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

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

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

Этот пост был создан с помощью нашей формы публикации Создайте ваш пост!

Проголосуйте

71 голос
Голос за Голос против

Всего голосов: 1

Голосов за: 1

Процент голосов: 100.000000%

Голосов против: 0

Процент голосов против: 0.000000%

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

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

Список сервисов для работы с внешними ссылками

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