Что такое мета теги и как правильно их заполнять
Мета-теги
Для правильной, а значит, и эффективной раскрутки сайта важно понимать, что такое мета-теги. Какую задачу выполняют эти атрибуты? Как они помогают продвижению ресурса? Нужно ли использовать теги для SEO или можно обойтись без них? Чтобы ответить на все вопросы, начнем с азов.
Мета-теги – это специальные элементы кода, через которые браузер и поисковые машины считывают информацию о сайте. Эти атрибуты не видны пользователям, не считаются очень важными для корректной работы ресурса. Теги просто описывают веб-страницу с помощью заголовка, дескриптора, ключевых фраз.
Этот HTML-код размещается между тегами
Итак, мета-теги решают три главных задачи:
Сегодня эти атрибуты не являются незаменимыми для продвижения. Но поисковые машины, сравнивая два веб-ресурса с одинаковыми показателями, отдадут предпочтение сайту с грамотно прописанными атрибутами
Разновидности
Подразделяются на атрибуты для поискового продвижения – SEO и для технической оптимизации ресурса. Рассмотрим подробнее все важные элементы.
К первой группе относят три основных тега: title, description, keywords. Они задействуются, чтобы указать поисковым машинам тематику веб-страницы. Вебмастера пытаются заголовком, анонсом и ключевые словами воздействовать на алгоритмы ранжирования ПС.
Title
Title – один из главных атрибутов страницы. Когда робот изучает код, то первым делом он проверяет наличие уникального заголовка. В браузерах «тайтл» прописывается названием страницы, а в индексе ПС – ссылкой на сайт. Наличие этого тега крайне важно для SEO-оптимизации, в частности он влияет на ранжирование и повышает кликабельность сниппета в выдаче.
В заголовках рекомендуется использовать ключевые слова и располагать их ближе к началу тега. Оптимальный вариант – первое или второе слово. Кроме того, в тайтле желательно прописать конкурентные преимущества. По сути, этот тег выступает оффером для пользователей и поисковых систем.
Например, нужно вписать в заголовок запросы: «купить ноутбук», «купить ноутбук недорого», «купить игровой ноутбук».
Плохой вариант заголовка: «Купить ноутбук. Купить игровой ноутбук, купить недорого». Просто перечислили ключевые слова и всё. Получаем на выходе нечитабельное и заспамленное предложение.
Удачный пример: «Где купить игровой ноутбук недорого с доставкой по Москве и получить в подарок сумку-чехол?» В этом варианте мы указали все слова в логичной последовательности и привели конкурентное преимущество компании.
Подытожим правила написания эффективного Title:
На странице сайта тег прописывается в следующем коде:
Description – это своего рода анонс той информации, которая представлена на странице сайта. Поисковые системы используют «описания» для формирования сниппета в результатах выдачи. Description желательно составлять самостоятельно, не отдавая эту задачу на откуп ПС. Как и в случае с заголовком (Title) существуют несколько правил заполнения тега с кратким описанием страницы. Рассмотрим их:
Для каждой страницы сайта мета-тег Description прописывается отдельно. В самописных ресурсах код добавляется между
На сайтах под CMS дескриптор прописывается через плагины оптимизации. Например, для Wordxmpss – это Yoast Seo или All-in-One SEO Pack. На Open Cart обычно используют SEO PRO или Complete SEO.
Keywords
Keywords представляет собой перечень поисковых запросов, по которым продвигается страница. Раньше этот атрибут был обязательным к заполнению, поисковые системы учитывали ключевые слова при ранжировании сайта. Однако постоянные манипуляции с ключевиками (спам) сильно уменьшил значимость этого тега в современных реалиях. Гугл вовсе отказался учитывать «кейвордс» во время ранжирования, Яндекс – оставил за собой право учитывать или нет.
К заполнению тега Keywords существует три подхода:
Тег Keywords также прописывается между
Ко второй группе относят технические атрибуты, которые используются для внутренней оптимизации сайта и более продуктивного взаимодействия с поисковыми роботами. Перечислим основные теги:
Robots
Указывает поисковым роботам, какие страницы можно добавлять в индекс, а какие нельзя. Также в роботсе прописываются правила, как сканировать и индексироваться страницы. Тег имеет ряд дополнительных атрибутов:
Content-type
Тег содержит информацию о формате документа, кодировке. С его помощью выполняется настройка отображения сайта в браузере. Рекомендуется заполнять этот атрибут, чтобы страницы корректно отображались на любом обозревателе. Особенно актуален он при неверной настройке просмотрщика или сервера. Прописывается тег для кириллицы следующим образом:
Content-language
Во много этот тег дублирует предыдущий, так как содержит информацию о языке содержимого страницы. Сегодня браузеры определяют язык автоматически, поэтому надобность в нем отпала. Однако при неверных настройках обозревателя и сервера информация в Content-language может быть кстати.
Записывается следующим образом:
Refresh
Атрибут позволяет переадресовать пользователя на другой раздел во время обновления целевой страницы или при долгой загрузке контента. Например, тег часто используют вместо страницы ошибки «404».
Meta Author и Copyright
Вспомогательный атрибут, с помощью которого можно указывать авторство текстового или графического контента на сайте. Прописывается следующим образом:
Перечисленные выше теги направлены на улучшение восприятия сайта поисковыми машинами. Рекомендуется уделить больше внимания правильному заполнению поисковых и технических атрибутов: пишите правдивую информацию, давайте посетителям выгоды, не злоупотребляйте ключевыми словами в кейвордс.
Резюме
Мы изучили, что такое мета-теги. Рассмотрели их виды, правила заполнения информацией. При работе с атрибутами сайта или страницы принимайте сторону пользователя: понятна ли информация в сниппете новому посетителю, как воспринимается страница при первом знакомстве, считываются ли выгоды для клиента и прочее.
Что такое мета-теги
Мета-теги представляют собой специальные элементы HTML-кода веб-страницы. От того, насколько корректно они заполнены, зависит, как успешно будет развиваться ваш ресурс. А их отсутствие может отрицательно сказаться на ранжировании сайта в поисковиках.
В этом материале поговорим, что такое мета-теги, где они должны располагаться и как их правильно заполнять.
Функции мета-тегов
В настоящее время мета-теги оказывают не столь сильное влияние на SEO-продвижение сайта, как это было раньше, но поисковые системы все же учитывают их при оценке веб-ресурсов и отдают предпочтение сайтам с грамотно заполненными тегами.
Рассмотрим функции мета-тегов подробнее:
Основные мета-теги
Для SEO-продвижения наибольшее значение имеют мета-теги title (произносится как «тайтл») и description (дескрипшн). Эти теги содержат информацию о сайте, с помощью которой поисковый робот может правильно определить тематику веб-ресурса и корректно ранжировать, то есть сортировать его в выдаче. Потому при заполнении мета-тегов необходимо использовать ключевые слова и фразы, которые набирает в поисковой строке целевой пользователь.
Тег Title
Мета-тег title — это название, заголовок веб-страницы. Он должен быть указан на всех страницах сайта. В поисковой выдаче title отображается в виде крупной ссылки синего цвета, а при открытии страницы он виден в названии вкладки браузера. Если тайтл страницы отсутствует, вместо него будет показан URL-адрес страницы или заголовок h1.
Разберемся, как правильно заполнить тег Title. В нем нужно указать основные ключевые слова и перечислить конкурентные преимущества. Прочитав заголовок, пользователь должен сразу понять, что именно вы предлагаете и почему ваш сайт ему подходит. Эту информацию нужно уместить в определенное количество символов: в поисковой системе Google это максимально 70 знаков (12 слов), а в Яндексе — 80 знаков (15 слов). Заголовок может быть и длиннее, но именно такое количество символов поисковики отображают в выдаче.
Оптимизация тегов предполагает, что ключевое слово нужно писать ближе к началу, лучше, чтобы заголовок начинался непосредственно с основного запроса. Если вы продвигаете сайт в каком-то конкретном регионе, следует обязательно его указать. Затем можно добавить уточняющую либо продающую фразу. Также, чтобы сделать title уникальным, в конце можно указать название вашего проекта.
Посмотрим, как правильно писать мета-теги title на примере.
Скажем, у нас есть ключевые слова: «купить диван», «купить диван недорого», «купить удобный диван».
Неправильно заполненный title будет выглядеть так: «Купить диван. Купить удобный диван, купить диван недорого». Здесь очевиден переизбыток ключевых фраз, то есть переспам.
Правильный title: «Купить удобный диван недорого с доставкой и скидкой 15%» В этом случае мета-тег содержит все ключи, перечисленные в логичной последовательности, а также включает информацию о скидке, то есть конкурентном преимуществе.
Дублировать заголовки на разных страницах нельзя — они должны быть уникальными. Также следует избегать слов, не несущих смысловой нагрузки, — предлогов, частиц или союзов, там, где смысл можно передать и без этих стоп-слов.
В title можно вставить периодически меняющиеся элементы, такие как цена или количество товаров. Поисковые алгоритмы поощряют динамические тайтлы.
Тег Description
Далее поговорим о том, что такое мета-описание страницы. За него отвечает тег description, представляющий собой краткий «анонс» веб-страницы, он является логическим продолжением title и раскрывает содержание более подробно.
Поисковые системы отображают содержимое этого мета-тега в сниппете — небольшом блоке текста, в котором содержится описание веб-страницы в результатах поиска. Сниппет позволяет получить представление о сайте до перехода по ссылке.
Description должен состоять из нескольких коротких предложений, в которые входят наиболее значимые ключевики определенной страницы. Самые важные сведения лучше писать в начале тега дескрипшн. Фразы из заголовка включать не стоит, description не должен совпадать с тайтлом. Что касается длины данного тега, рекомендуется уложиться в 160-200 символов с пробелами.
Как и title, мета-тег description должен быть уникальным внутри сайта, поэтому он заполняется индивидуально для каждой веб-страницы. Когда дескрипшн не заполнен, поисковые роботы собирают описание страницы автоматически по фрагментам фраз, а это значит, что результат может получиться не самым привлекательным для пользователя. Надо заметить, что сейчас описания все чаще автоматически собираются поисковыми машинами, даже если вы заполнили мета-тег правильно, и подгоняются под разные запросы пользователя.
Желательно включать в дескрипшн описание преимуществ компании, товаров или услуг. Также рекомендуется добавлять динамические элементы, которые могут принимать разные значения на сайте, например, количество товаров, цены, число отзывов или размер скидок.
В description, как и в title, можно использовать графические элементы — эмодзи. Замечено, что это хорошо влияет на кликабельность в поиске, так как делает сниппет более привлекательным. Однако важно соблюдать меру при вставке специальных символов, не стоит добавлять их через каждые два слова.
Тег Keywords
Ранее на SEO-продвижение сайта оказывал значительное влияние мета-тег keywords (кейвордс). Он сообщает поисковому роботу, под какие ключевые слова «заточен» контент страницы. В настоящее время поисковики уже не придают этому атрибуту большого значения, а поисковые системы Google и Rambler его вообще не учитывают, поэтому инструкция по написанию тегов кейвордс будет краткой: перечисляйте не больше 10 ключевых слов без запятых и используйте только запросы, под которые оптимизирован текст данной веб-страницы.
Как просмотреть мета-теги
Чтобы увидеть, есть ли на странице мета-теги, кликните в любом месте страницы правой кнопкой мыши и выберите пункт «Просмотр кода страницы» или «Исходный текст страницы» (название команды в разных браузерах немного отличается). Можно также воспользоваться горячими клавишами Ctrl + U. Все имеющиеся мета-теги отображаются в разделе «head».
Проверка мета-тегов сайта
Владельцу сайта проще всего проверить мета-теги с помощью сервиса Яндекс.Вебмастер. Войдите в свой аккаунт, на панели слева перейдите в раздел «Диагностика» и в подраздел «Диагностика сайта». Например, если на сайте есть страницы с незаполненным тегом description, в списке «Возможные проблемы» вы увидите ссылку «Ознакомьтесь с примерами и исправьте ошибки». Чтобы увидеть проблемные страницы, нажмите на нее.
Анализ мета-тегов на сайтах конкурентов можно выполнить в таких сервисах, как:
Мы рассказали о мета-тегах для сайта, которые помогают улучшить восприятие вашего ресурса поисковыми системами. Потому стоит внимательно относиться к составлению данных атрибутов и постараться указать то, что положительно повлияет на отображение страницы в поиске и предоставит полезную для пользователя информацию.
Мета-теги
Правильная настройка мета-тегов очень важна для SEO. Работы по заполнению, прописыванию, корректировке мета-тегов всегда выполняются при запуске проекта, сразу после того, как собрано семантическое ядро. И продолжаются по мере необходимости в течение всего периода продвижения сайта. Иногда достаточно лишь небольших изменений в метатегах, чтобы сайт вышел в ТОП10. Особенно это актуально для низкочастотных запросов, а также в тех случаях, когда сайт уже находится достаточно высоко по данному запросу (например, 11-15-я позиция в поисковой выдаче), и нужно совсем немного, чтобы выдвинуть его в ТОП. Зачастую под SEO-тегами подразумеваются Title, Description и Keywords. Однако тегов намного больше. И в этой статье мы постараемся охватить этот вопрос максимально полно.
Содержание
Что такое мета-теги
К тегам мета относятся:
Подробнее можно прочитать в справке по HTML или Википедии.
На хабрахабр приводится такое определение: meta-теги — это необязательные атрибуты, размещенные в заголовке страницы, которые могут содержать ее описание, ключевые слова к ней, информацию об авторе, управляющие команды для браузера и поисковых роботов, и прочую служебную информацию, не предназначенную для посетителей.
Мета-теги (англ. meta tags, досл. служебные ярлыки) — это служебные слова, которые содержат важную информацию о веб-документе для поисковых систем. К таким словам (тегам) относятся теги Title, Description, Hx, Robots, Canonical.
Правильные SEO мета-теги для Яндекса и Google
Рассмотрим, как правильно написать мета-теги для сайта, как их добавить и разместить в коде. Нас будет интересовать:
Следует отметить, что в большинстве CMS (систем администрирования сайта), есть специальные поля для заполнения мета-тегов, и вам не нужно прописывать их непосредственно в HTML-коде. От вас потребуется только вписать содержание тега (Title, Description, Keywords, H1, Canonical) или выбрать подходящее значение (Index/NoIndex, Follow/NoFollow). Однако следует проверять, корректно ли размещаются теги: 1) в правильных местах, 2) правильный синтаксис, 3) значения в тегах соответствуют вашим настройкам. Причем следует проверить не только на главной странице, но и на различных внутренних страницах. Например, у нас сайт интернет-магазин. В этом случае обязательно нужно проверить, корректно ли размещаются мета-теги на главной странице, внутренних информационных, страницах категорий и товаров, поскольку веб-документы каждого из этих типов могут формироваться по своему отдельному шаблону.
Теперь подробнее о каждом из тегов.
Мета-тег Title
Это самый главный тег, который больше других влияет на продвижение сайта по ключевым словам. В большинстве случаев именно этот текст используется в заголовке сниппета, как показано в примере ниже. (Но не всегда, в заголовок так же может быть выведено содержание тега H1 или даже H2, H3).
Синтаксис
Тег должен находиться внутри контейнера … в любом месте.
Требования SEO
Примеры правильного заполнения тегов
Ошибки и неудачные примеры мета-тегов
Мета-тег Description
Так же один из важных тегов для продвижения страницы по ключевым словам. Описание может использоваться в сниппете.
Однако текст в сниппет может быть подставлен и из контентной части страницы, если поисковик решит, что это предпочтительнее. При этом, независимо от того, выводится в сниппет описание из тега description или из текста, то, как составлен метатег описания, оказывает влияние на ранжирование страницы в поиске.
Пример, когда description в мета и в сниппете отличаются: 
Синтаксис
Тег должен находиться внутри контейнера … в любом месте.
Требования SEO
Примеры правильного заполнения тегов (полужирным выделены ключевые слова)
Ошибки и неудачные примеры мета-тегов
Мета-тег H1
Еще один очень важный тег. В нем лучше всего размещать главный, максимально частотный запрос, по которому продвигается данная страница. Заголовок страницы чаще всего должен содержать 1-3 слова. Исключение — страницы статей, товаров, проектов и т.п. То есть страницы, продвигаемые под более специфические, менее частотные запросы.
Синтаксис
Как правильно писать мета-теги для страниц сайта
Метатеги нужны для продвижения сайта в поисковых системах. Теги помогают алгоритмам отвечать запросам пользователей, а сайту привлекать новых посетителей. В статье подробнее расскажем про пользу этих элементов для SEO и про типичные ошибки.
Что такое метатеги
Google, Яндекс и другие поисковики используют метаданные из тегов, чтобы получить дополнительную информацию о странице. Они используют ее для ранжирования и показа ключевых фрагментов в результатах поиска.
Для чего нужны метатеги
С метатегов начинают большинство обучающих курсов по SEO, потому что это самая верхняя часть кода. Тег Keywords (ключевые слова) важная составляющая оптимизации и эффективный инструмент маркетинга, например, в Yahoo, Mail.ru, Rambler. Для Google и Яндекс keywords теряют свою актуальность.
Самые базовые и часто используемые теги – это «title» и «description».
SEO развивается и значимость ключевых слов меняется, но важно помнить о фактическом запросе:
Виджеты обратного звонка Calltouch увеличивают конверсию сайта на 30%. При подключении любого тарифа, кнопки можно устанавливать бесплатно. Система будет собирать заявки даже в нерабочее время. Так вы не упустите ни одного клиента. Мультикнопка дает возможность пользователю выбирать способы связи: обратный звонок, умная заявка, переписка в мессенджере.
Виджет обратного звонка для сайта
Как правильно писать теги для SEO
Обязательные теги
Их немного, но они должны присутствовать на каждой странице.
Description. Этот тег убеждает пользователей перейти по ссылке. Поисковые системы часто используют его в качестве краткого фрагмента текста под заголовком в результатах поиска. Теги должны быть убедительными и понятными, поскольку служат своего рода рекламой страницы в выдаче – это шанс привлечь органический трафик. Соблюдайте длину описания. Например, для Яндекса достаточно 140 символов без пробелов.
Необязательные теги
Необязательные теги могут пригодиться разным сайтам. Но не будет проблем, если их не добавить – они семантически предполагаются по умолчанию.
Как добавить теги на сайт
Теги добавляют в HTML-документа, содержащий верстку страницы. В самом верху располагается раздел – в нем-то и нужно прописать необходимые теги. Обычно это делает front-end или fullstack разработчик, либо SEO-специалист, если проект крупный или речь идет об оптимизации функционирующего сайта.
Существует ПО и плагины, автоматизирующие размещение тегов на странице. В WordPress есть плагин Yoast, в котором теги прописываются в соответствующих полях интерфейса.
Как просмотреть и проверить метатеги
Чтобы просмотреть метатеги, откройте нужную страницу сайта щелкните правой кнопкой и выберите «Просмотр кода страницы» или «Исходный код». Вы увидите текст из множества слов и символов, в котором найдете все теги.
Таким же образом вы сможете найти теги конкурентов и проанализировать их. В Google Chrome есть даже инструменты для такого парсинга : Parsers, Scraper, Data Scraper, kimono. Результаты можете экспортировать в Google Docs.
Есть несколько способов проверки title, description и keyword:
Технические метатеги
Эти атрибуты нужны для внутренней оптимизации сайта и настроек данных, которые считывают поисковики.
Robots
Указывает алгоритмам поиска, как добавить страницы в базу (индексирует). Затем из базы ваш контент попадет в выдачу по релевантному запросу. Робот автоматически вносит метаданные, но их можно переписать, если вам нужно убрать дублирующиеся страницы или поломанную ссылку.
Синтаксис robots.txt состоит из директив – правил, а также параметров страницы, файла, каталогов, специальных символов и их функций:
Viewport
Он поможет задать видимые области страниц, соответветствующие ширине экрана. Пользователям не придется менять масштаб изображения, переворачивать смартфоны и прокручивать сайт горизонтально.
Сквозная аналитика Calltouch поможет снизить расходы на маркетинг – проверит все рекламные каналы. С подробными отчетами о показах и сделках станет ясно, нужно ли перераспределить бюджет и от каких площадок стоит отказаться. Закажите сквозную аналитику на сайте, и менеджеры Calltouch помогут вам в настройках.
Сквозная аналитика
Charset и Content-type
Они регулируют кодировку контента на сайте. Вы наверняка сталкивались с ошибками этих тегов на страницах: открываете сайт из топовой выдачи, а там вместо нормального текста и картинок непонятные значки и странные буквы. Пользователи сразу покинут такой ресурс.
Refresh
С этим метатегом вы сможете переадресовать пользователей на другие страницы во время:
Google против этих метатегов, так как владельцы сайтов могут их нечестно использовать.
Author и Copyright
Через них можно идентифицировать авторов или правообладателей контента и подтвердить право собственности. Эти метатеги находятся в контейнере head и доступны только роботам-поисковикам.
Типичные ошибки при написании метатегов
Title и Description: