Метатеги для сайта: что это, какие бывают и как быстро улучшить сайт с их помощью
2577 Добавить нужные метатеги для сайта — это один из способов улучшить его, избавиться от ряда технических проблем и получать больше посещений. Руководитель платформы линкбилдинга LinksSape Александр Шестаков рассказывает, что такое метатеги, где они используются и какие задачи помогают решить.
Метатеги — это элементы HTML-кода страницы. От обычных тегов (например, заголовка <h1>) метатеги для сайта отличаются тем, что применяются ко всей странице целиком, а не к какому-то ее фрагменту.
Читайте также: Заголовки сайта как инструмент для привлечения аудитории
В HTML-коде метатеги располагаются почти в самом начале, в разделе <head>:
Как и у других тегов, у метатегов есть своя структура и атрибуты. Вот так они выглядят на примере Description, который задает описание страницы для поисковых систем:
<meta name=»description» content=»Краткое описание содержимого страницы»>
- <meta> — сам метатег.
- name=»description» — имя тега.
- content=»Краткое описание содержимого страницы» — содержание тега.
Иногда ошибочно полагают, что метатеги для сайта нужны только для поисковых роботов и не оказывают никакого влияния на пользователей. Это совершенно не так. Например, содержимое Title в подавляющем большинстве случаев — тот самый текст, который пользователи увидят в выдаче крупным жирным шрифтом:
Хотя есть и такие метатеги, которые действительно пользователи не увидят — если только не пойдут специально изучать HTML-код страницы. Далее поговорим как раз о том, какие метатеги чаще всего используются и чем они полезны.
Какие метатеги для сайта применяются чаще всего
- Title — заголовок страницы в том виде, в каком он будет отображен в поисковой выдаче.
- Description — описание того, что находится на странице. Иногда его содержимое показывается в поисковой выдаче под содержимым Title.
- Keywords — перечисление ключевых слов, по которым пользователи должны приходить на эту страницу.
- Robots — определение правил индексации страницы, то есть ее видимости для Яндекса и Google.
- Viewport — обозначение разрешения экрана и определение правил отображения страницы на разных устройствах.
- Canonical — указание на каноническую версию страницы, что позволяет избежать штрафов поисковиков при дублирующемся контенте.
- Og:title, og:description, og:image — указывают, какой заголовок, описание и изображение будут сопровождать ссылку на эту страницу в соцсетях.
Далее — к подробностям про каждый из них.
Как улучшить сайт с помощью метатегов
Title
Это самый важный метатег для продвижения страницы, поскольку на него обращают внимание и роботы поисковых систем, и живые пользователи. Вот что стоит учитывать при его формировании:
- добавьте в него самую частотную фразу, которая продвигается на странице. Оптимально — включить ее в самое начало текста тега;
- следите, чтобы длина метатега не превышала 60 знаков — остальные символы не будут отображаться в результатах выдачи;
- содержимое Title должно быть уникальным для каждой из страниц сайта;
- в идеале стоит добавить слова, которые помогают принять решение о переходе на сайт: скидка, акция, распродажа и т. п.
Пример оптимизированного метатега: «Купить ноутбук Dell со скидкой в Хайтек».
Подпишитесь, чтобы не пропустить полезные статьи
Description
Он также является важным для SEO-оптимизации страницы. В его тексте должно быть представлено краткое и информативное описание содержимого страницы. Google очень часто берет именно его текст для сниппета — текстового описания страницы вашего сайта в выдаче. Яндекс также может использовать Description с этой целью. При его написании нужно учитывать несколько нюансов:
- не превышайте длину в 150 знаков, чтобы текст не был обрезан поисковиком в неудачном месте;
- добавляйте в описание продвигаемые ключевики — 2–3 штуки;
- следите за уникальностью — Description не должен дублировать Title, метатеги с других страниц и содержимое основного текста;
- мотивируйте пользователей на клик, будьте убедительны и используйте фразы, соответствующие намерениям аудитории.
Пример оптимизированного описания: «Купить ноутбук со скидкой в Хайтек — широкий ассортимент игровых компьютеров по выгодным ценам. Быстрая доставка, заказ в один клик!»
Keywords
Ранее метатег keywords использовался для указания ключевых слов, связанных с содержимым страницы. Однако сегодня поисковые системы не учитывают его при определении релевантности страницы. Это связано с тем, что использованием keywords было слишком легко злоупотреблять: владельцы сайтов заполняли его ключевыми словами, не имеющими никакого отношения к контенту страницы, в попытке обмануть поисковые системы и получить более высокие позиции в результатах поиска.
Сегодня поисковые системы используют различные алгоритмы и методы анализа страниц, чтобы определить их релевантность и ранжирование в результатах поиска. Вместо наполнения метатега keywords лучше рассмотреть другие методы оптимизации контента на странице:
- Используйте ключевые слова естественным образом в тексте страницы, заголовках, подзаголовках и ссылках. Не перегружайте страницу ключевыми словами — это может привести к снижению ее рейтинга.
- Создавайте уникальный и полезный контент, который будет интересен вашей аудитории. Поисковые системы учитывают не только наличие ключевых слов, но и качество контента и его соответствие запросам пользователей.
- Используйте семантическую разметку, такую как Schema.org, для помощи поисковым системам в понимании содержимого страницы и отображении более информативных результатов поиска.
- Создавайте ссылки на свою страницу с других качественных сайтов. Это может помочь увеличить рейтинг вашей страницы в поисковых системах.
Robots
Чтобы поисковики корректно индексировали ваш сайт, следите, чтобы у тега Robots были указаны соответствующие директивы:
- index — разрешает индексацию страницы,
- noindex — запрещает индексацию страницы,
- follow — разрешает поисковым роботам переходить по данной ссылке,
- nofollow — запрещает поисковым роботам переходить по данной ссылке,
- noarchive — запрещает поисковику копировать страницу в кэш,
- noimageindex — запрещает индексировать любые изображения, размещенные на странице,
- none — одновременно запрещает роботам индексировать страницу и переходить по ссылкам, размещенным на ней.
На каждой странице может использоваться одновременно несколько разных директив для поисковых роботов. Так, следующий тег одновременно разрешает индексировать страницу, но при этом не разрешает переходить по ссылкам с нее:
<meta name=»robots» content=»index, nofollow»>
Если этого тега нет на странице, поисковые системы по умолчанию считают, что весь контент нужно индексировать и переходить по всем ссылкам. То есть, этот тег используется главным образом для обратного: когда владельцу сайта по какой-то причине нужно ограничить действия поискового робота. В таком случае тег Robots дополняет и дублирует требования, описанные в файле robots.txt.
Viewport
Применяйте данный метатег, чтобы ваш сайт правильно отображался на различных устройствах. Проще всего объяснить на примере:
<meta name=»viewport» content=»width=device-width, initial-scale=1.0″>
- width=device-width — указывает, какова ширина видимой части страницы, чтобы она автоматически перестраивала масштаб в соответствии с размером экрана;
- initial-scale=1.0 — показывает, что масштаб — 1.0, страница отображается без увеличения или уменьшения.
Кроме того, метатег может включать и другие параметры, чтобы эффективно управлять, отображением страницы, например:
<meta name=»viewport» content=»width=device-width, initial-scale=1.0, maximum-scale=1.5, user-scalable=yes»>
- maximum-scale=1.5 — ограничивает максимально возможный масштаб показателем 1,5, увеличить страницу сверх этого значения нельзя.
- user-scalable=yes — допускает изменять масштаб страницы.
- user-scalable=no — запрещает изменять масштаб страницы.
Canonical
Чтобы поисковики могли точно определить, какой из URL для них предпочтительнее, применяйте канонический метатег:
<link rel=»canonical» href=»https://www.site.com/mainpage»>
Поисковые роботы будут знать, что ( https://www.site.com/mainpage) — предпочтительный URL для представленного контента.
При размещении этого метатега:
- всегда указывайте полный URL в атрибуте href — с учетом протокола и имени домена;
- убедитесь, что все URL, содержащие дубли контента, указывают в качестве канонической одну и ту же страницу;
- применяйте данный метатег только для страниц с дублями контента.
OG (OpenGraph)
Размещайте данный метатег, чтобы пользователи социальных сетей могли видеть более красивую и привлекательную ссылку, содержащую картинку, описание и заголовок, например, подобного плана:
В данном случае метатег OG будет выглядеть следующим образом:
Заголовок:
<meta property=»og:title» content=»Заголовок страницы»>
Описание:
<meta property=»og:description» content=»Описание страницы»>
Изображение:
<meta property=»og:image» content=»https://www.site.com/image.png»>
URL:
<meta property=»og:url» content=»https://www.site.com/mainpage»>
Тип контента (в данном случае — веб-страница):
<meta property=»og:type» content=»website»>
Название ресурса:
<meta property=»og:site_name» content=»Название сайта»>
Как размещать метатеги для сайта
На разных сайтах метатеги настраиваются по-разному. Рассмотрим работу с метатегами на сайте с CMS WordPress.
Для этого можно установить плагин Yoast SEO — это инструмент для управления поисковой оптимизацией на сайте. Помимо прочего, он предоставляет удобный интерфейс для настройки метатегов.
При редактировании каждой страницы или записи в WordPress вы увидите блок Yoast SEO под текстовым редактором. В этом блоке можно настраивать заголовок страницы (Title), описание (Description) и другие метатеги:
Даже если сайт сделан без CMS, на так называемом «конструкторе», зачастую вы всё равно можете управлять метатегами. Например, в Tilda, одном из самых популярных конструкторов сайтов, нужно зайти в меню настроек страницы и во вкладке «Главное» можно задать метатеги Title и Description.
А вот прописать метатеги для соцсетей уже нужно во вкладке «Дополнительно» «Редактировать код»:
Читайте также: Как происходит продвижение сайтов в поисковых системах
Подытожим: для чего нужны метатеги для сайта
Метатеги способны сыграть важную роль, если разместить их без ошибок на нужных страницах. Самое ценное при этом — то, что прописать их недолго при некоторой практике. Они могут значительно улучшить эффективность ресурса в поисковой выдаче, решить проблемы с задвоением контента и индексацией, а также помочь в адаптации под мобильные устройства.
Статью подготовил Александр Шестаков, руководитель платформы линкбилдинга LinksSape
Автор: Александр Шестаков
Редактор: Ольга Бастырева
Если хотите стать автором блога TargetHunter, показывать экспертность и прокачивать личный бренд, заполните АНКЕТУ, и наш редактор свяжется с вами, чтобы обсудить условия сотрудничества.