Этим видом тегов пользуются исключительно для:
- Обозначения заголовков в тексте.
- Оформления ключевых слов.
- Краткого описания товара или услуги.
- Создания темы страницы.
Метатеги не обязательны, их не видят посетители сайта. Однако для Seo – оптимизации они очень важны. Этот вид синтаксиса предназначен для роботов-поисковиков. Грамотно вставленный Метатег может значительно повысить посещаемость или, другим словом, релевантность вашего ресурса.
Поисковая система Google распознает метатеги только в формате HTML или XHTML и это не зависит от кода, которым вы пользуетесь на своей странице. Как правило, в Метатеге список не учитывается, исключение составляет verify.
Пример создания Метатега для интернет-магазина:
Этот пример отлично подойдет для ресурса, который имеет описание товаров от одной до нескольких тысяч. Во время написания подобных тегов, лучше оставить возможность для их ручного редактирования.
6 метатегов для улучшения оптимизации сайта
1. Тег заголовка.
Одна из первых вещей , которую пользователи замечают в SERPs. Заголовок анонсирует пользователям, что они смогут увидеть при переходе по конкретной ссылке. Этот фрагмент текста показывается в поисковой выдаче, поэтому важна его привлекательность. Он же появляться в социальных сетях или как часть анкорного текста. Длина заголовка - 55 символов (не больше), он должен быть емким, содержащим интент пользователя (обычно выражается ключевым словом). Наличие запроса внутри тега покажет поисковому боту степень релевантности публикации (по крайней мере - стремление к ней). Факт воспринимается краулером так: заголовок имеет ценность.
Но нельзя ориентироваться только на алгоритмы системы. Заголовок должен выполнять свою обычную функцию: сообщать читателю тему статьи, возможно раскрывать цели (выгодное коммерческое предложение или вирусная информация, прочее). Иногда перед копирайтерами возникает непростая дилемма: вывести на первое место соответствие требованиям поисковых ботов или пожеланиям пользователей). Стоит отказаться от расплывчатых формулировок. Сделать текст понятным и отточен с позиций лингвистики.
Целый ряд сервисов упрощает просмотр тегов на разных платформах. Плагин Yoast SEO в WordPress позволяет выполнить предварительный просмотр страницы, в том числе его вид в результатах поиска.
HTML-код сайта с тегом заголовка выглядит примерно, так:
<head>
<title>Example Title</title>
</head>
2. Мета-описание
Обозначенный тег по значимости эквивалентен заголовку. Он также появляется в поисковой выдаче. Краткий фрагмент текста раскрывает тему, заданную заголовком. Описание должно раскрывать какие-то подробности о продукции, показывать мнение владельца сайта относительно затронутых тем и т.д. От лаконичности и понятного изложения зависит общая кликабельность сниппета, который объединяет заголовок и description.
Длительное время считалось, что оптимальная длина метаописания - 150-170 символов. Но сегодня Гугл ушел далеко от изначально предъявляемых требований. В выдаче могут показываться более длинные описания. Дополнительно, иногда поисковая система игнорирует вариант, предложенный разработчиками проекта и генерирует собственный текст с помощью алгоритмов искусственного интеллекта.
Метатег описания также можно добавлять с помощью сервисов Yoast SEO или выполнять работу вручную через HTML-код сайта.
<head>
<meta name="description" content="Here is a precise description of my awesome webpage.">
</head>
3. Метатег роботов.
Этот элемент создается для установки контакта с поисковыми ботами. Метатег роботов показывает алгоритмам предпочтительные, по вашему мнению, страницы для индексации. По сути метатег имеет идентичное предназначение с файлом robots.txt. Разница лишь в масштабности объектов. Метатег роботс закрывает от индексирования отдельные страницы, а файл - сайт или его крупные разделы.
Мета-тег robots дает рекомендации (или высказывает пожелание) сканеру поисковой системы не индексировать страницу, игнорировать ее ссылки. Записывается метатег роботов так:
<meta name="robots" content="noindex, nofollow" />
При необходимости выполнять обратное действие (то есть индексировать страницу) запись должна приобрести несколько иной вид:
<meta name="robots" content="index, follow" />
Место размещения метатега robots - <head> страницы, итоговая запись должна выглядеть примерно так:
<!DOCTYPE html>
<html><head>
<meta name="robots" content="noindex" />
(…)
</head>
<body>(…)</body>
</html>
При отсутствии метатега robots, поисковые краулеры индексируют страницу и периодические возвращаются к ее сканированию.
Возникает вопрос: каково практическое применение метатега robots? Кажется, что можно обойтись без него. Например, использовать тег noindex для задания исключения страницы из индексирования. В некоторых случаях, существование robots кажется и вовсе бессмысленным. Так, в 2016 году Гугл потребовал от блогеров добавления в код фрагмент, обозначающий невозможность переходов по ссылкам с описаниями и обзорами товаров. Таким способом компания обозначила неестественность появления подобных ссылок. С тех пор в HTML-код стали добавлять rel = ”nofollow”. Этих мер достаточно, чтобы сайт не оказался под санкциями Google.
Все-таки, если возникает необходимость запретить сканирование всех ссылок на конкретной странице, следует использовать robots. Фактически, этот метатег дает возможность рекомендовать краулеру способ индексации каждой страницы.
4. Альтернативный текст
Этот фрагмент вводится с помощью атрибута alt тега <img> и используется для оптимизации картинок. Так достигают видимости изображений для поисковых систем и пользователей одновременно. Важно, что в текст тега возможно добавлять ключевые слова. Но это не означает, что альтернативный фрагмент надо делать только из ключевых слов. Иногда в тег вставляют неочевидные запросы, что помогает ранжироваться и по ним.
5. Канонический тег
Сегодня большое число продающих проектов содержат идентичные записи с минимальным количеством отличающихся элементов. Перед поисковым алгоритмом стоит задача выбирать, какую из страниц показывать пользователям. Особенно часто подобная ситуация возникает с разноцветными товарами одной производственной линейки. Кроме проблемы выбора поисковый алгоритм решает и другую задачу: удаление из индекса дублированного контента, иногда даже нескольких страниц. Чтобы помочь краулеру решить первое и не допустить возникновения ситуации с блокировкой записей сайта, следует использовать канонический тег. На практике он может выглядеть так: <link rel="canonical" href="http://example.com/" />.
6. Тег заголовка (h1, h2, h3 и т. Д.)
Google любит структурированные данные. Поэтому очень легко понравится поисковому боту с помощью заголовков разного уровня. С другой стороны, применение тегов упрощает чтение и помогает пользователю быстрее сориентироваться на странице, находить искомые данные.
Заголовки обозначаются тегами <h1-6>Текст</h1-6>. Значимость каждого из них обозначается цифрой в скобках. Н1 - это заголовок страницы - он единственный каждой записи. Н2, Н3 и т.д. можно использовать любое количество в нужной последовательности и разумных объемах.
Кроме заголовков в текст добавляют тег содержания <p>обозначает каждый абзац</p> - их число также не ограничено и нет приоритетности. Списки, хотя и относятся к контенту, облегчающему чтение, все-таки не сичтаются частью струткурированных данных.
Тут еще никто ничего не писал, стань первым!