Meta name это: что это такое, как их правильно указывать |

Posted:

Фев 18, 2023

Comments:

Meta name это: что это такое, как их правильно указывать

Содержание

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

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

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

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

<html>
 <head>
   <title>День народження ❤️ ROZETKA | Знижки до 60% до Дня народження Розетки</title>
   <meta name="description" content="День народження Розетки 2021 ✔️ Знижки з 7 по 13 червня на смартфони, побутову техніку, одяг і товари для дому" />
    …
 </head>

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

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

Что такое тег Title
1. Как написать Title
2. Рекомендации от поисковых систем
3. Шаблон для тегов Title
Что такое метатег Description
1. Как написать Description
2. Рекомендации от поисковых систем
3. Шаблон для тегов Description
Инструменты для составления Title и Description

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

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

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

 <head>
    <title>День народження ❤️ ROZETKA | Знижки до 60% до Дня народження Розетки</title>
 </head>

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Статья по теме:

Как сделать фавикон для сайта

Читать статью

Что такое метатег Description

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

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

 <head>
    <meta name="description" content="Замовляй ⚡ Конвектор ⚡ в інтернет-магазині ELDORADO ⭐ Оперативна доставка ❗ Офіційна гарантія ✅ Розстрочка та оплата частинами" />
 </head>

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

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

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

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

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

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

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

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

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

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

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

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

Статья по теме:

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

Читать статью

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

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

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

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

https://www.portent.com/serp-preview-tool
https://websiteadvantage.com.au/Google-SERP-Emulator

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

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

1) В браузере вбивайте нужный запрос.

2) С помощью букмарклета Google SERP Scraper (небольшой JavaScript-код) получите список URL сайтов из ТОПа выдачи.

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

перейдите на страницу и перетащите ссылку Google SERP Scraper на панель закладок;

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

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

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

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

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

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

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

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

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

=LEN(ячейка)

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

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

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

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

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

Оглавление

Мета-теги для поисковых систем
Robots
org/ListItem»>
Description
Keywords
Title
Другие мета-теги
Верификация
Viewport
org/ListItem»>
Http-equiv
Author и Copyright

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

Мета-теги в 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.

стандартных имен метаданных — HTML: Язык гипертекстовой разметки

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

Стандартные имена метаданных, определенные в спецификации HTML

Спецификация HTML определяет следующий набор стандартных имен метаданных:

Стандартные имена метаданных, определенные в других спецификациях

Спецификация CSS Device Adaptation определяет следующее имя метаданных:

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

Страница WHATWG Wiki MetaExtensions содержит большой набор нестандартных имен метаданных, которые еще не были официально приняты; однако некоторые из включенных в него имен уже довольно часто используются на практике, в том числе следующие:

создатель : имя создателя документа, например организации или учреждения. Если их больше одного, несколько Необходимо использовать элемента.
googlebot , синоним robots , за которым следует только Googlebot (сканер индексации для Google).
издатель : имя издателя документа.

robots : поведение, которое должны использовать совместные поисковые роботы или «роботы» со страницей.

Это список разделенных запятыми значений ниже:

Значение	Описание	Используется
`индекс`	Позволяет роботу индексировать страницу (по умолчанию).	Все
`без индекса`	Запрашивает робота не индексировать страницу.	Все
`следовать`	Позволяет роботу переходить по ссылкам на странице (по умолчанию).	Все
`nofollow`	Запрашивает, чтобы робот не переходил по ссылкам на странице.	Все
`все`	Эквивалент индекса `, следуйте`	Гугл
`нет`	Эквивалент `noindex, nofollow`	Гугл
`без архива`	Запрашивает поисковую систему не кэшировать содержимое страницы.	Google, Yahoo, Бинг
`сниппет`	Запрещает отображение любого описания страницы в результатах поиска.	Гугл, Бинг
`индекс индекса изображения`	Запрашивает, чтобы эта страница не отображалась в качестве ссылающейся страницы проиндексированного изображения.	Гугл
`нокаш`	Синоним `без архива` .	Бинг

Примечание:

Этим правилам следуют только кооперативные роботы. Не надейтесь, что они предотвратят сборщики электронной почты.
Роботу по-прежнему требуется доступ к странице, чтобы прочитать эти правила. Чтобы предотвратить потребление полосы пропускания, используйте файл robots.txt 9.файл 0171.
Если вы хотите удалить страницу, noindex сработает, но только после повторного посещения страницы роботом. Убедитесь, что файл robots.txt не препятствует повторным посещениям.
Некоторые значения являются взаимоисключающими, например index и noindex или follow и nofollow . В этих случаях поведение робота не определено и может различаться между ними.
Некоторые поисковые роботы, такие как Google, Yahoo и Bing, поддерживают одинаковые значения для заголовка HTTP X-Robots-Tag ; это позволяет документам, отличным от HTML, таким как изображения, использовать эти правила.

Specification
HTML Standard # standard-metadata-names
Referrer Policy # referrer-policy-delivery-meta

BCD tables only load in браузер

с включенным JavaScript. Включите JavaScript для просмотра данных.

Область просмотра Тег
Метаданные: элемент в What’s in head? Метаданные в HTML

Последнее изменение: 1 ноября 2022 г. , участниками MDN

описание мета-имени | Как использовать мета-имя=описание

Тег описания

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

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

Key Takeaway

Всегда добавляйте мета-тег Description в раздел HEAD вашего сайта.
Оптимальная длина тега Description.
Google обычно показывает макс. 165 символов (не превышайте 160).
Теги описания важны для SEO и посетителей.
Он отображается на страницах результатов поисковой системы (SERP) и во вкладках браузера.

Измеритель влияния SEO

Тег Description имеет
большое влияние SEO!

Общее влияние

Рейтинг SEO веб-сайта

Тег Description составляет
10% от общего рейтинга вашей страницы.

Ключевые моменты для написания хорошего тега описания

Оптимальный формат описания:

 Призыв к действию, включая первичное ключевое слово и вторичное ключевое слово

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

Добавьте «призыв к действию» в тег описания (Получить | Заказать | Получить | Читать как | Как сделать | Обзор | Сейчас | Легко)
Стратегическое решение проблемы
Используйте числа в тегах описания (5 важных тегов HTML для вашего веб-сайта для улучшения SEO)
Начните тег описания с основного целевого ключевого слова
Не заполняйте тег описания ключевые слова
Каждая страница должна иметь уникальный тег описания с акцентом на одно конкретное ключевое слово

Хорошо написанное описание поможет вам оптимизировать конверсию вашего сайта

Это как азбука!
Большинство людей ищут с помощью:

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

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

Какова сейчас оптимальная длина мета-описания?

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

«Фиксированной длины фрагментов нет. Длина варьируется в зависимости от того, что наши системы считают наиболее полезным». Он добавил: «Google не будет указывать новую максимальную длину фрагментов, поскольку фрагменты генерируются динамически».
Источник, Дэнни Салливан

Новая средняя длина поля фрагмента описания на рабочем столе составляет около 160 символов, а не более 300 символов.

Мобильные символы для фрагментов результатов поиска теперь в среднем составляют 130 символов.

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

Впечатление – SEO Ваше описание Теги и оптимизация описания

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

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

Посмотрите следующий пример. Ключевое слово на конкретной веб-странице — кабели.

  Все кабели для радио и телевидения. Закажите их онлайн = доставка на следующий день.  Интернет-магазин Jackson Inc. специализируется на высококачественных кабелях и аксессуарах.

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

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

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

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

СОВЕТ: Работаете с WordPress?

Ознакомьтесь с нашим руководством по метатегам WordPress

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

Тестируйте мета-описание — Хотите проверить и проанализировать мета-теги в исходном коде вашего веб-сайта? Чтобы упростить вам задачу, мы создали онлайн-анализатор веб-сайтов с бесплатными метатегами . Наш робот просканирует ваш сайт, и вы сразу же получите комментарии о том, что не так и как вы можете это исправить.

Мы предлагаем доступные SEO-услуги, быстрые и эффективные.

Метатеги DIY

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

Генератор метатегов

Boost My Metatags

$299один раз

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

Заказать SEO Boost

Создать мои метатеги

$99 за страницу

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

Запросить поддержку

Нужна профессиональная помощь

SEO?

Свяжитесь с нашим представителем по работе с клиентами, чтобы записаться на прием и ответить на все ваши вопросы!

Блог SEO и интернет-маркетинга

Двойной трафик: лучший шаблон SEO-стратегии тонна доверия…

Подробнее

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

Опубликовано MetaTags 15 ноября 2022 г.

This entry was posted in Популярное

Posted:

Comments: