Что такое мета теги: Что такое мета-теги, какими они бывают, для чего и как правильно заполнять

Содержание

Виды мета-тегов для сайта - что такое мета теги и какими они бывают

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

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

Функции мета-тегов

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

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

Рассмотрим функции мета-тегов подробнее:

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

Основные мета-теги

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

Тег Title

<Title>Заголовок</Title>

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

Разберемся, как правильно заполнить тег Title. В нем нужно указать основные ключевые слова и перечислить конкурентные преимущества. Прочитав заголовок, пользователь должен сразу понять, что именно вы предлагаете и почему ваш сайт ему подходит. Эту информацию нужно уместить в определенное количество символов: в поисковой системе Google это максимально 70 знаков (12 слов), а в Яндексе — 80 знаков (15 слов). Заголовок может быть и длиннее, но именно такое количество символов поисковики отображают в выдаче.

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

Посмотрим, как правильно писать мета-теги title на примере.

Скажем, у нас есть ключевые слова: «купить диван», «купить диван недорого», «купить удобный диван».

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

Правильный title: «Купить удобный диван недорого с доставкой и скидкой 15%» В этом случае мета-тег содержит все ключи, перечисленные в логичной последовательности, а также включает информацию о скидке, то есть конкурентном преимуществе.

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

Рекомендуется по минимуму использовать знаки препинания (– . ! ?), а также специальные символы (“”= ()/ \ | + _ ). А использование цифр, напротив, добавит заголовку привлекательности.

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

Тег Description

<meta name="description" content="Описание страницы"/>

Далее поговорим о том, что такое мета-описание страницы. За него отвечает тег description, представляющий собой краткий «анонс» веб-страницы, он является логическим продолжением title и раскрывает содержание более подробно.

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

Description должен состоять из нескольких коротких предложений, в которые входят наиболее значимые ключевики определенной страницы. Самые важные сведения лучше писать в начале тега дескрипшн. Фразы из заголовка включать не стоит, description не должен совпадать с тайтлом. Что касается длины данного тега, рекомендуется уложиться в 160-200 символов с пробелами.

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

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

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

Тег Keywords

<meta name="keywords" content="Ключевые слова"/>

Ранее на SEO-продвижение сайта оказывал значительное влияние мета-тег keywords (кейвордс). Он сообщает поисковому роботу, под какие ключевые слова «заточен» контент страницы. В настоящее время поисковики уже не придают этому атрибуту большого значения, а поисковые системы Google и Rambler его вообще не учитывают, поэтому инструкция по написанию тегов кейвордс будет краткой: перечисляйте не больше 10 ключевых слов без запятых и используйте только запросы, под которые оптимизирован текст данной веб-страницы.

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

Чтобы увидеть, есть ли на странице мета-теги, кликните в любом месте страницы правой кнопкой мыши и выберите пункт «Просмотр кода страницы» или «Исходный текст страницы» (название команды в разных браузерах немного отличается). Можно также воспользоваться горячими клавишами Ctrl + U. Все имеющиеся мета-теги отображаются в разделе «head».

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

Владельцу сайта проще всего проверить мета-теги с помощью сервиса Яндекс.Вебмастер. Войдите в свой аккаунт, на панели слева перейдите в раздел «Диагностика» и в подраздел «Диагностика сайта». Например, если на сайте есть страницы с незаполненным тегом description, в списке «Возможные проблемы» вы увидите ссылку «Ознакомьтесь с примерами и исправьте ошибки». Чтобы увидеть проблемные страницы, нажмите на нее.

Анализ мета-тегов на сайтах конкурентов можно выполнить в таких сервисах, как:

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

Мета-теги (meta tag): что это такое, зачем нужны ключевые слова

Мета-теги в коде страницы

Мета-теги в HTML-коде

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

Основные функции тега <meta>:

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

Мета-теги бывают универсальными и поддерживаемыми только какими-то конкретными системами.

Мета-теги для поисковых систем

Robots

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

Для конкретного бота можно задать свою инструкцию. Например, заменить robots на Googlebot для Гугла или на YandexBot для Яндекса.

Возможные указания:

  • all – означает, что разрешена индексация и переход по ссылкам, аналогично index, follow;
  • noindex – запрет индексации;
  • index – разрешена индексация;
  • nofollow – нельзя переходить по ссылкам;
  • follow – можно переходить по ссылкам;
  • noarchive – запрещено показывать ссылку на сохраненную копию в выдаче;
  • noyaca – (для Яндекса) не использовать для сниппета описание из Яндекс.Каталога;
  • nosnippet – (в Google) нельзя использовать для сниппета фрагмент текста и показывать видео;
  • noimageindex – (в Google) запрет указания страницы как источника изображения;
  • unavailable_after:[date] – (в Google) после указанной даты будет прекращено сканирование и индексирование страницы;
  • none – запрет индексации и перехода по ссылкам, аналогичен noindex, nofollow.

Description

Мета-тег name=«description» может использоваться поисковыми системами при формировании сниппета, поэтому он должен:

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

В разных поисковых системах выводятся 160–240 символов.

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

Keywords

Мета-тег name=«keywords» раньше использовался поисковыми системами при ранжировании, но из-за многочисленных манипуляций его значимость постоянно уменьшалась. Теперь большинство поисковиков его игнорируют. Google не поддерживает вообще, а Яндекс пишет, что может учитывать. Но на практике keywords давно не оказывает влияния, а его некорректное заполнение может привести к переспаму.

Существуют три подхода:

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

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

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

Title

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

Данный HTML-тег важен для SEO: влияет на ранжирование и кликабельность по сниппету.

Классические рекомендации по заполнению мета-тега:

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

Рекомендуема длина – 70–80 символов.

Другие мета-теги

Верификация

Для подтверждения права собственности на сайт и возможности управлять им в Вебмастере Яндекса или Search Console в Google можно использовать особые мета-теги верификации google-site-verification и yandex-verification (или иной способ).

Viewport

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

Http-equiv

Принимаемые значения:

  • Content-Type – помогает определить кодировку и тип документа;
  • Refresh – перенаправление на другую страницу после заданного в секундах времени нахождения;
  • Content-Language – указание основного языка документа.

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

Author и Copyright

Функция – идентификация автора. Если сайт принадлежит компании, используется Copyright, если конкретному лицу – Author.

Метатеги - Что это такое и как заполнять тег Title, Description?

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

Метатеги – это теги, которые предоставляют поисковым системам дополнительную информацию о странице сайта. Метатеги для сайта размещаются между тегами <head> </head>.

Выглядеть они могут следующим образом:

<html>
 <head>

   <title>AliExpress — качественные товары по оптовым ценам</title>
   <meta name="description" content="Интернет-магазин AliExpress. Продажа мобильных телефонов, компьютеров, электроники. Официальная гарантия. Доставка по всей Украине." />
    …
 </head>  

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

Из статьи вы узнаете:

Что такое тег Title

Title – это тег, в котором содержится заголовок HTML-страницы. Этот заголовок видимый как для посетителей сайта, так и для поисковых систем. Также он может использоваться социальными сетями.

В HTML-коде он выглядит следующим образом:

 <head>
    <title>AliExpress — качественные товары по оптовым ценам</title>
 </head>

Так содержимое тега Title выглядит в браузере:

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

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

Как написать Title

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

  • Title для каждой страницы должен быть уникальным. Найти дубликаты тегов можно с помощью Google Search Console или других сервисов, о которых читайте в разделе “Как найти дубликаты страниц?” нашей статьи “Как сделать технический аудит сайта”;
  • разместите наиболее частотные слова из семантического ядра в самом начале тега;
  • составляйте осмысленные фразы. Не нужно перечислять набор ключевых слов;
  • рекомендованная длина Title – 60 символов. На десктопной версии поиска Google сниппет имеет размеры в 600 пикселей, слишком длинные заголовки Title будут обрезаться:

Но бывают и исключения. Например, в ТОПе Яндекса в некоторых коммерческих тематиках встречаются сайты с очень длинными тегами Title, которые пока работают.

Рекомендации от поисковых систем

Яндекс:
Заголовок страницы — это текст, определяемый в HTML тегом <TITLE>. С его помощью веб-мастер дает понять поисковой системе, что содержится на странице. Текст, который обрамляется тегами <title> </title>, отображается браузером в заголовке окна. Кроме того, этот текст будет содержать и ссылку на ваш сайт на странице результатов поиска Яндекса, то есть это, в некотором роде, визитная карточка вашего ресурса. Поэтому от того, как написан заголовок, зависит, появится или нет у пользователя желание перейти на страницу вашего сайта для получения более подробной информации.

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

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

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

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

Шаблон для тегов Title

При составлении тегов Title можно воспользоваться следующим принципом:

[Основное ключевое слово] – [Второстепенное ключевое слово] | [Название бренда или сайта]

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

Пример тега Title для страницы информационного сайта:

Title: Как построить гараж дешево и быстро | Строительство недорогого гаража

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

Для интернет-магазинов можно использовать следующие шаблоны.

Для категории каталога:

Title: [Название категории] | Купить в [Городе], цена в интернет-магазине [Название магазина]

Пример: Дрели электрические | Купить в Харькове, цена в интернет-магазине SuperMagaz.ua

Для карточки товара:

Title: [Название товара] | Купить в [Городе], цена, описание в интернет-магазине [Название магазина]

Пример: Дрель ударная Storm Intertool WT-0107 | Купить в Харькове, цена, описание в интернет-магазине SuperMagaz.ua

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

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

В HTML-коде он выглядит так:

<head>
    <meta name="description" content="Товары для дома и сувениры в магазине Mobilluck. &#9742;     (044) 323-03-34. Самые низкие цены! Товары для дома и сувениры с доставкой по Украине." />
 </head>

А в результатах поиска так:

Как написать Description

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

  • Description для каждой страницы должен быть уникальным. Найти дубликаты метатегов можно с помощью Google Search Console;
  • в описании используйте наиболее частотные ключевые слова из семантического ядра;
  • составляйте осмысленные фразы. Не нужно перечислять набор ключевых слов;
  • рекомендованная длина мететага Description – до 300 символов;
  • для создания более привлекательных сниппетов используйте специальные символы в описании, но не злоупотребляйте ими. Символы можно подобрать в таблице https://unicode-table.com/.

Рекомендации от поисковых систем

Яндекс:

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

Google:

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

Не советуем:

  • вставлять в тег <description> описание, не соответствующее содержимому страницы;
  • использовать общие слова в описании, например “это моя страница” или “страница про открытки”; наполнять тег <description> ключевыми словами;
  • вставлять в тег <description> полный текст страницы.

Шаблон для тегов Description

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

Для категории каталога:

Description: Купить [Название раздела] с гарантией ✈ Бесплатная доставка по Украине ☎ [Номер телефона] ➤ Интернет-магазин [Название магазина].

Пример: Купить дрели электрические с гарантией ✈ Бесплатная доставка по Украине ☎ (067) 123-45-67 ➤ Интернет-магазин SuperMagaz.ua.

Для карточки товара:

Description: [Название товара] – [Цена] грн.✈ Бесплатная доставка по Украине ☎ [Номер телефона] ➤ Интернет-магазин [Название магазина].

Пример: Дрель ударная STORM INTERTOOL WT-0107 – 777 грн.✈ Бесплатная доставка по Украине ☎ (067)123-45-67 ➤ Интернет-магазин SuperMagaz.ua.

Инструменты для составления Title и Description

При составлении метатегов можно использовать инструменты:

1. Предпросмотр внешнего вида сайта в поисковой выдаче.

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

2. Парсинг метатегов конкурентов.

Чтобы получить метатеги конкурентов, не используя платные сервисы:

1) В браузере вбивайте нужный запрос. С помощью букмарклета gSERP URLs (небольшой JavaScript-код) получаем список URL сайтов из ТОП-10.

Как работает букмарклет:

  • перетащите ссылку gSERP URLs (находится здесь http://www.chuvyr.ru/p/bookmarklet.html) на панель закладок;
  • на странице результатов поиска нажмите на закладку, чтобы получить список URL сайтов.

2) Создайте новую таблицу в Google Spreadsheet с колонками: URL, Title, Description.

Далее в колонку URL копируйте адрес страниц сайтов, которые получили с помощью букмарклета gSERP URLs.

В колонку Title подставляйте формулу и протягивайте ее на нужное количество строк:

=importxml(ячейка;"//title")

В значении ячейка укажите номер ячейки, в котором написан URL.

В колонку Description подставьте формулу и протяните на нужное количество строк:

=importxml(ячейка;"//meta[@name='description']/@content")

Можно еще добавить две колонки для подсчета количества символов в колонках Title и Description. Формула используется следующая:

=LEN(ячейка)

В результате вы получите таблицу:

Также рекомендуем к прочтению статью “Как добавить 100 000 метатегов на сайт за 5 минут?” на блоге Netpeak. Эта информация поможет автоматизировать внедрение метатегов на сайт.

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

Пробуйте надежный хостинг с  аптаймом 99,5%!
Наша теплая поддержка на связи 24/7

Как правильно заполнять мета-тег TITLE

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

Тег <title> – это заголовок страницы. Это самый главный с точки зрения SEO тег. Что интересно, на самой странице его нет. Зато его видно, если навести курсор на вкладку браузера:

Яндекс и Google учитывают title, именно он является ссылкой на сайт:

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

Придерживайтесь следующих рекомендаций:

  1. TITLE должен начинаться с самого главного ключевого слова; например для страницы товара это название товара, а для страницы категории - название категории;
  2. желательно не склонять самое главное ключевое слово, не менять в нём слова местами;
  3. из других ключевых слов сформируйте остаток предложения;
  4. в других ключевых словах слова можно менять местами, склонять и спрягать их;
  5. желательно чтобы одно и то же слово не повторялось дважды;
  6. TITLE должен быть грамотным с точки зрения русского языка предложением;
  7. можно разбить title на два предложения, но вместо точки используйте знак разделителя, например вертикальной черты «|» или двоеточие «:»;
  8. в конце title точка не ставится;
  9. TITLE начинается с заглавной буквы;
  10. оптимальная длина title – до 150 символов, включая пробелы.

Рассмотрим создание title на примере. Допустим, мы продвигаем страницу категории «Стиральные машины» по следующим ключевым словам:

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

Купить стиральную машину

Следующее ключевое слово – «стиральные машины цены». Слова «стиральные» и «машины» уже есть в нашем title. Поэтому нужно вписать только слово «цены». Но сделать это нужно лаконично, например:

Купить стиральную машину по низкой цене

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

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

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

Купить стиральную машину по низкой цене в интернет-магазине

Далее – «стиральная машина купить в москве»:

Купить стиральную машину по низкой цене в интернет-магазине в Москве

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

Купить стиральную машину по низкой цене в Москве | Интернет-магазин недорогой бытовой техники

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

Чтобы заполнить title категории, откройте в бэк офисе настройки категории:

И вставьте созданный title в поле «SEO параметры» «Тег title»:

После чего сохраните изменения.

Для заполнения title товара откройте его в бэк офисе и нажмите «Редактировать»:

Вставьте созданный title в поле «SEO параметры» «Тег title»:

После чего сохраните изменения.

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

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


Метатеги – это небольшой фрагмент кода в HTML, который способен передавать поисковым системам информацию о конкретной странице сайта. К основным тегам относят: title и description. Ранее использовался тег keywords, но со временем он потерял актуальность и в настоящее время игнорируется поисковыми системами.

Title


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

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

Description


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

В чем важность использования метатегов для поисковой оптимизации?

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

Популярные ошибки при написании метатегов

  1. Отсутствие матетега на странице.
  2. Дублирование метатегов на сайте.
  3. Отсутствуют ключевые вхождения.
  4. Переспам ключевыми вхождениями.
  5. Метатег не несет смысловой нагрузки по отношению к странице.
  6. Слишком много символов в метатегах.
  7. Слишком мало символов в метатегах.
  8. Содержатся орфографические ошибки.

Основные принципы написания title для страниц


Использование ключевых фраз.
Важно грамотно использовать ключевые слова при написании тегов, это позволит передать информацию, которые Вы хотите донести до потенциального посетителя сайта. В случае отсутствия вхождения, скорее всего, выдача у страницы будет менее релевантная.
Также важно учитывать количество ключевых фраз. Чрезмерное употребление «ключей» в метатегах приведет к заспламенности и нечитабельности текста пользователем.
Соблюдать количества символов
Точного правила соблюдения символов нет, но анализируя поисковые выдача Google и Яндекс можно увидеть примерную длину от 55 до 70 символов. Выход за грани данного показателя не считается критической ошибкой, но поисковые систему просто обрежут предложение, возможно, не в самом удачном месте.
Уникальные теги для разных страниц
Заголовок должен описывать страницу, к которой он относится, следовательно, для каждой страницы он должен быть уникальным и релевантным контенту. В обратном случае такие страницы не будут занимать успешных позиций, т. к. «заголовок про утюг, а страница про микроволновку».

Залог создания успешного description


Как мы писали ранее, description – это описание страницы, то есть благодаря этому тегу мы можем дать пояснение о чем страница. На данный момент поисковые системы зачастую используют заданное не вами мета-описание, а, например, какую-то выборку из текстового контента на странице, но это не значит, что данный тег можно пропускать, так как поисковые роботы умеют считывать мета-описание, которые задали вы.
Правила по составлению description схожи с title:
Уникальное написание description
Мета-описание должно соответствовать содержимому страницы и быть релевантным тегу title.
Соблюдение количества символов
В среднем описание варьируется от 150-170 символов, рекомендуется использовать около 150, так как это «золотая середина» для поисковых система как Google, так и Яндекс.
Грамотное использование ключевых фраз в сочетании слов-маркеров.

Изначально сайты подразделяются на:

  • Информационные
  • Транзакционные
  • Навигационные
Следовательно, для информационного сайта не подойдут слова-маркеры «купить», «приобрести», «стоимость», в частности для таких сайтов используют «что такое…», «как…».
При составлении description важно обращать внимание на такие факторы, потому что используя неправильные маркеры, вы можете попасть в нецелевую аудиторию выдачи, что в итоге негативно скажется на поведенческих факторах.

Если вам нужен совет профессионалов, мы проведем бесплатный аудит вашего сайта! 

Что такое Мета-тег - описание и особенности

Что такое мета-теги

Мета-теги – это специальные элементы HTML-разметки страниц, находящиеся между тегами

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

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

Мета-теги выполняют такие важные функции, как:

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

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

Мета-теги для SEO

Наиболее популярными мета-тегами являются Title и Description. Они составляются в отдельном порядке для каждой веб-страницы и имеют свои особенности.

Title - заголовок страницы. Элемент определяет название вкладке в браузере и крупную ссылку синего цвета в сниппете поисковых систем. В него должны входить ключевые слова и конкурентные преимущества, выделяющие компанию. Нужная информация в Title должна вмещаться в допустимый поисковиками лимит символов: Google – до 70 (примерно 12 слов), Yandex – до 80 (15 слов).

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

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

Description

Вмещает краткое описание веб-страницы, отображаемое в сниппете страницы. Оно состоит из нескольких кратких предложений с содержанием ключевых слов. Поисковые системы рекомендуют вводить такой «анонс» сайта с лимитом от 160 до 200 символов.

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

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

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

  • viewport;
  • charset и content-type;
  • refresh;
  • author и copyright.

Тег HTML - мета теги страницы description, keywords, viewport

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

Часто используются meta-теги: author, description, keywords, viewport, charset.

Мета теги находятся в области <head> HTML документа (подробнее про <head>). Вставить или, как говорят, прописать мета теги можно в любом порядке и количестве.

Использовать meta теги не обязательно, но мы рекомендуем заполнять хотя бы мета теги description, viewport, charset. Это будет плюсом для внутренней оптимизации сайта.

Синтаксис

<meta атрибут="значение" атрибут="значение">

Примеры использования <meta> в HTML коде

<html>
<head>
<meta charset="UTF-8">
<meta name="description" content="Мета теги в HTML документе. Описание популярных мета тегов, примеры использования на веб странице">
<meta name="author" content="Ivan Ivanov">
</head>
</html>

Основные мета теги

Ниже приведены несколько основных тегов <meta> с комментариями по применению и примерами использования.

Meta-тег description

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

Пример использования мета тега description
<meta name="description" content="Краткое описание страницы">

Meta-тег keywords

Ключевые слова страницы. Ранее использовался для указания поисковым системам основные смысловые фразы веб-страницы. На данный момент существуют разные мнения как правильно и стоит ли заполнять мета тег keywords.

Пример заполнения мета тега keywords
<meta name="keywords" content="ключевое слово 1, ключевое слово 2, ключевое слово 3">

Meta-тег viewport

Задает некоторые параметры окна просмотра в браузере. Атрибут width указывает ширину окна просмотра (вьюпорта), initial-scale - коэффициент масштабирования при первом открытии страницы.

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

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

<meta name="viewport" content="width=device-width, initial-scale=1.0">

Meta-тег charset

Кодировка веб страницы. Наиболее частое значение: "UTF-8".

Пример использования мета тега кодировки charset
<meta charset="UTF-8">

Meta тег refresh

Мета тег с атрибутом http-equiv="refresh" указывает время автоматического обновления страницы. Страница будет автоматически перезагружаться с интервалом указанным в content атрибуте. Значение указывается в секундах.

Пример использования meta http refresh
<meta http-equiv="refresh" content="45"> <!-- Обновление страницы каждые 45 секунд -->

Поддержка браузерами

Атрибуты

Атрибут Значения Описание
charset

character_set

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

content

тестовое значение

Основное содержимое мета тега. Зависит от других атрибутов. Используется вместе с http-equiv или name.

http-equiv

content-type
default-style
refresh

Устанавливает HTTP заголовок для атрибута content.

Сontent-type - Кодировка. Устаревшее значение, в HTML5 используйте charset (см. пример выше).
Default-style - Предпочтительная таблица стилей.
Refresh - Интервал автообновления страницы.

name

application-name
author
description
generator
keywords
viewport

Имя мета тега. Как и http-equiv определяет суть мета тега.

Application-name - имя веб приложения, которое представляет страница.
Author - имя автора веб страницы.
Description - краткое описание страницы.
Generator - Указывает на программное обеспечение, использованное для создания страницы (для не рукописных страниц).
Keywords - ключевые слова страницы.
Viewport - некоторые параметры области просмотра страницы.

Определение, примеры и передовой опыт

Давайте поговорим о мета-тегах: что это такое, почему они важны и как их улучшить.

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

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

Что такое мета-теги?

Мета-теги - это тип HTML-тегов, которые предоставляют поисковым системам информацию о странице веб-сайта.

Давайте посмотрим на основные элементы.

Теги заголовка и описания составляют почти всю запись.

Если бы не эти метатеги, все, что вы видели бы в поисковой выдаче Google, было бы моим URL.

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

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

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

Машины могут нормально читать URL-адреса. Если бы я писал для машин, мой веб-сайт выглядел бы так:

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

Я тоже создал свой сайт для людей, он выглядит так:

В этой полировке и есть вся суть маркетинга.

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

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

Как метатеги влияют на имидж бренда и рейтинг кликов

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

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

Дело не только в поисковых системах, но и в том, как мы смотрим на Интернет.

Reddit - это базовый сайт для агрегации ссылок, который убирает все навороты.

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

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

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

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

Считайте эти теги своей презентацией в лифте.

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

Значит, нужно прибить.

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

Мы уже знаем, как метатеги влияют на SEO, но это не единственный элемент.

Мета-теги

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

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

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

Считайте метатеги упаковкой вашего продукта.

Если ваша упаковка не соответствует требованиям, никто никогда не купит ваш продукт, каким бы классным он ни был!

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

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

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

Мы начнем с того, что могло привести вас сюда сегодня.

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

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

По состоянию на июль 2017 года ограничение на количество символов для тегов заголовков в результатах поиска Google составляет 78 на мобильных устройствах и 70 на настольных компьютерах.

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

Ключевые слова с длинным хвостом имеют значение.

Вот лучшие мета-заголовки в поисковой выдаче по теме «Как сделать контент-маркетинг эффективным.”

Добавляя год, мы получаем совершенно новый набор результатов «как сделать контент-маркетинг эффективным в 2021 году».

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

Регулируя наш тег заголовка, мы можем повлиять на то, по какому из этих поисковых запросов мы ранжируемся.

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

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

Например, когда я ищу «лучшие тако в Тусоне», некоторые рестораны находятся на странице 9 ниже, даже Del Taco.

Это упущенная возможность для этой столицы страны тако!

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

Вот образец HTML-кода, необходимого для тега заголовка, расположенного в вашем заголовке.

Лучший пример названия, который я мог придумать

В WordPress это так же просто, как присвоить странице заголовок.

Вы действительно не можете его пропустить.

Вот и все!

2. Теги изображения

Как и теги заголовков, теги изображений не имеют мета.

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

На самом деле два описания изображений втиснуты в один тег.

Вот как выглядит HTML-код.

«описание

Для удобства работы должны быть определены теги alt и title.

Заголовок отображается на экране при наведении на него курсора.

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

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

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

Это также вопрос соответствия веб-сайта ADA.

Только в США проживает около 7,5 миллионов человек с некоторым уровнем нарушения зрения.

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

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

3. Описание мета-тегов

Мета-тег описания дает вам возможность предоставить обзор содержания страницы.

Они ограничены 160 символами и вообще не связаны напрямую с поисковыми алгоритмами Google.

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

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

Вот как выглядит HTML:

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

Это не обязательно плохо.

У этого поста нет метаописания (я их редко использую), и он хорошо ранжируется.

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

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

4. Мета-теги Noindex и Nofollow для роботов

Мета-теги роботов нужны не всегда.

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

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

Вот HTML-код noindex:

(…)

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

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

Вот HTML-код робота nofollow.

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

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

Вот отличная инфографика о том, когда и как использовать теги nofollow.

Теперь мы переходим к одному из самых спорных мета-тегов.

5. Мета-теги ключевых слов

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

Вот как выглядит HTML:

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

Однако это не обязательно делает их бесполезными. Они особенно полезны в WordPress.

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

Они также создают страницу в WordPress, которая предоставляет еще одну проиндексированную страницу.

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

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

Это достигается в разделе «Настройки»> «Постоянные ссылки» в WordPress.

Добавление этого формата обеспечивает контекст для вашего контента.

Google любит контекст для результатов поиска!

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

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

6. Теги окна просмотра

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

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

Вот иллюстрация того, о чем я говорю.

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

Пользователи

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

Вы, вероятно, не знали этого, если еще не являетесь веб-разработчиком.

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

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

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

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

Плагин Yoast SEO для WordPress

Yoast - мощный плагин SEO для WordPress и один из самых загружаемых инструментов SEO и метатегов.

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

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

Yoast также позволяет вам вводить ключевое слово focus, которое не добавляется в метатеги, что позволяет серверной программе анализировать ваш пост.

Средство извлечения мета-тегов BuzzStream

Если вам нужна быстрая диаграмма метаданных, используемых вашими конкурентами, BuzzStream Meta Tag Extractor - изящное и простое решение.

Скопируйте и вставьте список URL-адресов, и вам будет представлена ​​информация о метатеге.

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

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

Этот бесплатный онлайн-инструмент выполняет свою работу без всяких наворотов.

Менее популярные (но все же полезные!) Метатеги

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

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

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

WordPress добавляет эту информацию в блоги, когда несколько пользователей добавляют контент.

Для блоггеров это скорее почетный знак, чем что-либо еще.

Большинство остальных определяют параметры, которые уже должны контролироваться на уровне сервера.

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

Это не помогает в поисковом рейтинге, но и не вредит им.

Часто задаваемые вопросы о мета-тегах Что такое метатеги?

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

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

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

Как метатеги улучшают доступность веб-сайта?

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

Как мне добавить метатеги на свой сайт?

Мета-теги можно добавлять прямо в HTML.Вы также можете добавить их в такие инструменты, как WordPress. Там вы можете добавить теги alt к изображениям, теги заголовков и метаописания.

Мета-теги Заключение

Мета-теги - это основная часть HTML, и они могут повлиять на SEO.

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

Интернет (и наши отношения с ним) с тех пор эволюционировали в геометрической прогрессии.

Контекстный поиск, цифровые помощники AI и мобильные устройства меняют способ просмотра контента.

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

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

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

Что говорят о вас метатеги вашего сайта?

Узнайте, как мое агентство может привлечь огромное количество трафика на ваш веб-сайт

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

Заказать звонок

Полное руководство по мета-тегам SEO

Взгляды автора полностью принадлежат ему (за исключением маловероятного случая гипноза) и могут не всегда отражать взгляды Moz.

Что такое мета-теги?

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

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

Примеры метатегов включают элементы и <description>. </p> <h3><span class="ez-toc-section" id="i-23"> Начало работы с метатегами </span></h3> <p> Мета-теги представляют собой начало большей части обучения SEO, к лучшему или к худшему.Я размышлял, как именно представить эту тему, потому что мы всегда слышим о плохой стороне метатегов, а именно о метатегах ключевых слов. Одна из первых вещей, которые анализируются при любом обзоре сайта, - это неправильное использование метатегов, главным образом потому, что они находятся в верхней части каждой страницы в заголовке и, следовательно, видны в первую очередь. Но мы не хотим становиться слишком негативными; мета-теги - одни из лучших инструментов в репертуаре поискового маркетолога. <br/> </p> <p> Существуют метатеги помимо <em> description </em> и <em> ключевых слов </em>, хотя эти два используются чаще всего.Я разделил наиболее часто используемые (по моему опыту) на хорошие, плохие и безразличные. Вы заметите, что список становится длиннее по мере того, как мы переходим к плохим. Мне не удалось охватить все метатеги, которые можно добавить, но есть исчерпывающий ресурс по метатегам, который вы должны проверить, если вас интересует все, что там есть. <br/> </p> <p> Важно отметить, что в 2019 году ваши метатеги по-прежнему имеют значение, но не все из них могут вам помочь. По моему опыту, и я думаю, что любой специалист в области SEO согласится с тем, что если вы хотите получить высокий рейтинг в поиске, ваши метатеги должны сопровождать высококачественный контент, ориентированный на удовлетворение потребностей пользователей.</p> <p> Мой главный совет: придерживайтесь минимума ядра. Не добавляйте ненужные метатеги - они просто занимают место в коде. Чем меньше у вас кода, тем лучше. Думайте о коде своей страницы как о наборе пошаговых инструкций, чтобы куда-то добраться, но для браузера. Посторонние метатеги - это раздражающие строки «Идите прямо 200 футов» в маршрутах движения, которые просто говорят вам оставаться на той же дороге, по которой вы уже едете! </p> <h3><span class="ez-toc-section" id="i-24"> Хорошие метатеги </span></h3> <p> Это метатеги, которые должны быть на каждой странице, несмотря ни на что.Обратите внимание, что это небольшой список; это единственные, которые требуются, поэтому, если вы можете работать только с ними, пожалуйста. </p> <ul> <li> <strong> Тип мета-контента </strong> - этот тег необходим для объявления вашего набора символов для страницы и должен присутствовать на каждой странице. Отсутствие этого может повлиять на то, как ваша страница отображается в браузере. Ниже перечислены несколько вариантов, но ваш веб-дизайнер должен знать, что лучше всего подходит для вашего сайта. </li> </ul> <pre> <meta http-Equiv = "Content-Type" content = "text / html; charset = utf-8" /> </pre> <pre> <meta http-Equiv = "Content-Type" content = "text / html; charset = ISO-8859-1"> </pre> <ul> <li> <strong> Title </strong> - хотя тег заголовка не начинается с "meta", он <em> соответствует </em> в заголовке и содержит информацию, которая очень важна для SEO.У вас всегда должен быть уникальный тег заголовка на каждой странице, описывающей страницу. Прочтите этот пост для получения дополнительной информации о тегах заголовков. </li> <li> <strong> Мета-описание </strong> - Печально известный тег мета-описания используется с одной главной целью: описать страницу для поисковиков, когда они читают результаты поиска. Этот тег не влияет на рейтинг, но, тем не менее, он очень важен. Это рекламный текст, который определит, нажмут ли пользователи на <em> ваш результат </em>. Не превышайте 160 символов и напишите, чтобы привлечь внимание пользователя.Продайте страницу - заставьте кликнуть по результату. Вот отличная статья о метаописаниях, в которой подробно рассказывается. </li> <li> <strong> Область просмотра </strong> - В этом мобильном мире вы должны указать область просмотра. В противном случае вы рискуете получить неудовлетворительную работу с мобильными устройствами - инструмент Google PageSpeed ​​Insights расскажет вам об этом больше. Стандартный тег: </li> </ul> <pre> <meta name = viewport content = "width = device-width, initial-scale = 1"> </pre> <h3><span class="ez-toc-section" id="i-25"> Равнодушные метатеги </span></h3> <p> Разные сайты должны будут использовать их в определенных обстоятельствах, но если вы можете обойтись без них, пожалуйста, сделайте это.</p> <ul> <li> <strong> Социальные метатеги - </strong> Я их опускаю. Данные OpenGraph и Twitter важны для совместного использования, но сами по себе не требуются <em>. </em> </li> <li> <strong> Роботы - </strong> Одно огромное заблуждение заключается в том, что у вас должен быть метатег robots. Давайте проясним это: с точки зрения индексации и перехода по ссылкам, если вы не укажете метатег роботов, они прочитают это как индекс <em>, следуйте за </em>. Это только в том случае, если вы хотите <em> изменить </em> одну из тех двух команд, которые вам нужны для добавления мета-роботов.Поэтому, если вы хотите использовать noindex, но переходите по ссылкам на странице, вы должны добавить следующий тег только с noindex, как подразумевается ниже. Изменяйте только то, что вы хотите отличать от нормы. </li> </ul> <pre> <meta name = "robots" content = "noindex" /> </pre> <ul> <li> <strong> Определенные боты (Googlebot) </strong> - эти теги используются для предоставления конкретных инструкций бота, например <em> noodp </em> (вынуждая их не использовать ваш DMOZ листинговая информация, RIP) и <em> noydir </em> (то же самое, но вместо листинговой информации Yahoo Directory).Как правило, поисковые системы действительно хороши в этом сами по себе, но если вы думаете, что вам это нужно, не стесняйтесь. Я видел несколько случаев, когда это необходимо, но если нужно, подумайте об использовании общего тега <em> robots </em>, указанного выше. </li> <li> <strong> Язык </strong> - Единственная причина использовать этот тег - если вы переезжаете за границу и вам нужно указать основной язык, используемый на странице. Ознакомьтесь с этим ресурсом по метаязыкам, чтобы получить полный список языков, которые вы можете объявить.</li> <li> <strong> Geo </strong> - Последнее, что я слышал, эти метатеги поддерживаются Bing, но не Google (вы можете настроить таргетинг на страну в Search Console). Есть три вида: название места, положение (широта и долгота) и регион. </li> </ul> <pre> <META NAME = "geo.position" CONTENT = "широта; долгота"> <META NAME = "geo.placename" CONTENT = "Название места"> <META NAME = "geo.region" CONTENT = "Код подразделения страны"> </pre> <ul> <li> <strong> Ключевые слова </strong> - Да, я поместил это в список «равнодушных».Хотя ни один хороший специалист по SEO не будет рекомендовать тратить какое-то время на этот тег, есть очень небольшая вероятность, что он может вам где-то помочь. Не указывайте его, если вы создаете сайт, но если он автоматизирован, нет причин для его удаления. </li> <li> <strong> Обновить </strong> - Это редирект для бедняков, и его не следует использовать, если это вообще возможно. Вы всегда должны использовать перенаправление 301 на стороне сервера. Я знаю, что иногда что-то должно происходить. <em> сейчас </em>, но Google НЕ фанат. </li> <li> <strong> Подтверждение сайта </strong> - Ваш сайт подтвержден с помощью Google и Bing, верно? У кого на главной странице есть проверочные метатеги? Иногда это необходимо, потому что вы не можете загрузить другие формы подтверждения сайта, но, если это вообще возможно, попробуйте проверить другой способ.Google позволяет вам подтверждать с помощью DNS, внешнего файла или путем привязки вашей учетной записи Google Analytics. Bing по-прежнему позволяет использовать только XML-файл или метатег, так что по возможности используйте файл. </li> </ul> <h3><span class="ez-toc-section" id="i-26"> Плохие метатеги </span></h3> <p> Если вы их используете, с вашим сайтом не случится ничего плохого - позвольте мне прояснить это. Хотя они - пустая трата места; даже Google так говорит (и это было 12 лет назад!). Если вы готовы и желаете, возможно, пришло время для генеральной уборки вашего участка <head>. </p> <ul> <li> <strong> Автор / веб-автор </strong> - этот тег используется для имени автора страницы.Это просто не обязательно на странице. </li> <li> <strong> Revisit after </strong> - Этот метатег представляет собой команду для роботов вернуться на страницу через определенный период времени. За ним не следит ни одна крупная поисковая система. </li> <li> <strong> Рейтинг </strong> - Этот тег используется для обозначения рейтинга зрелости контента. Я написал сообщение о том, как пометить страницу изображениями для взрослых с помощью очень запутанной системы, которая с тех пор была обновлена ​​(см. Комментарии к публикации). Кажется, что лучший способ отметить плохие изображения - это поместить их в отдельный каталог от других изображений на вашем сайте и предупредить Google.</li> <li> <strong> Срок действия / дата </strong> - «Срок действия» используется для обозначения того, когда страница истекает, а «дата» - это дата создания страницы. Срок действия какой-либо из ваших страниц истекает? Просто удалите их, если они есть (но, пожалуйста, не обновляйте контент, даже конкурсы - вместо этого сделайте его ежегодным!). А для «свидания» сделайте карту сайта в формате XML и поддерживайте ее в актуальном состоянии. Это намного полезнее. </li> <li> <strong> Авторское право </strong> - Эта статья Google немного обсуждает этот вопрос со мной, но посмотрите на нижний колонтитул своего сайта.Я предполагаю, что там написано "Copyright 20xx" в какой-то форме. Зачем повторять дважды? </li> <li> <strong> Abstract </strong> - Этот тег иногда используется для размещения резюме содержания и используется в основном в образовательных целях. </li> <li> <strong> Распространение </strong> - Значение «распространение» предположительно используется для управления доступом к документу, обычно устанавливается как «глобальный». По сути подразумевается, что если страница открыта (не защищена паролем, как в интранете), значит, она предназначена для всего мира. Пойдите с этим и оставьте тег со страницы.</li> <li> <strong> Генератор </strong> - используется, чтобы отметить, какая программа создала страницу. Как "автор", это бесполезно. </li> <li> <strong> Cache-control </strong> - Этот тег устанавливается в надежде контролировать, когда и как часто страница кэшируется в браузере. Лучше всего это сделать в HTTP-заголовке. </li> <li> <strong> Тип ресурса </strong> - используется для обозначения типа ресурса страницы, например «документ». Сэкономьте время, поскольку декларация DTD сделает это за вас. </li> </ul> <p> Существует так много метатегов, что я хотел бы услышать о любых, которые, по вашему мнению, необходимо добавить или даже удалить! Выкрикивайте в комментариях с предложениями или вопросами.<br/> </p> <h2><span class="ez-toc-section" id="_-_HTML"> Что такое мета-теги HTML и насколько они важны? </span></h2><div class="advv"> <ins class="adsbygoogle" style="display:inline-block;width:336px;height:280px" data-ad-client="ca-pub-1812626643144578" data-ad-slot="9935184599"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <p> Мета-теги важны, потому что они влияют на то, как ваш сайт отображается в поисковой выдаче и сколько людей будут склонны переходить на ваш сайт. Следовательно, они повлияют на ваш трафик и уровень вовлеченности, что может повлиять на ваше SEO и рейтинг. Мета-теги - важная часть надежной стратегии SEO. Хотя некоторые теги могут не иметь прямого влияния на рейтинг, они влияют на то, как ваш сайт выглядит в цифровой экосистеме.Кроме того, они могут быть фактором во многих нетрадиционных результатах поиска, таких как Сеть знаний, поиск изображений Google, голосовая связь и т. Д. Ни один бренд не должен пренебрегать ими при разработке контента. </p> <h3><span class="ez-toc-section" id="_HTML-2"> Что такое метатеги HTML? </span></h3> <p> Мета-теги - это фрагменты информации, которые вы используете, чтобы рассказать поисковым системам и тем, кто просматривает ваш сайт, больше о вашей странице и содержащейся на ней информации. Мета-теги включают: </p> <ul> <li> Теги заголовка: заголовок вашей страницы, который должен быть уникальным для каждой публикуемой вами страницы </li> <li> Метаописание: описание содержимого на странице </li> <li> Тег области просмотра: влияет на то, как ваш контент отображается на мобильных устройствах </li> <li> Роботы: можно использовать для обозначения контента, которому вы хотите присвоить «noindex» или «nofollow». </li> <li> Теги Hreflang: позволяют поисковой системе определять язык и страну, для которых вы хотите отображать контент, если у вас международная аудитория. </li> <li> Канонические теги: используются для указания основной или основной версии страницы </li> <li> Теги открытого графика: используются для указания, какие ресурсы будут отображаться в заголовке и изображении по умолчанию при обмене ссылками на социальных сайтах </li> <li> Тип контента: влияет на то, как ваша страница отображается в браузере </li> </ul> <p> Мета-теги имеют разные уровни важности для брендов в зависимости от типа создаваемого контента и того, как вы хотите проиндексировать материал.Учитывая, что метатеги представляют собой фрагменты кода, обычно рекомендуется не включать теги, которые вам не нужны, но не следует пренебрегать любыми тегами, которые важны для ваших целей. </p> <h3><span class="ez-toc-section" id="i-27"> Как использовать метатеги? </span></h3> <p> Многие из этих мета-тегов, такие как теги заголовков и длина мета-описания, будут влиять на то, насколько релевантным ваш сайт будет отображаться в поисковой выдаче. Когда пользователи получат свой список результатов, они увидят заголовок вашего сайта и краткое описание вашего контента - мета-описание.Пользователи просматривают эту информацию, чтобы увидеть, следует ли им нажимать на конкретный результат. Естественное включение вашего основного ключевого слова в эти разделы может повысить вашу очевидную релевантность в поисковой выдаче, увеличивая рейтинг кликов. Поскольку ваш тег заголовка SEO также отображается на вкладке вашей веб-страницы, когда у пользователей открыто несколько страниц, этот заголовок может помочь побудить пользователя вернуться к вашему контенту и продолжить взаимодействие с вашей страницей. </p> <p> С помощью других тегов, включая теги типа контента и области просмотра, вы поможете Google лучше понять ваш тип контента.Теги видового экрана гарантируют, что ваш контент предоставит мобильным пользователям приятный и позитивный опыт. После обновления Google для мобильных устройств и недавней дискуссии о переходе к алгоритму, ориентированному на мобильные устройства, бренды хотят, чтобы их контент был подготовлен для мобильных пользователей всеми возможными способами. </p> <p> Другие теги, включая теги Robots и hreflang, полезны, когда у вас есть определенные ограничения для вашего контента, например, контент, который вы не хотите индексировать, или если ваш контент был написан специально для людей в определенных странах.Заполнение этих тегов поможет обеспечить правильную индексацию вашего контента и его отображение для нужной аудитории. Поскольку контент, отображаемый для неправильного языка или страны, или штрафы за дублирование контента, материализуемые в ответ на контент, который вы не хотели индексировать, повредят вашему ранжированию и репутации, эти теги очень важны. </p> <p> </p> <p> <strong> Начните побеждать с помощью SEO с помощью ведущей в отрасли платформы SEO - BrightEdge! </strong> </p> <h2><span class="ez-toc-section" id="_SEO"> Быстрое и простое руководство по метатегам в SEO </span></h2><div class="advv"> <ins class="adsbygoogle" style="display:inline-block;width:336px;height:280px" data-ad-client="ca-pub-1812626643144578" data-ad-slot="9935184599"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <p> <strong> Мета-теги - это невидимые теги, которые предоставляют данные о вашей странице поисковым системам и посетителям веб-сайтов.</strong> </p> <p> Короче говоря, они упрощают поисковым системам определение того, о чем ваш контент, и, таким образом, жизненно важны для SEO. </p> <p> Мета-теги помещаются в раздел <head> HTML-документа, поэтому их необходимо закодировать в вашей CMS. Это может быть проще или сложнее в зависимости от платформы, на которой работает ваш веб-сайт: «нестандартное» решение, такое как WordPress, будет иметь специальный раздел для метатегов, таких как канонические ссылки или метаописания.</p> <p> Однако, прежде чем мы перейдем к подробному описанию того, какие метатеги добавлять на ваш сайт, давайте поговорим о том, почему они так важны. </p> <h3><span class="ez-toc-section" id="i-28"> Почему важны метатеги? </span></h3> <p> Как упоминалось ранее, метатеги предоставляют более подробную информацию о вашем сайте поисковым системам и посетителям сайта, которые попадают на ваш сайт в поисковой выдаче. Их можно оптимизировать, чтобы выделить наиболее важные элементы вашего контента и выделить ваш сайт в результатах поиска.</p> <p> Поисковые системы все больше ценят хорошее взаимодействие с пользователем, в том числе обеспечение максимального соответствия вашего сайта запросу пользователя. Мета-теги помогают в этом, гарантируя, что информация, которую нужно знать о вашем сайте, отображается заранее в краткой и полезной форме. </p> <p> Некоторые типы метатегов относятся к структуре страницы и обеспечивают простоту навигации по вашему сайту, в то время как другие сообщают поисковым системам, какие части вашей страницы важны, а какие следует игнорировать.</p> <p> Существует множество различных типов метатегов, которые выполняют разные роли, и не все из них имеют отношение к SEO. Вы можете найти полный список в нашем полном руководстве по метатегам. </p> <p> Однако для целей этого краткого руководства мы выбрали шесть наиболее важных метатегов, о которых вам нужно знать для поисковой оптимизации. </p> <h3><span class="ez-toc-section" id="i-29"> Шесть метатегов для улучшения оптимизации вашего сайта </span></h3> <h4> </h4><b> 1. Тег заголовка </b> </h4> <p> </p> <p> Тег заголовка - одно из первых, что пользователи замечают в поисковой выдаче.Это заголовок вашей страницы, который предлагает предварительный просмотр того, о чем ваш контент. </p> <p> Это важно, поскольку оно отображается в результатах поиска, но оно также выдвинуто, чтобы отображаться как якорный текст и заголовок в социальных сетях. </p> <p> Это означает, что тег заголовка должен быть четким, описательным и обычно не может содержать более 55 символов. </p> <p> Если вы можете включить ключевое слово в эти 55 символов, вы сможете улучшить свое SEO, но что еще важнее, так это не забыть добавить ценность.Заголовок, который содержит правильное ключевое слово, но не является ясным, не обязательно приведет к улучшению результатов. </p> <p> Тег заголовка предназначен не только для посетителей, но и для поисковых систем, которые обнаруживают ваш контент. Таким образом, вам нужно совместить ясность с контекстом, чтобы ваш заголовок был понятен всем. </p> <p> Если вы используете такой плагин, как Yoast SEO, в WordPress, становится проще добавить тег заголовка в раздел SEO, чтобы увидеть предварительный просмотр вашей страницы и то, как она может просматривать результаты поиска.</p> <p> Другой способ добавить тег заголовка - использовать HTML-код сайта, который должен выглядеть примерно так: </p> <p> <code> <head> </code> <br/> <code> <title> Пример заголовка

Takeaway : Обратите внимание на теги заголовков, будьте ясны и информативны.

2. Мета-описание

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

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

Ранее оптимальная длина метаописаний составляла 150–165 символов, но недавнее обновление способа отображения результатов поиска Google привело к тому, что время от времени показывались более длинные фрагменты.Чтобы узнать больше о том, что это значит для SEO и как адаптироваться, прочтите всеобъемлющую статью Дэвида Портни «Длина фрагмента обновленной поисковой выдачи Google: какой должна быть ваша стратегия SEO сейчас?».

Как и в случае с тегами заголовков, вы можете добавить метаописание через плагин, например Yoast SEO, или вручную закодировать его в HTML-коде вашего веб-сайта, как в этом примере:



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

3. Мета-тег роботов

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

Метатег robots, который предписывает сканеру поисковой системы не индексировать страницу и не переходить по каким-либо ссылкам на ней, будет записан следующим образом:

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

Метатег robots помещается в раздел вашей страницы, и результат может выглядеть следующим образом:




(…)

< body> (…)

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

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

Google также требует, чтобы ссылки были nofollowed при определенных обстоятельствах. Например, в 2016 году он издал указание для блоггеров запретить переход по любым ссылкам, которые они включили в обзор продукта, поскольку «эти ссылки не появляются естественным образом».Если вы хотите nofollow по отдельной ссылке, вы можете добиться этого, добавив rel = ”nofollow” в HTML-код ссылки.

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

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

4. Альтернативный текст

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

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

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

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

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

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

Вместо того, чтобы запутать Google и упустить свой рейтинг в выдаче, вы указываете поисковым роботам, какой URL считается «основным».Это делает акцент на правильном URL-адресе и предотвращает каннибализацию вашего SEO другими.

Канонический тег может выглядеть в HTML так:

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

6. Тег заголовка (h2, h3, h4 и т. Д.)

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

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

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

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

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

Быстрое и простое руководство по метатегам в SEO

Абзац содержания

Еще один абзац содержания

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

Абзац содержания

Шесть метатегов для улучшения оптимизации вашего сайта

1.Тег заголовка

Обычно предлагается использовать только один h2, в то время как вы можете использовать более одного h3 или h4.

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

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

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

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

Если вы готовы проверить свою эффективность с помощью метатегов, вот краткий контрольный список для начала:

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

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

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

С другой стороны, они могут негативно повлиять на SEO-рейтинг вашего сайта, если они написаны неправильно.

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

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

Мета-теги - это фрагменты кода HTML, которые могут сканироваться роботами поисковых систем, такими как Google.

Они влияют на видимость веб-страницы в поисковой выдаче. Мета-теги добавляются в раздел страниц и видны только в HTML-коде:

Почему метатеги важны для SEO?

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

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

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

Примеры мета-тегов

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

Примеры оригинальных тегов мета-заголовка и мета-описания

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

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

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

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

Примеры мета-тегов, которые могут нанести ущерб всей нашей цифровой стратегии

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

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

С другой стороны, с content = "index" мы говорим роботам, что мы хотим, чтобы их проиндексировали, чтобы они отображались в результатах SERPS:

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

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

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

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

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

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

Используя тег title, мы указываем заголовок содержания страницы как Google, так и пользователям поисковых систем. Этот тег не следует путать с заголовком 1, основным заголовком текста. Мета-тег заголовка виден только пользователям в результатах поиска, но не на странице.

Рекомендации по написанию тегов заголовков:
  • Обобщите основную тему страницы с помощью основного ключевого слова или терминов.
  • Напишите уникальные, оригинальные и привлекательные заголовки, чтобы привлечь внимание пользователей и повысить CTR страницы в поисковой выдаче.
  • Будьте точны и информативны в зависимости от содержания страницы.
  • Не превышайте и не повторяйте ключевые слова.
  • Напишите не более 60 символов (максимум 580 пикселей).
Как писать теги заголовков

В WordPress или подобных инструментах CMS вы можете установить плагины SEO, такие как Rank Math или Yoast SEO, которые помогут вам редактировать и предварительно просматривать теги заголовков.

Или вы также можете вставить следующий код в своей веб-страницы:

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

Мета-описание Теги

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

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

Рекомендации по написанию тегов мета-описания:
  • Напишите метаописания в индивидуальной форме, резюмируя содержание страницы.
  • Включите ключевое слово в начало предложения естественным образом и без частого его повторения.
  • Сделайте их привлекательными и оригинальными.
  • Используйте примерно от 140 до 160 символов (максимум 920 пикселей).
Как писать теги мета-описания

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

Или вы также можете вставить следующий код в своей страницы:

Мета-роботы

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

  • Как правило, значения по умолчанию - это индекс , следующий за , и в большинстве случаев указывать их нет необходимости. Этим мы указываем роботам, что хотим, чтобы страница была проиндексирована в поисковой выдаче и за ней можно было следить.
  • Напротив, если мы указываем значения noindex, nofollow , мы сообщаем Google, что не хотим, чтобы по этим ссылкам переходили и не отображались в поисковых системах.
Рекомендации по написанию мета-тегов роботов
  • Не путайте теги noindex с robots.txt. Через файлы robots.txt мы указываем поисковой системе, хотим ли мы сканировать некоторые страницы или нет, а с помощью тега robots мы сообщаем, следует ли индексировать веб-сайт или нет. Вот почему важно не блокировать страницы noindex на robots.txt, так как роботы не смогут их прочитать
Как писать мета-теги для роботов

Вы можете редактировать тег роботов с помощью Rank Math или Yoast SEO:

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

Метатег видового экрана

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

Рекомендации по написанию мета-тегов роботов
  • Используйте метатег области просмотра на всем веб-сайте, чтобы адаптировать контент для мобильной версии.
Как редактировать тег области просмотра?

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

.

<заголовок>…

….

Полный список мета-тегов

Но есть еще много мета-тегов. Предлагаем вам полный список ключевых мета-тегов для вашей SEO-стратегии:

Другие мета-теги, не необходимые для SEO, но рекомендуемые для учета:

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

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

Почему они важны для SEO?

Мета-теги являются частью HTML-тегов, которые описывают содержимое вашей страницы для поисковых систем и посетителей веб-сайта. Мета-теги появляются только в коде страницы, и любой может проверить их с помощью исходного кода (Ctrl + U).

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

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

На каждой платформе есть разные решения для добавления мета-тегов, точно так же, как в WordPress есть бесплатные плагины на выбор. Я лично рекомендую плагины All in One SEO Pack и Yoast SEO. Оба популярны, и вы можете выбрать любой по своему усмотрению.

Да, это так, но не все метатеги могут помочь вам в 2021 году.

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

(См. Ниже: есть несколько тегов, мы можем назвать их плохими метатегами, и мы должны просто игнорировать их.)

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

Джон Мюллер, 2017

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

Самые важные метатеги для SEO в 2021 году

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

Я делюсь своим мнением о них ниже:

  1. Тег заголовка
  2. Мета-описание
  3. Канонический тег
  4. Альтернативный текст (Alt) Тег
  5. Мета-тег роботов
  6. Мета-теги социальных сетей (карты Open Graph и Twitter)
  7. Мета-тег адаптивного дизайна
Тег заголовка

Тег заголовка - это самый первый элемент HTML, который определяет вашу веб-страницу для поисковых систем и посетителей.Элемент Title поддерживает все браузеры, включая Chrome, Firefox, Safari и т. Д.

Всегда добавляйте тег Title в раздел вашего сайта.

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

Оптимальная длина тега заголовка: Google обычно показывает 55-64 символа (не превышайте 60).

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

Тег заголовка вкладки браузера показан ниже для публикации Templatemonster:

Тег заголовка SERP показан ниже для Моти Хамоу - эксперт по интернет-маркетингу:

Теги заголовка являются вторым по важности фактором на странице для SEO после контента. - Источник: MOZ

Вы не можете добавить более одного элемента на свою веб-страницу. - Источник: w3schools </p> </blockquote> <p> <strong> Ключевые моменты для написания хорошего тега заголовка: </strong> </p> <ul> <li> Добавьте «модификаторы» к тегу заголовка (Как | Текущий год | Обзор | Лучшее | Советы | Наверх | Найти | Купить | Легко ) </li> <li> Встраивайте ключевые слова с длинным хвостом в теги заголовков </li> <li> Добавьте числа в свой заголовок (9 важных тегов HTML для вашего веб-сайта, чтобы улучшить SEO) </li> <li> Начните тег заголовка с основного целевого ключевого слова </li> <li> Не набивайте ключевые слова </li> <li> Каждая страница должна иметь уникальный тег заголовка. </li> </ul> <h5><span class="ez-toc-section" id="i-44"> Метаописание </span></h5> <p> Метаописание - это элемент HTML, который резюмирует вашу веб-страницу.Поисковые системы обычно показывают мета-описание в результатах поиска под тегом заголовка. </p> <p> <strong> Пример кода </strong> </p> <pre> <head> <br/> <meta name = "description" content = "Это образец мета-описания. Мы можем добавить до 160 символов."> <br/> </head> </pre> <p> Google не использует Метаописание как сигнал ранжирования; тем не менее, он оказывает огромное влияние на CTR вашей страницы, поскольку отображается в результатах поиска. </p> <p> В декабре 2017 года Google увеличил длину сниппетов в результатах поиска.Теперь Google подтверждает, что он сократил фрагменты результатов поиска после их расширения в декабре прошлого года. </p> <p> <strong> Какая длина будет оптимальной для мета-описания? </strong> </p> <blockquote> <p> «У фрагментов нет фиксированной длины. Длина варьируется в зависимости от того, что наши системы считают наиболее полезным ». Он добавил: «Google не будет указывать новую максимальную длину фрагментов, потому что они создаются динамически». </p> <p> Источник, Дэнни Салливан </p> </blockquote> <p> Новая средняя длина поля фрагмента описания <strong> на настольном компьютере </strong> составляет около 160 символов по сравнению с более чем 300 символами.</p> <p> <strong> Мобильные символы </strong> для фрагментов результатов поиска теперь в среднем составляют 130 символов. </p> <p> <strong> Описание, созданное Google в результатах поиска </strong> </p> <p> <strong> Ключевые моменты для написания хорошего тега мета-описания: </strong> </p> <ul> <li> Не акцентируйте внимание на количестве символов, так как Google может извлечь текст мета-описания из вашего контента на основе по запросу пользователя. </li> <li> Не добавляйте повторяющиеся метаописания </li> <li> Добавьте четкий призыв к действию (CTA) в своих описаниях, таких как «Подать заявку сегодня», «Оформить заказ», «Свяжитесь с нами сегодня» и т. Д.См. Эти ключевые слова с призывом к действию для маркетинговых кампаний </li> <li> Добавьте целевые ключевые слова в описания </li> <li> Стратегическое решение проблемы </li> <li> Напишите для своих пользователей и побудите их нажимать на конкретный и релевантный контент </li> <li> Добавьте любые скидки или предложения, которые вы собираетесь на </li> <li> Проявите сочувствие при написании метаописаний <h5><span class="ez-toc-section" id="i-45"> Канонический тег </span></h5> </li> </ul> <p> Канонический тег - это тег ссылки HTML с атрибутом rel = canonical, который используется, если у вас есть URL одной страницы, имеющий то же содержание, что и другие множественные URL-адреса страниц.</p> <p> Реализуя тег Canonical в коде, мы сообщаем поисковым системам, что этот URL-адрес является главной страницей, и избегаем индексации других повторяющихся URL-адресов страниц. </p> <p> Синтаксис канонического тега: </p> <pre> <link rel = "canonical" href = "http://example.com/" /> </pre> <p> <strong> Где выбрать канонический URL? </strong> </p> <p> <strong> Несколько URL: </strong> </p> <ul> <li> http://www.example.com </li> <li> https://www.example.com </li> <li> http://example.com </li> <li> http: // example.com / index.php </li> </ul> <p> Google видит все указанные выше URL-адреса как повторяющиеся версии домашней страницы. И чтобы решить эту проблему, был изобретен канонический тег (rel = canonical). </p> <p> <strong> URL-адреса идентификатора сеанса: </strong> </p> <p> Это автоматически сгенерированные системой URL-адреса, которые обычно создаются из-за URL-адресов отслеживания, ссылок на хлебные крошки и постоянных ссылок в CMS </p> <p> http://example.com/properties/villa-331-luxury -rental? partnerID = 18 </p> <p> http://example.com/target.php?session_id=rj3ids98dhpa0mcf3jc89mq1t0 </p> <p> <strong> Мобильный URL: </strong> </p> <p> При использовании специального URL (m.example.com) для мобильной версии вашего сайта. </p> <p> Сам SEMrush имеет 2 версии: мобильная и настольная. Для мобильной и настольной версии SEMrush использует следующий канонический тег: </p> <pre> <link rel = "canonical" href = "https://www.semrush.com/" /> </pre> <h5><span class="ez-toc-section" id="_Alt_Tag"> Альтернативный текст (Alt) Tag </span></h5> <p> Тег Alt важен для любых изображений, так как поисковые системы не могут их прочитать, поэтому вам необходимо добавить правильный альтернативный текст к изображениям, чтобы поисковая система могла их рассмотреть.</p> <p> <strong> Синтаксис для замещающего текста: </strong> </p> <pre> <img src = ”http://example.com/xyz.jpg” alt = ”xyz” /> </pre> <p> <strong> Ключевые моменты, которые следует учитывать при создании alt-тегов для изображений: </strong> </p> <ul> <li> Все изображения должны иметь информативные имена файлов </li> <li> Альтернативный текст должен быть коротким и четким </li> <li> Всегда используйте исходный правильный тип изображения, так как это важный шаг к успеху </li> <li> Создайте карту сайта изображения </li> <li> Используйте 50-55 символов (до 16 слов) в альтернативном тексте </li> <li> Используйте файл оптимального размера без ухудшения его качества для более быстрой загрузки страницы </li> </ul> <blockquote> <p> «Добавить альтернативный тег очень просто, и вы должны много сделайте это на всех ваших изображениях.Это делает вашу рекламу более доступной и помогает нам понять, что происходит на вашем изображении ". </p> <p> Источник </p> </blockquote> <h5><span class="ez-toc-section" id="i-46"> Мета-тег роботов </span></h5> <p> Мета-тег роботов - это HTML-тег, который предоставляет поисковым роботам инструкции относительно того, следует ли индексировать веб-страницу или нет. </p> <p> Мета-тег Robots имеет четыре основных значения для сканеров поисковых систем: </p> <ul> <li> FOLLOW –Сканер поисковой системы будет переходить по всем ссылкам на этой веб-странице. </li> <li> INDEX –Сканер поисковой системы проиндексирует всю веб-страницу. </li> <li> NOFOLLOW - Сканер поисковой системы НЕ будет следовать за страницей и любыми ссылками на этой веб-странице </li> <li> NOINDEX - Сканер поисковой системы НЕ будет индексировать эту веб-страницу </li> </ul> <p> Синтаксис метатега роботов: </p> <pre> <meta name = ”robots” content = ”Noindex, nofollow”> - Означает не индексировать или не подписываться на эту веб-страницу.<meta name = ”robots” content = ”index, follow”> - означает индексировать и подписываться на эту веб-страницу. </pre> <p> <em> <strong> Примечание: </strong> Метатег robots должен быть размещен в разделе <head> вашей веб-страницы. </em> </p> <h5><span class="ez-toc-section" id="-_Open_Graph_Twitter"> Мета-теги социальных сетей (карты Open Graph и Twitter) </span></h5> <p> <strong> Теги Open Graph: </strong> </p> <p> Мета-теги Open Graph предназначены для содействия интеграции между Facebook, LinkedIn, Google и URL-адресами веб-сайтов, которыми вы поделились на этих платформах. </p> <p> <strong> Вот пример того, как теги Open Graph выглядят в стандартном HTML: </strong> </p> <pre> <meta property = "og: type" content = "article" /> <meta property = "og: title" content = "НАЗВАНИЕ ВАШЕГО ЗАПИСИ ИЛИ СТРАНИЦЫ" /> <meta property = "og: description" content = "ОПИСАНИЕ СОДЕРЖАНИЯ СТРАНИЦЫ" /> <meta property = "og: image" content = "ССЫЛКА НА ФАЙЛ ИЗОБРАЖЕНИЯ" /> <meta property = "og: url" content = "PERMALINK" /> <meta property = "og: site_name" content = "SITE NAME" /> </pre> <p> <strong> Карты Twitter: </strong> </p> <p> Карты Twitter работают аналогично Open Graph, за исключением того, что вы добавляете эти специальные метатеги только для Twitter.Twitter будет использовать эти теги для улучшения отображения вашей страницы при публикации на своей платформе. </p> <p> Вот пример того, как карточка Twitter выглядит в стандартном HTML: </p> <pre> <meta name = "twitter: title" content = "TITLE OF POST OR PAGE"> <meta name = "twitter: description" content = "ОПИСАНИЕ СОДЕРЖАНИЯ СТРАНИЦЫ"> <meta name = "twitter: image" content = "ССЫЛКА НА ИЗОБРАЖЕНИЕ"> <meta name = "twitter: site" content = "@ USERNAME"> <meta name = "twitter: creator" content = "@ USERNAME"> </pre> <p> <strong> Как выглядят оба мета-тега социальных сетей: </strong> </p> <p> Перейдите к этому сообщению, если хотите узнать все об этих тегах.</p> <h5><span class="ez-toc-section" id="i-47"> Теги заголовка </span></h5> <p> Тег заголовка используется для создания заголовков, т.е. с их помощью мы можем применять изменения шрифта. </p> <p> Элементами заголовка являются h2, h3, h4, h5, H5 и H6, где h2 является наивысшим (или наиболее важным) уровнем, а H6 - наименьшим. </p> <p> Вот пример того, как мы можем использовать теги заголовков, взятые из SEMrush: </p> <pre> <h2><span class="ez-toc-section" id="9_Shopify"> 9 советов по увеличению скорости вашего Shopify Веб-сайт </span></h2><div class="advv"> <ins class="adsbygoogle" style="display:inline-block;width:336px;height:280px" data-ad-client="ca-pub-1812626643144578" data-ad-slot="9935184599"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <p> Абзац содержания </p> <p> еще один абзац содержания </p> <h3><span class="ez-toc-section" id="i-48"> Анализ эффективности </span></h3> <p> Абзац содержания </p> <h4><span class="ez-toc-section" id="_PageSpeed_Insights"> Анализирует производительность мобильных и настольных компьютеров с помощью PageSpeed ​​Insights </span></h4> </pre> <blockquote> <p> Важный момент: используйте столько тегов h2, сколько хотите </p> <p> Источник: Круглый стол поисковой системы </p> </blockquote> <h5><span class="ez-toc-section" id="i-49"> Мета-тег адаптивного дизайна </span></h5> <p> Заключительный Важным метатегом является метатег адаптивного дизайна, который мы называем «мета-элементом окна просмотра».Используя метатег viewport, мы можем управлять макетом веб-страниц в мобильных браузерах. </p> <p> Этот элемент области просмотра включен в раздел заголовка вашей веб-страницы. </p> <p> <strong> Синтаксис: </strong> </p> <pre> <meta name = "viewport" content = "width = device-width, initial-scale = 1"> </pre> <p> Если вы хотите узнать больше об этом адаптивном дизайне Мета-теги, перейдите к этому красиво написанный пост. </p> <p> <em> <strong> Примечание: </strong> Не используйте этот отзывчивый метатег, если страницы вашего веб-сайта не реагируют, так как это ухудшит работу пользователя.</em> </p> <h4><span class="ez-toc-section" id="i-50"> Мета-теги, которые следует игнорировать </span></h4> <p> Наконец, есть несколько тегов - мы можем назвать их плохими метатегами, и мы должны просто игнорировать их: </p> <ul> <li> <strong> Тег ключевых слов </strong> - Google не использует метатег ключевых слов в веб-рейтинге . - Source </li> <li> <strong> Revisit after </strong> - Этот HTML-тег представляет собой команду для роботов вернуться на страницу по истечении определенного периода времени. Этот тег не используется ни в одной крупной поисковой системе и не имеет значения для SEO. Лучше избегать использования этого тега и предоставить поисковым системам решать, как сканировать ваш сайт.Синтаксис: <meta name = ”revisit-after” content = ”7 days” /> </li> <li> <strong> Срок действия / дата </strong> - Этот тег определяет дату истечения срока действия вашей страницы. Лично я бы не рекомендовал это, просто удалите это, если вы его используете. Синтаксис: <meta http-Equiv = ”Expires” content = ”Fri, 28 января 2021 23:59:59 GMT”> </li> <li> <strong> Проверка сайта </strong> - просто проигнорируйте это. Вы можете подтвердить свой сайт с помощью Google Search Console и инструмента Bing для веб-мастеров. </li> <li> <strong> Авторское право </strong> - Каждый сайт помещает свои авторские права в нижний колонтитул, поэтому вам не нужен отдельный тег.Большое НЕТ для этого тега. </li> <li> <strong> Распространение </strong> - Значение «распространение» предположительно используется для управления доступом к документу, обычно устанавливается как «глобальный». По сути подразумевается, что если страница открыта (не защищена паролем, как в интранете), значит, она предназначена для всего мира. Пойдите с этим и оставьте тег со страницы. - Источник </li> <li> <strong> Генератор </strong> - Бесполезный тег. </li> <li> <strong> Управление кешем </strong> - этот тег позволяет веб-издателям определять, как часто страница кэшируется.Обычно это не требуется; мы можем просто использовать заголовок HTTP вместо этого тега HTML. </li> <li> <strong> Мета-тег роботов ODP </strong> - Google больше не следует этому метатегу. –Source </li> <li> <strong> Geo Meta Tag </strong> - Google не использует географические метатеги для ранжирования страниц. - Источник </li> </ul> <p> Итак, это несколько тегов HTML, которые мы должны учитывать или просто игнорировать. Теперь вы можете легко использовать соответствующие метатеги HTML с умом. </p> <p> Не забудьте оставить комментарий ниже и поделиться своим мнением о тегах HTML.Спасибо за чтение! </p> <p> <b> Примечание: </b> Мнения, выраженные в этой статье, являются взглядами автора, а не обязательно взглядами Caphyon, его сотрудников или партнеров. </p> <h2><span class="ez-toc-section" id="i-51"> Что такое мета-теги и как они помогают при поисковой оптимизации? </span></h2><div class="advv"> <ins class="adsbygoogle" style="display:inline-block;width:336px;height:280px" data-ad-client="ca-pub-1812626643144578" data-ad-slot="9935184599"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <p> Итак, вы хотите оптимизировать свои веб-страницы, чтобы они хорошо работали в поисковых системах, и вы слышали, что метатеги являются важной частью. Но что такое метатеги? И как они помогают SEO? </p> <p> <strong> Мета-теги - это фрагменты HTML-кода, которые предоставляют информацию о содержимом страницы.</strong> Они расположены в разделе <code> <head> </code> веб-страницы. Они не отображаются для пользователя, а вместо этого появляются в коде для пауков поисковых систем. </p> <p> Добавление метатегов к вашим веб-страницам упрощает поисковым системам понимание того, о чем страница. <strong> Это не повлияет на ваш рейтинг в поиске, но может повлиять на текст, отображаемый в результатах поисковой системы. </strong> </p> <p> Убедившись, что текст, отображаемый в результатах поиска, является релевантным и убедительным, можно повысить рейтинг кликов и снизить показатель отказов.Улучшение этих показателей, в свою очередь, может повысить ваш поисковый рейтинг. </p> <p> Теперь давайте рассмотрим некоторые из наиболее важных типов метатегов. </p> <h3><span class="ez-toc-section" id="i-52"> Типы мета-тегов </span></h3> <h4><span class="ez-toc-section" id="i-53"> Мета-описание </span></h4> <p> Мета-описание, возможно, является наиболее важным метатегом для целей SEO. Он не влияет на рейтинг поиска, но обычно используется в качестве описания на странице результатов поиска. </p> <p> Поисковые системы не всегда используют метаописание, но в большинстве случаев они используются.</p> <p> Поисковая система может отображать любой текст на вашей веб-странице в качестве описания в результатах поиска. Если на вашей веб-странице нет метаописания, чаще всего поисковая система отображает первый текст, который появляется на странице. </p> <p> Первый текст на странице очень редко является подходящим описанием страницы. Часто он включает текст в ваше меню и слоган. Итак, в ваших интересах (и интересах пользователя) включить метаописание, которое поможет прояснить, о чем страница.</p> <p> Чтобы добавить метаописание, поместите следующий тег в раздел <code> <head> </code>: </p> <pre> <code> <meta name = "description" content = "Поместите здесь свое метаописание."> </code> </pre> <p> Если вы используете WordPress с плагином Yoast SEO, вы можете добавить свое метаописание, выполнив следующие действия: </p> <ol> <li> Прокрутите вниз до панели Yoast <em> SEO </em> </li> <li> Нажмите <em> Edit snippet </em> under the <em> Snippet Preview </em> </li> <li> Редактировать текст в поле мета-описания <em> </em> </li> </ol> <p> В идеале вы хотите, чтобы ваше мета-описание состояло из (но не более) 156 символов.Не превышайте 100 символов, но старайтесь не превышать 156, иначе в Google он может быть усечен. </p> <p> Хотя метаописание не влияет напрямую на поисковый рейтинг, оно может помочь. Если ваше метаописание убедительно, оно может помочь увеличить рейтинг кликов. И, если метаописание актуально и является точным описанием страницы, оно также должно помочь снизить показатель отказов, обеспечивая реалистичные ожидания пользователей. </p> <p> И высокий рейтинг кликов, и низкий показатель отказов могут помочь повысить ваш рейтинг в поисковой сети.</p> <p> Итак, пусть ваше метаописание должно быть кратким, актуальным и убедительным, включив призыв к действию. Кроме того, сохраните их уникальными. Каждая страница должна иметь собственное уникальное описание. </p> <h4><span class="ez-toc-section" id="i-54"> Мета Ключевые слова </span></h4> <p> Этот метатег перечисляет ключевые слова, на которые вы нацелены на странице. Этот тег больше не используется для ранжирования в поиске. </p> <p> В наши дни пауки поисковых систем достаточно умны, чтобы понять, о чем страница. Вам больше не нужно добавлять ключевые слова. </p> <p> Добавление ключевых слов в метатег принесет пользу только вашим конкурентам, так как это упрощает обратный инжиниринг вашей стратегии поискового маркетинга.</p> <h4><span class="ez-toc-section" id="i-55"> Мета Роботы </span></h4> <p> Метатег robots позволяет вам указать паукам поисковых систем, что им делать с данными, которые они находят на странице. </p> <p> Метатег роботов выглядит так: </p> <pre> <code> <meta name = "robots" content = "noindex, follow"> </code> </pre> <p> В атрибут содержимого вы можете включить: </p> <ul> <li> <code> индекс </code> или <code> noindex </code> <ul> <li> <code> индекс </code> сообщает паукам поисковой системы включить эту страницу в страницу результатов поисковой системы; <code> noindex </code> сообщает им <em>, а не </em> включать его.</li> </ul> </li> <li> <code> следовать </code> или <code> nofollow </code> <ul> <li> <code> follow </code> указывает паукам поисковых систем переходить по ссылкам, найденным на этой странице; <code> nofollow </code> сообщает им <em>, а не </em> переходить по ссылкам. </li> </ul> </li> </ul> <p> Если метатег роботов не включен, по умолчанию пауки поисковых систем будут индексировать страницу и переходить по ссылкам. </p> <p> Если вы добавите атрибут <code> noindex </code> в метатег robots на странице, не запрещайте его в вашем файле robots.txt файл. Если страница блокируется пауками поисковых систем в robots.txt, она никогда не увидит ваш метатег с назначением <code> noindex </code>. </p> <h4><span class="ez-toc-section" id="i-56"> Заголовок </span></h4> <p> Тег title технически не является метатегом, но о нем часто говорят во время разговора по метатегу. Как и метатеги, он находится в разделе <code> <head> </code>. И, как и метатеги, он помогает поисковым системам понимать содержимое страницы. </p> <p> Так выглядит тег заголовка: </p> <pre> <code> <title> Ваш заголовок здесь

Тег заголовка отображается как заголовок в результатах поиска.

Рекомендуется, чтобы длина тега заголовка не превышала 60 символов. Google имеет фиксированную ширину 600 пикселей для заголовка, поэтому ограничение на количество символов зависит от ширины.

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

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

Еще больше мета-тегов

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

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

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

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

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