Проверка мета-тегов
Мета-теги имеют важное значение в определении релевантности документа поисковыми системами. Ошибки в их заполнении могут существенно затруднить продвижение сайта, поэтому важно знать основные способы проверки тегов title, description и keywords.
- Первый способ — просмотр исходного кода страницы. Для этого необходимо перейти на страницу просмотра кода страницы используя сочетание клавиш Ctrl+U или выбрав соответствующий пункт в меню при клике правой кнопкой мыши.
В появившемся окне в разделе страницы необходимо найти следующий код:
- Второй способ — использование расширений для браузера. Существует множество расширений, которые позволяют в несколько кликов посмотреть мета-теги страницы. Какое из них выбрать, личное дело каждого, мы используем:
- RDS bar для Mozilla Firefox;
- SEO META in 1 CLICK для Google Chrome.
- Третий способ — использование букмарклетов (представляет собой скрипт, оформленный как браузерная закладка). Перенесите данную кнопку на панель закладок браузера, и при нажатии на него на экране будет выведен список мета-тегов страницы.
Букмарклеты можно найти здесь.
- Четвертый способ — использование специальных программ. Данный способ удобен для проверки мета-тегов сайта на всех страницах. С этой задачей отлично справляется программа сканирования сайта Screaming Frog SEO Spider. Для анализа мета-тегов необходимо сначала просканировать проверяемый сайт, и после завершения сканирования выбрать в интерфейсе программы вкладки с интересующими тегами.
- Также существуют сервисы для проверки тегов онлайн. Вводите URL-адрес и получаете полную информацию о мета-тегах данной страницы.
Например: https://seo-inf.ru/tools/view-metatags/
Как отобразить теги на веб-странице?
Любые теги никак не показываются в окне браузера, поскольку воспринимаются браузером как команды для вставки элементов и изменения их свойств. Но иногда требуется на веб-странице вывести теги, например, для демонстрации HTML-кода. В этом случае используйте спецсимволы < и > для замены угловых скобок < и >. При этом тег
будет выглядеть как <p> (пример 1)
Пример 1. Теги на странице
HTML5 CSS 2.1 IE Cr Op Sa Fx
Вывод тегов .ex Пример страницы
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Формула этанола</title>
</head>
<body>
<p>Формула этанола С<sub>2</sub>Н<sub>5</sub>ОН</p>
</body>
</html> В данном примере выводится код веб-страницы, а чтобы браузер не воспринимал теги напрямую, скобки < и >заменены специальными символами < и > . Результат примера показан на рис. 1.
Рис. 1. Теги в документе
Не выкладывайте свой код напрямую в комментариях, он отображается некорректно. Воспользуйтесь сервисом cssdeck.com или jsfiddle.net, сохраните код и в комментариях дайте на него ссылку. Так и результат сразу увидят.
Популярные рецепты
Как добавить картинку на веб-страницу?
Как добавить иконку сайта в адресную строку браузера?
Как добавить фоновый рисунок на веб-страницу?
Как сделать обтекание картинки текстом?- Как растянуть фон на всю ширину окна?
- Как выровнять фотографию по центру веб-страницы?
Как разместить элементы списка горизонтально?
Как убрать подчеркивание у ссылок?
Как убрать маркеры в маркированном списке?
Как изменить расстояние между строками текста?
Как сделать, чтобы картинка менялась при наведении на нее курсора мыши?- Как открыть ссылку в новом окне?
Мета-теги
Виды мета-тегов и их задачи, особенности заполнения и готовые шаблоны.
Последнее обновление: 29 августа 2023 года
Мета-теги — часть программного HTML-кода, заключенная между тегом
. (заголовок страницы). Эти атрибуты не являются обязательными: они не видны пользователю, но сообщают определенную информацию поисковой системе (описание, заголовок, ключевые слова и т.д.).Задачи meta-тегов
Мета-теги выполняют несколько важных функций:
- Влияют на то, как отображается и какую позицию занимает страница в индексе (выдаче).
- Помогают продвигать ресурс по наиболее соответствующим Вашей целевой аудитории запросам. Позволяют потенциальному посетителю увидеть в поисковой выдаче нужную информацию, делая описание максимально информативным.
- Фиксируют данные о странице, помогают правильно отобразить информацию, настроить индексацию (анализ сайта и внесение его в базу для последующего включения в выдачу).
Сейчас мета-теги не оказывают сильного влияния на SEO-продвижение сайтов , но по-прежнему учитываются при оценке поисковыми системами. При прочих равных условиях предпочтение отдается ресурсу с грамотно сформированными тегами.
Оставить заявку
Мета теги для SEO (поисковой) оптимизации
Сюда относятся три тега: title, description, keywords. Эти атрибуты сообщают поисковому роботу информацию о сайте, которая помогает грамотно определить тематику ресурса и ранжировать (сортировать) в выдаче. Потому составляя метатеги, вебмастера обязательно используют ключевые слова (слова и фразы, которые целевой пользователь вводит в строку поиска, чтобы найти нужный ресурс). Yайти их можно с помощью Yandex Wordstat.
Title
Заголовок страницы. В индексе это — крупная синяя ссылка на сайт, в браузерных вкладках — название.
Как заполнять
Атрибут должен содержать основные ключевые слова и конкурентные преимущества. Важно, чтобы пользователь сразу понял, что Вы предлагаете, и почему данный ресурс ему подойдет. Основная сложность — вместить нужную информацию в четко заданный поисковыми системами лимит символов. У Google максимум — 70 (12 слов), у Яндекс — 80 (15 слов).
Рассмотрим пример. Дано: ключевые слова «купить кресло», «купить кресло недорого», «купить удобное кресло»
Неудачный title: Купить кресло. Купить удобное кресло, купить кресло недорого
Удачный title: Как купить удобное кресло недорого с доставкой и получить скидку 15%?
В первом случае — переспам (переизбыток ключевых фраз), нечитабельное предложение с точки зрения пользователя. Второй вариант meta тега объединяет все нужные ключевики в логичной последовательности и указывает на конкурентное преимущество компании (скидку).
Description
Краткий «анонс» страницы в результатах поиска. Несколько коротких предложений, в которых используются ключевые слова (не все — наиболее значимые) конкретной страницы. Рекомендуемая длина meta тега — 160-200 символов.
Мета-теги Title и Description составляются отдельно для каждой страницы сайта, т.к. все разделы должны иметь собственный список ключевых фраз, соответствующий тематике и содержимому.
С помощью meta name description поисковым роботом описание страницы — сниппет. Он отображается в результатах поиска под title.
Если атрибут не заполнен либо сформирован не по правилам (значительно превышен лимит символов, переспам), то поисковый робот составляет описание автоматически, «собирая» его по кусочкам фраз на странице. Результат получается не сильно привлекательный и «продающий».
Как заполнять
Дано: магазин продажи книг; ключевые слова «интересная книга», «купить книгу»
Неудачный Description: Книги издавна являются одними из самых близких «друзей» человека. Интересная книга помогает скоротать время, дает полезные знания, раскрывает занимательные факты, пробуждает эмоции. Потому стоит задуматься о том, чтобы купить книгу в нашем магазине.
Удачный Description: Нужна интересная книга? В нашем магазине — широкий выбор тематик: от узкоспециальной литературы до мировых бестселлеров. У нас Вы можете купить книгу с доставкой в течение 1-5 дней в любой регион РФ. Первым покупателям — скидка 10%.
Первый вариант — не специально составленный meta-тег, а взятый со страницы кусок статьи. Возможно, пользователю интересно почитать литературный текст, но, обращаясь к поисковой системе, он предпочтет получить ответ на конкретный запрос о покупке. Потому мета-теги для сайта второго типа более привлекательны: они сразу дают понимание, какой ассортимент и преимущества предлагает магазин.
Keywords
Сообщает поисковому роботу ключевые слова, под которые «заточен» контент. Поисковый робот сверяет фразы в содержимом страницы с указанными в данном теге, а полученные результаты учитывает в дальнейшем при определении позиций ресурса.
Сейчас поисковики не придают данному атрибуту такой вес, как раньше. Но грамотное использование его не будет лишним.
Как заполнять
Используйте 3-6 ключевых слов/фраз через запятую. Чрезмерное употребление может расцениваться поисковиком как переспам. В список должны включаться только используемые на странице запросы, под которые оптимизирован текст, названия товаров и так далее.
Мета-теги технического характера
Это атрибуты внутренней оптимизации ресурса. Такие мета-теги настраивают информацию, которая отображается пользователю в браузере, и включают отдельные опции (к примеру, дают возможность закрыть для индексации отдельные разделы).
Наиболее распространенные технические мета-теги:
- Content-type. Включает данные о типе документа и кодировке. Влияет на то, насколько корректно страница будет отражаться в браузере. Особенно актуален при неверной настройке браузера или сервера. В такой ситуации документ будет показан на другой кодировке, и пользователь не сумеет ничего изменить даже попыткой переключить вручную.
- Content-language. Содержит информацию о языке контента (содержимого). Как и с предыдущим тегом, сейчас браузеры определяют язык автоматически. Но в случае неверных настроек данный тег будет полезен.
- Robots. Показывает поисковому роботу, какие страницы следует включать в индекс, а какие — нет. Данный тег предполагает ряд дополнительных атрибутов: index/noindex (можно/нельзя индексировать); follow/nofollow (учитывать/не учитывать гиперссылки); all/none (открыть/закрыть для индексации страницу и гиперссылки).
- Refresh. Позволяет задать время обновления страницы при загрузке либо переадресации пользователя в другой раздел. Тег полезен в случае обновления сайта: вместо страницы ошибки 404 или длительной загрузки перенаправляет пользователя в новый раздел.
- Meta Author и Copyright. Этими тегами можно прописать авторство графического и текстового содержимого страницы.
Все выше перечисленные мета-теги для сайта призваны, прежде всего, улучшить восприятие вашего ресурса поисковиком. Потому уделите внимание грамотному составлению атрибутов, отражайте только правдивую информацию.
Помните, что сейчас поисковики оценивают ресурсы, в первую очередь, по качеству контента, кода, структуры, юзабилити. Потому при составлении мета-тегов важно ставить себя на позицию пользователя: указывать данные, способные повлиять на восприятие и отображение страницы, преподносить полезную информацию последовательно, логично, с ключевыми выгодами для клиента.
Мета-теги — только часть (хотя и необходимая часть) технической оптимизации сайта. Чтобы проверить их, скорость загрузки сайта, все другие параметры, проведите полный поисковый аудит сайта.
Как правильно заполнить мета-теги на сайте
Мета-теги страницы – это не просто часть программного HTML-кода, это то, на что в первую очередь обратят свое внимание поисковые роботы, но несмотря на это, очень часто владельцы сайтов не уделяют им должного внимания: заполняют неправильно или вовсе оставляют пустыми. Если вы хотите попасть в заветный ТОП-10, то без грамотно оптимизированных SEO-тегов вам не обойтись, ведь они по-прежнему являются одними из ключевых факторов при ранжировании.
Работы по написанию и заполнению чаще всего выполняются на старте проекта специалистами, но что делать, если SEO-оптимизатора у вас нет «под рукой», а сделать свой ресурс прибыльным и получить заветные позиции в Яндекс и Google хочется? Давайте разбираться.
Что такое мета-теги?
Мета-теги – это инструкции разметки HTML-страниц, назначение которых – указание дополнительных данных о странице для поисковых систем (ПС). Если, находясь на сайте, вы нажмете сочетание клавиш Ctrl+U (сработает для большинства популярных браузеров Chrome, Яндекс,Opera) вы увидите HTML документ, в блоке которого вы найдете те самые мета-теги
Вы можете прямо сейчас проделать эту нехитрую операцию и узнать, как обстоят дела с мета на вашем сайте. Еще одним простым способом отслеживания заполнения title, description и keywords является установка расширения в браузер Google Chrome «SEO META in 1 CLICK». На верхней панели появится иконка, при нажатии на которую, вы получите всю необходимую информацию.
Теперь вы вооружены и готовы.
Зачем нужно заполнять мета-теги
«Заполнение и оптимизация мета-тегов жизненно необходима вашему сайту», — скажем мы. «Почему?» — не поймете вы.
Title отвечает за заголовок страницы и отображается не только в поисковой выдаче, но и на вкладке браузера при открытии страницы.
Description емко в нескольких предложениях описывает суть содержимого на вашей странице. Сниппет – небольшое описание страницы, которое вы видите в результатах поиска, формируется как раз из него.
Keywords содержит перечень ключевых слов для страницы через пробел или запятую.
Например, если вы владелец интернет-магазина, с помощью мета вы сообщаете ПС, на какой странице вы продаете «зимние ботинки», а на какой «красные туфли». Аналогично работает и для услуг.
Итак, заполнять мета-теги нужно, потому что…
- Вы даете поисковой системе понимание того, какая информация находится на вашей странице и на какие запросы пользователей она будет релевантной (соответствующей).
- Вы формируете красивый и правильный сниппет. Поисковая система определенно может сформировать его сама исходя из информации, представленной на сайте, но зачем? Никто не знает лучше ваш сайт, чем вы сами. Заполняя мета самостоятельно, вы гарантированно получаете сниппет привлекательный для ваших клиентов и состоящий из ключей, по которым вы хотите продвигаться (об этом чуть позже).
- Вы привлекаете клиентов. Чем точнее и заметнее ваше описание, тем больше шансов, что пользователь откроет именно ваш сайт. Соответственно кликабельность вашей страницы в выдаче повысится, а вместе с ней и позиции.
С вопросом «зачем» разобрались, но «как»?
Откуда брать ключи для мета-тегов?
Маленькое, но очень важное отступление.
Ключевое слово (ключевой запрос) – слово или набор слов, которые пользователи вводят в поисковую строку, чтобы найти ответ на интересующих их вопрос. Если говорить еще проще, то это тот самый поисковый запрос, который вы задаете при использовании браузеров. Как правило, ключевой запрос не составляют более чем из 3-4 слов.
Для того чтобы правильно оптимизировать и продвигать страницы в интернете, SEO-специалисты с помощью специальных программ собирают Семантическое ядро – все ключевые слова для сайта, по которым возможно привести пользователей на сайт. Их число может достигать десятки тысяч в зависимости от размеров ресурса. Это долгая и кропотливая работа, которая основывается не на интуиции, а на аналитики поисковой системы. Как мы помним, у вас нет такого специалиста, но расстраиваться и отчаиваться не стоит, кое-что вы можете и сами.
На помощь вам придет WordStat – сервис для подбора ключей и сбора статистики об их частотности.
- Мозговой штурм Определите первоначальное направление. Например, вы продаете утюг, значит вам подойдут следующие запросы: купить утюг, цены на утюги, магазин утюгов, купить утюг недорого, интернет магазин утюгов, купить утюг в интернет магазине и т.д. Суть вы поняли, список таких фраз ограничивается только вашей фантазией.
- Бесконечный список Хорошо если ваш словарный запас ограничился на 2-3 фразах, их легко уместить в одном предложении и все прекрасно, но что делать если их 10 или того хуже 20. Все не поместятся. Как отбросить лишние? Интуиция? Нет.
- Спросите пользователей. Пользователи Интернета помогут вам. Тут то нам и понадобится WordStat. Сервис собирает статистику о запросах пользователей и подскажет, какой ключ и сколько раз за месяц искали люди, ведь зачем нам запросы, которые никто не вводит в поисковую строку. Подготовьте заранее таблицу, чтобы ничего не упустить.
Теперь мы заполним колонку частот – количество запросов пользователей, но тут тоже есть тонкости. Просто введя «купить утюг», мы получим не до конца корректную информацию. Для получения точной статистики мы должны заключить наш запрос в кавычки, перед каждым словом поставить «!», а перед предлогами и союзами «+». Не будем вдаваться в подробности, почему так и зачем, просто поверьте. Таким образом, вы получите следующий запрос.
Проделайте операцию для каждого из ключевых слов и занесите данные в таблицу. Получаем вот такой результат.
Все ключевые слова частотность, которых оказалась меньше 5, можно смело удалять. Самый высокочастотный ключ – основной ключ для страницы. Первые 2-3 ключа по количеству запросов мы и будем использовать при составлении мета.
Теперь вы знаете самый простой способ подобрать несколько ключей для своей страницы и готовы к написанию самих мета-тегов. Такой метод не идеален и никогда не сравнится с полноценным Семантическим ядром, но вполне имеет место быть.
Мета-тег Title
Title – самый главный мета-тег, который отображается в заголовке окна браузера. Перед тем как приступать к написанию, нужно четко определить, о чем ваша страница. Какой товар вы хотите продать, какую услугу предложить или основная мысль, о чем вы хотите рассказать в вашей статье (помните мозговой штурм, описанный выше?). Это и будет вашим продвигаемым запросом.
Предположим, что ваша страница о шкафе, а если быть точнее, вы продаете этот шкаф, а еще он деревянный. Итого мы можем получить следующие ключи, по которым ваш сайт может быть найден пользователем: «шкаф», «купить шкаф», «деревянный шкаф». Проделайте примерно то же самое исходя из тематики вашего ресурса и запишите, чтобы не забыть. Соберите частотности и выделите один основной ключ и еще 2-3 ключа с высоким количеством запросов.
Правила заполнения Title
Прежде чем приступить к формированию title, нужно четко запомнить несколько требований:
- Чем ближе основной ключ находится к началу, тем лучше
- Старайтесь по возможности не склонять основное ключевое слово
- Каждый из title на вашем сайте должен быть единственным и неповторимым как на вашем сайте, так и среди других сайтах
- Title не должен быть несвязным набором ключей. Это должно быть грамматически связанное и правильно составленное предложение
- Title и заголовок страницы – это разные вещи и не нужно их путать. Они должны быть разными
- Если вы оказываете услуги или продаете товар в конкретном регионе, укажите в title город
- Не повторяйте ключ дважды
- Если вам нужно разбить title на два предложения ни в коем случае не используйте точку. Используйте другие разделители «|», «:», «-» и ничего кроме них (да, запятые тоже нельзя)
- В конце title точка не ставится
- Начните title с заглавной буквы
- Оптимальная длина title от 30 до 65 символов, все что выйдет за границы поисковая система обрежет
Пример заполнения title
Итак, с теорией разобрались теперь перейдем к практике. Вернемся к шкафу. Мы выбрали три подходящих ключа «Шкаф, купить шкаф, деревянный шкаф». Все логично, но за такой title поисковая система может наложить санкции. Почему? Смотрите выше пункт 4 и пункт 7.
А вот предложение «Купить недорого деревянный шкаф в Москве – ООО «Стеллажик»» не только содержит основные высокочастотные запросы, но и отвечает всем правилам грамматики.
Итак, еще несколько примеров правильных Title:
Купить капсульную кофеварку по низкой цене в Москве – «Импульс»
Заказать сайт-визитку в Орле – разработка сайтов «Агни»
Евроремонт домов и квартир в Смоленске по низким ценам | Еврострой
А вот так делать не нужно:
Окна, установка окон, пластиковые окна, дешевые окна, купить окна
Простое перечисление ключевых слов – это плохой вариант.
Главная. ООО Праздник, товары для праздников оптом по низким ценам в Белгороде
Помните, никаких точек и запятых? А еще ключевые слова должны быть в самом начале.
Купить торт
Слишком короткий и неинформативный title
Типичные ошибки, с которыми можно столкнуться на большинстве сайтов:
- Нарушение допустимых размеров title
- Отсутствие вхождения ключевых запросов
- Неуникальные title
- Несоответствие ключей в title и содержимого страницы
Мета-тег description – с какой стороны к нему подойти?
Вспомним, что description содержит описание страницы и того, что пользователь на ней найдет. Это небольшая самореклама, чтобы заинтересовать потенциальных посетителей и заставить открыть именно ваш сайт из всей поисковой выдачи. По этим нескольким предложениям пользователь оценивает, стоит ли ему переходить на страницу или нет. Ваша задача – убедить его.
Google всегда отображает содержание мета-тега description в сниппете. Яндекс формирует сниппет на свое усмотрение из вашего контента или мета-тега.
Для того чтобы правильно составить текст для этого мета-тега, вам снова пригодятся уже подобранные для title ключевые слова и ваша фантазия.
Как составить правильный description
Несколько неукоснительных правил:
- Добавьте самую частотную фразу в начало
- Используйте прямое вхождение ключа
- Текст должен быть согласованным с точки зрения русского языка
- Description не title, поэтому не стоит его повторять
- Оптимальная длинна составляет от 70 и до 200 символов. Все, что выходит за верхний предел, поисковая система обрежет
- Мыслите креативно, отразите ваши сильные стороны и преимущества
- Используйте призывы к действию
- Придумайте уникальный текст для каждой из страниц сайта
Кажется, что все очень сложно, но это не так. Перейдем к примерам.
Пример заполнения description: как правильно, а как делать не стоит
Давайте разберем следующий description.
Телевизоры в Москве – купить телевизор по выгодной цене в Электрисити. Бесплатная доставка и гарантия 2 года. Большой выбор товаров. Совершайте покупки на выгодных условиях!
Если вы хотите что-то продать, то вы должны включить коммерческие запросы. Слово «купить» относится как раз к такому виду запросов, кроме него можно использовать и другие «заказать, цена, прайс, стоимость, выгодные цены и т.п.».
Основная фраза «телевизоры в Москве» употреблена в самом начале, указали преимущества (гарантии, бесплатная доставка). Cделали description уникальным по отношению к другим сайтам, добавив название своего магазина (бренда). И конечно же призыв к действию в самом конце не останется незамеченным.
Вот так очень просто всего в 170 символов мы уместили основную информацию, соблюдая все правила и требования, и получили правильный description.
А теперь представьте, что вы хотите купить себе электронные часы и видите следующее описание:
«Купить часы электронные в интернет-магазине «Циферблат» — выгода: продажа в кредит, низкая цена, самовывоз или доставка по Краснодару, гарантия. Часы электронные в каталоге с описанием характеристик – поможем выбрать, заказать, доставим»
Кроме того, что такой текст невозможно читать и он абсолютно не соответствует грамматическим правилам, множество повторов, неестественное вхождение ключей.
Маленький бонус напоследок! Универсальный шаблон для коммерческих сайтов:
[Название категории] купить по цене от [минимальная цена в категории] ☛ Низкие цены ☛ Большой выбор ☛ Доставка по всей России ★★★ Интернет-магазин ______ ☎ [телефон] (Пн-Сб с 9:00 до 18:00)
[Название товара] купить по цене [цена товара] ☛ Низкие цены ☛ Большой выбор ☛ Доставка по всей России ★★★ Интернет-магазин _____и ☎ [телефон] (Пн-Сб с 9:00 до 18:00)
Если вам показалось, что написать что-то свое абсолютно вам не по силам, то такой description подойдет под любой вид товаров.
Мета-тег Keywords
Мета-тег Keyword содержит ключевые слова, по которым страница продвигается. Когда-то очень давно именно с помощью этого мета-тега поисковая система определяла релевантность. Оптимизаторы очень активно стали его использовать, включая в него безразмерные списки из ключей, не всегда относящихся к содержимому. Из-за этого значение keywords было нивелировано. Хоть он и не влияет на ранжирование его заполнение считается хорошим тоном.
Правила заполнения
- Пишите только релевантные для вашей страницы ключевые запросы
- Не добавляйте слишком много фраз – количество в пределах 1-5, будет оптимальным
- Пишите запросы через «,»
- Вот и все, теперь вы знаете как составить важные для оптимизации мета-теги самостоятельно. Не забудьте, что вам нужно прописать их для каждой из страниц вашего сайта. Удачи!
Как автоматизировать заполнение мета-тегов
Если вы владелец интернет-магазина содержащего сотни или тысячи страниц, то ручное заполнение мета для каждой из страниц – очень долго и неэффективно, об информационных порталах и вовсе не стоит говорить. Как правило, для таких ресурсов используются CMS, в любой из них предусмотрен раздел с SEO настройками. Составьте универсальный шаблон – это значительно сократит временные затраты.
Пример написания шаблона для description вы читали выше, а вот так может выглядеть title для интернет-магазина:
[Название товара] – купить в [Город] | [Название магазина]
Для информационных сайтов за основу title как правило берут название статьи добавляя к ней название ресурса.
Действуя таким образом, вы получите заполненные мета-теги для всех страниц сайта и уложитесь в вполне адекватные строки. Вы можете вручную подкорректировать мета для группы товаров, продажи которых вы бы хотели увеличить, подобрав для них ключи в индивидуальном порядке.
Не хотите читать длинные стати и потом тратить часы на составление и оптимизацию мета-тегов? Обращайтесь за поисковым продвижением к нам!