Мета-теги — один из основных элементов внутренней оптимизации. Именно благодаря им поиск Google может предоставить определенную ключевую информацию. В этой статье вы узнаете, что именно они собой представляют, как влияют на SEO и на какие из них стоит обратить особое внимание.
Определение
Мета-теги, размещенные в разделе заголовка HTML-документа, используются для указания закодированной информации и указания метаданных. Они не отображаются на реальном веб-сайте, вместо этого такие приложения, как браузеры или поисковые роботы, могут считывать данные, закодированные в этих метатегах. Эта информация видна браузерам и поисковым системам, и именно для них она создается.
Функции
Мета-теги играют важную роль в оптимизации сайта, выполняя несколько ключевых функций. Вот некоторые из основных причин, почему мета-теги важны для SEO:
- Влияют на отображение и позиционирование страницы в результатах поисковой выдачи. Правильно построенные мета-теги могут способствовать увеличению трафика на данном веб-сайте и, таким образом, поддерживать другие маркетинговые мероприятия
- Помогают продвигать сайт по наиболее релевантным запросам вашей целевой аудитории. Путем оптимизации ключевых слов и описаний в мета-тегах вы можете увеличить шансы на то, что ваш ресурс будет показан пользователям, которым он действительно интересен.
- Фиксируют данные о вашей странице и помогают поисковым системам правильно отобразить информацию о ней. Они также влияют на процесс индексации, где поисковые роботы анализируют содержимое вашего сайта и добавляют его в свою базу данных для последующего включения в поисковую выдачу.
Какие метатеги важны в контексте SEO?
Особое значение имеют три ключевых тега: title, description и keywords. Они помогают поисковым системам понять, о чем страница, что позволяет ей появляться в релевантных результатах поиска.
Мета-тег title — название страницы
Этот тег указывает заголовок веб-страницы, который отображается в результатах поиска и в строке заголовка браузера. Он помогает поисковым системам и пользователям понять тему страницы.
Содержание хорошего мета-заголовка:
- Лаконичность и информативность текста. Остерегайтесь как расплывчатых описаний, так и слишком длинных и подробных. В идеале их максимальная длина должна составлять 600 пикселей: последние стандарты Google говорят о 70 символах (12 слов), у Яндекс — 80 (15 слов).
- Без наполнения ключевыми словами. Лучше включить пару описательных терминов, чем повторять одни и те же слова или фразы снова и снова. В противном случае тег title будет рассматриваться как спам в глазах пользователей и Google.
- Избегайте повторяющихся и схематических элементов. Пусть каждая подстраница на вашем сайте будет иметь уникальный тег заголовка. Если вы назовете все страницы товаров в магазине одинаковыми, у пользователя возникнут проблемы с определением того, что на самом деле находится на них.
- Размещение названия бренда, которое будет отображаться в начале или в конце тега заголовка. Рекомендуется разделять их знаком препинания, например, дефисом, двоеточием или вертикальной чертой.
Приведем пример удачного title с набором ключевых слов «купить пиццу», «купить пиццу недорого», «купить вкусную пиццу», которые объединены в логичной последовательности с указанием конкурентного преимущества организации: «Где купить вкусную пиццу недорого с доставкой и скидкой 10%?»
Мета-тег description — описание страницы
Краткое описание содержимого страницы, которое отображается под заголовком и адресом страницы. Это своего рода визитная карточка, призванная заинтересовать потенциального пользователя зайти на сайт.
Хотя этот текст никак не влияет на оценку роботов и позиции в рейтинге, он важен для привлечения трафика на ваш сайт. Хорошо подготовленное описание может побудить пользователей посетить ваш сайт.
Если не устанавливать собственное мета-описание, оно будет сгенерировано из контента, уже размещенного на странице, и такой результат вас вряд ли обрадует. При необходимости вы также можете использовать метатег NoSnippet, который отключает отображение описания на странице:
<meta name=”robots” content=”nosnippet”>
Как написать эффективное мета-описание?
- Как и заголовок, этот метатег должен быть уникальным для каждой подстраницы. Он также должен обобщать содержание страницы или сообщать, о каком продукте или услуге идет речь.
- Включите CTA, т.н. призыв к действию. Например: «Ознакомьтесь с нашим предложением», «Узнайте больше о…» или «Посмотрите последнюю модель…».
- Общайтесь в соответствии со стилем и имиджем вашего бренда (профессионально, с юмором, фактами, эмоционально).
- Не превышайте 160-200 символов.
Keywords — ключевые слова
Тег meta-keywords позволяет указать ключевые слова, связанные с содержанием страницы. Хотя большинство поисковых систем, включая Google, теперь не учитывают этот тег из-за злоупотребления наполнением ключевыми словами, его правильное использование всё еще имеет свое значение.
Несмотря на то, что ключевые слова мало влияют на органический рейтинг в поисковых системах, неправильное использование метатегов HTML может негативно сказаться на вашем рейтинге. Необходимо быть осторожным при выборе наборов ключевых слов, избегая чрезмерного их использования (не более 3-6, иначе боты сочтут это переспамом), а также использования нерелевантных ключевых слов.
Отдельные ключевые слова в метатегах разделяются запятой, а ключевая фраза может состоять из нескольких элементов:
<meta name=»keywords» content=»ключевое слово 1, ключевое слово 2″/>
Технические мета-теги
Они играют важную роль во внутренней оптимизации веб-ресурса и предоставляют возможность активации различных опций для управления сайтом, например, закрытие отдельных разделов для индексации поисковыми системами.
Кроме того, мета-теги также могут содержать другую техническую информацию, например, указывать язык страницы, задавать правила кэширования, определять автора. Эти сведения могут быть полезными для поисковых роботов и пользователей, помогая им лучше понять контекст и содержание вашего ресурса.
Вот некоторые из наиболее распространенных мета-тегов и их функции:
1. Content-type: указывает тип документа и кодировку. Он влияет на корректное отображение страницы в браузере. Если браузер или сервер настроены неправильно, страница может отображаться с неправильной кодировкой, и пользователь не сможет изменить это даже вручную. Пример использования: `<meta http-equiv=»Content-type» content=»text/html;charset=utf-8″>` (для кириллицы windows-1251).
2. Content-language: содержит информацию о языке контента на странице. Хотя современные браузеры обычно автоматически определяют язык, данный тег может быть полезен при неправильных настройках. Пример использования: `<meta http-equiv=»Content-Language» content=»ru»>`.
3. Robots: предоставляет инструкции по сканированию поисковым роботам. Предполагает несколько атрибутов:
index/noindex (разрешить/запретить индексацию),
follow/nofollow (учитывать/не учитывать ссылки),
all/none (открыть/закрыть страницу и ссылки для индексации).
Например, чтобы поисковый робот мог проиндексировать ваш HTML-сайт, используйте следующий метатег:
<meta name=»robots» content=»follow»/>
4. Refresh: метатеги с атрибутом http-equiv можно использовать для настройки простой формы перенаправления. Если происходит обновление, такие приложения, как веб-браузеры и сканеры поисковых систем, будут перенаправлены на указанный URL-адрес, вместо страницы ошибки или долгой загрузки: `<meta http-equiv=»refresh» content=»N; url=URL»>`.
5. Meta Author и Copyright: используются для записи информации о том, кто является автором информации, содержащейся на сайте, и кому принадлежат авторские права. Примеры использования:
<meta name=»author» content=»ФИО автора» />
<meta name=»copyright» content=»ФИО владельца авторских прав» />
Заметим, что мета-теги являются только частью технической оптимизации сайта. Правильно составленные – они помогут улучшить видимость вашего сайта и привлечь целевую аудиторию. Но ведущую роль в восприятие ресурса поисковыми системами играют качество контента, кода, структуры и удобство в его использовании.