Мета-теги являются невидимыми на сайте тегами, которые предоставляют данные о вашей странице поисковым системам. Проще говоря, они помогают для поисковых систем определить, о чем ваш контент, следовательно, имеют жизненно важное значение для SEO.
Содержание статьи:
1. Почему метатеги важны?
2. Шесть тегов для улучшения оптимизации вашего сайта
2.1 Тег title
2.2 Мета-описание (meta description)
2.3 Метатег robots. Зачем же нужно использовать этот метатег?
2.4 Атрибут Alt для картинок и фотографий
2.5 Тег Canonical
2.6 Теги заголовков (Н1, Н2, Н3 и т. д.)
3. Как оптимизировать важные теги: контрольный чек-лист
Метатеги размещаются в разделе документа HTML, и поэтому их необходимо использовать в коде в вашей CMS. Это может быть проще или сложнее в зависимости от движка сайта: есть варианты “из коробки”, такой движок, как например WordPress, будет иметь специальный раздел для мета-тегов, таких как канонические ссылки или мета-описания. Однако, прежде чем мы перейдем к тому, какие мета-теги добавить на ваш сайт, давайте поговорим о том, почему они так важны.
1. Почему метатеги важны?
Поисковые системы все больше ценят хорошие поведенческие факторы, и это включает в себя обеспечение того, чтобы ваш сайт соответствовал запросам пользователя, насколько это возможно. Мета-теги помогают в этом, путем обеспечения того, что информация, которую должны знать о вашем сайте, отображается заранее в сжатом и полезном виде. Некоторые типы метатегов относятся к структуре страницы и гарантируют, что на вашем сайте легко ориентироваться, в то время как другие сообщают поисковым системам, какие части вашей страницы важны, а которые игнорировать.
Существует множество различных типов метатегов, которые выполняют разные роли, и не все они относятся к SEO.
Однако в целях этого краткого руководства мы выбрали шесть наиболее важных метатегов, которые вам нужно знать для оптимизации сайта в поиске.
2. Шесть мета-тегов для улучшения оптимизации вашего сайта
2.1 Тег title
Скриншот как выглядит title в выдаче ниже:
В заголовке title можно и нужно прописать ключевые слова для лучшего ранжирования.
Он должен быть точным, наглядным по рекомендации поисковиков не более 65 символов, но обычно оптимизаторы делают его большим, чтобы использовать больше ключевых слов в заголовках.
Чтобы упростить добавления тега заголовок в раздел SEO для предварительного просмотра Вашей страницы и того как она может выглядеть в результатах поиска можно использовать плагин, такой как Yoast SEO в WordPress или воспользоваться онлайн-генератором сниппетов https://saney.ru/tools/google-snippets-generator.html
На сайте структура HTML- кода, будет выглядеть примерно так:
<head> <title>Пример заголовка</title> </head>
Вывод: обратите внимание на теги заголовка, делайте их понятными и описательными и с включением самых важных или высокочастотных запросов.
Также очень важно делать такую структуру заголовков, например, для коммерческих сайтов:
title:»Ключевое слово»+ (транзакционные запросы или гео или другие важные дополнительные ключи по свойствам ) + «Название бренда или сайта».
Используя ключевой запрос, вы отвечаете на запрос пользователя и повышаете релевантность для поисковика, используя дополнительные ключевые слова такие как: купить, Киев, Украина, цены, отзывы и т д.. Если ещё добавить название бренда, то вы сделаете его уникальным и исключите возможность создания дубля кем-то, а при репосте в соцсети увеличится уровень цитирования бренда.
2.2 Мета-описание (meta description)
Мета-описание должно содержать точное описание содержимого вашей страницы. Обычно элемент определяет будут ли пользователи нажимать на вашу страницу, поэтому важно потратить время на его оптимизацию.
Раньше оптимальная длина мета-описаний составляла 150-165 символов, но недавнее обновление способа отображения результатов поиска Google привело к появлению более длинных фрагментов до 300 знаков.
Как и в тегах заголовков, вы можете добавить мета-описание через плагин, такой как Yoast SEO, или закодировать его вручную на HTML-сайте своего веб-сайта, как в этом примере:
<head> <meta name="description" content="Пример описания для сайта"> </head>
Вывод: используйте свое мета-описание с умом и воспользуйтесь возможностью предоставить более подробную информацию о вашем контенте. Сделайте его привлекательным, кратким и актуальным. Обязательно используйте преимущества, иконки и разделители. Также можно использовать призыв к действию. Примеры описаний из выдачи
Как видно у Comfy более привлекательное и яркое описание, но количество знаков меньше чем у OLX. Поэтому, когда делаете описания посмотрите, что предлагают ваши конкуренты, какие возможности они используют, а какие упускают и обязательно воспользуйтесь лучшими находками.
2.3 Метатег robots. Зачем же нужно использовать этот метатег?
Метатег 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, поисковики индексируют и следуют по страницам сами.
Зачем же нужно использовать этот метатег?
Google также позволяет указывать nofollow, для отдельных ссылок, такие ссылки не передают вес страницы на сайт акцептора (сайт на который ссылаются). Если вы хотите, чтобы внешние ссылки с вашего сайта не передавали вес, вы можете достичь это, добавив
rel = "nofollow"
в HTML-ссылку.
Однако, если вы хотите добавить nofollow для всех ссылок на определенной странице, вы можете достичь это с помощью метатега robots.
Вывод: используйте метатег robots, чтобы быть уверенными, что поисковые роботы обработали каждую страницу так, как вы хотите.
2.4 Атрибут Alt для картинок и фотографий
Ваши изображения должны быть доступны как для поисковых систем, так и для людей. Alt-текст может обеспечить обе эти вещи: он предоставляет текстовую альтернативу изображениям, которые будут отображаться, если изображение не загружается или когда считывается роботом. Он также сообщает поисковым системам, что означает это изображение.
Вы можете включить ключевые слова в свой альтернативный текст изображения, но только если это имеет смысл — не используйте этот тег для спама ключевыми, так как это только повредит исказив релевантность страницы.
Вывод: используйте Alt text в ваших изображениях, чтобы описать ваш визуальный контент. Это отличная возможность улучшить SEO, помогая как поисковым системам, так и людям больше узнать о ваших изображениях и получить дополнительный трафик. Особенно это актуально в сферах где фото является основой принятия решения о покупке, например, номер в отеле или свадебное платье и т. д.
2.5 Тег Canonical
Вместо того чтобы вводить Google в заблуждение и понижать свой рейтинг в результатах поиска, вы направляете пользователей на «основной» URL-адрес.
Канонический тег может выглядеть так в HTML:
<link rel="canonical" href="http://example.com/" />
Вывод: используйте канонические теги, чтобы избежать проблем с дублирующим контентом, который может повлиять на ваш рейтинг.
2.6 Теги заголовков (Н1, Н2, Н3 и т. д.)
Помимо улучшения удобства чтения для пользователей, теги заголовков также могут помочь поисковым системам понять, что представляет собой ваш контент.
Порядок ваших тегов заголовков (от h1 до h6) подчеркивает важность каждого раздела. Тег h1 обычно обозначает заголовок страницы или заголовок статьи, а h2 и ниже служат в качестве подзаголовков для разбивки вашего контента.
Также важно, то что вы не должны злоупотреблять ими — важно качество, а не количество. Наличие пяти разных типов заголовков на вашей странице не поможет вашему сайту лучше ранжироваться. Вместо этого, используйте их тактически, чтобы разбить ваш контент и описать самое важное в каждом разделе.
Вот пример того, как можно упорядочить теги заголовков, взятые из этой статьи:
<h1> Краткое и простое руководство по метатегам SEO </ h1> <h2>1. Почему метатеги важны?< / h2> <h2>2. Шесть мета-тегов для улучшения оптимизации вашего сайта< / h2> <h3>2.1 Тег title <h3> <h3>2.2 Мета-описание (meta description)</ h3> <h3>2.3 Метатег robots</ h3> <h4>Зачем же нужно использовать этот метатег?</ h4> <h3>2.4 Атрибут Alt для картинок и фотографий</ h3> <h3>2.5 Тег Canonical</ h3> <h3>2.6 Теги заголовков (Н1, Н2, Н3 и т. д.)</ h3> <h2>3. Как оптимизировать важные теги: контрольный чек-лист< / h2>
Обычно предлагается использовать только один h1, в то время как h2 или h3 и т д, вы можете использовать более одного раза.
Вывод: используйте теги заголовков, чтобы помочь поисковым системам понять каждую страницу. Используйте их с умом и находите баланс между пользой для пользователя и значением для SEO.
3 Как оптимизировать важные теги: контрольный чек-лист
Если вы готовы проверить на сколько правильно вы используете метатеги, вот краткий контрольный чек-лист:
- Проверьте, имеют ли все ваши страницы и теги заголовков мета-описания (программа ScreamingFrog)
- Начните уделять больше внимания заголовкам и структуре контента.
- Не забудьте пометить изображения с помощью alt-текста.
- Используйте мета-теги robots, чтобы направлять поисковые системы так, как нужно вам.
- Проведите поиск дубликатов страниц и использование сanonical тегов, чтобы избежать каннибализации собственного контента с дубликатами или аналогичным контентом.
- Создайте контрольный чек-лист (список шагов), которые необходимо повторить при создании нового контента или правильную автогенерацию, чтобы предупреждать появление дублей.
