Что такое мета ключевые слова. Значение и применение

В этой статье мы с Вами разберём последнюю группу мета-тегов в HTML , предназначенных для поисковых систем. Они имеют большую важность, и их надо использовать на каждой странице. Без использования мета-тегов для поисковых систем , оптимизация будет затруднена.

Сначала давайте разберём то, как вставляются мета-теги для поисковых систем в HTML . Как и все мета-теги, они вставляются внутри тега <head > следующим образом:

Как видите, процесс вставки абсолютно идентичен процессу вставки мета-тегов для страницы , поэтому здесь всё так же просто. Теперь перечислю основные мета-теги для поисковых систем , которые надо будет использовать:

  • description - этот мета-тег содержит описание страницы. Фактически, в данном мета-теге необходимо кратко сформулировать, что на данной странице находится. Вопреки заблуждению большинства, данный мета-тег влияет на выдачу в поисковых системах, поэтому вставляйте его на каждой странице.
  • keywords - мета-тег, содержащий ключевые слова для данной страницы. Здесь можно использовать набор различных слов, которые чаще всего у Вас встречаются на данной странице. Так же как и "description ", "keywords " должен быть указан на каждой странице.
  • robots - этот мета-тег используется, если нужно запретить индексацию страницы поисковыми система. Это бывает очень полезно и очень часто используется. О возможных значениях этого мета-тега мы поговорим чуть ниже.

Теперь давайте приведу пример использования мета-тегов для поисковых систем в HTML :





Здесь всё прозрачно, поэтому остановлюсь только на мета-теге "robots ". Здесь существует 4 значения:

  • index,follow - это значение означает, что данную страницу нужно проиндексировать, а также пройтись по всем ссылкам на данной странице.
  • noindex,follow - это значение сообщает поисковому роботу, что страницу индексировать не надо, а вот пройтись по ссылкам на этой странице стоит.
  • index,nofollow - индексировать страницу нужно, но по ссылкам на ней не переходить.
  • noindex,nofollow - это значение сообщает роботу, что ни индексировать страницу, ни переходить по ссылкам на этой странице нельзя.

Если поисковый робот должен проиндексировать страницу и перейти по всем ссылкам (в большинстве случаев это так), то указывать мета-тег "robots " необязательно. А вот если нужно запретить индексацию, то самый простой способ это сделать - воспользоваться мета-тегом "robots ".

Мета теги (meta tags) - это специальные теги html, которые входят в состав заголовочных тегов html и не видны пользователю на странице

Эти теги не являются обязательными. Однако в мета тегах заключена важная служебная информация для браузера и поисковой машины, о которых мы и поговорим дальше.

Важным свойством мета тегов является то, что они все находятся внутри заголовочного тега .

Все мета теги можно разделить на три группы:

  • Для поисковой машины (учитываются при продвижении сайта)
  • Для браузера (учитываются только браузером)
  • Информация об авторе

1. Мета теги для поисковой машины

Для оптимизаторов и поисковых машин только эти теги имеют значение. Однако в последнее время их вес в ранжировании сайтов значительно упал, но при этом ни одна поисковая система не сказала, что полностью отказывается от этих тегов.

Мета теги, которые учитывает поисковая машина:

  • title - заголовок страницы, другими словами название страницы. Очень важный тег в ранжировании сайтов (см. тег );</li> <li><b>description </b> - описание страницы сайта (см. );</li> <li><b>keywords </b> - ключевые слова страницы сайта (см. );</li> <li><b>robots </b> - управляет индексацией документа, а также ссылками в этом документе. Имеет следующий синтаксис:</li> </ul><blockquote><meta name ="Robots " content ="ПАРАМЕТРЫ "> </blockquote> <p>Параметры могут принимать следующие значения:</p> <ul><li>index (разрешить индексацию документа)</li> <li>noindex (запретить индексацию документа)</li> <li>follow (разрешить следовать по ссылкам)</li> <li>nofollow (запретить следовать по ссылкам)</li> <li>all (равносильно сочетанию index и follow)</li> <li>none (равносильно сочетанию noindex, nofollow)</li> </ul><p>По умолчанию стоит all, что является нормой для большинства страниц интернета. Например, если хотите запретить страницу к индексации и обход ссылок, то надо написать none или noindex, nofollow (тег noindex и ).</p> <p><u>Примечание </u>: <br>Наверняка Вы слышали про файл robots.txt (см. как правильно создать robots.txt), в котором можно запрещать к индексации <a href="/problem-with-os/povernut-otdelnuyu-stranicu-v-word-izmenenie-orientacii-odnoi/">отдельные страницы</a> сайта или даже целые разделы. Однако поисковая машина все равно может проиндексировать документ, который закрыт, через robots.txt, т.к. это всего лишь рекомендация для поисковой машины. В свою очередь мета тег robots позволяет со 100% точностью закрыть <a href="/tips/kakaya-programma-nuzhna-dlya-skanirovaniya-dokumentov-programmy/">нужный документ</a> от индексации.</p> <p>4. <b>Revisit </b> - позволяет указать, как часто нужно переиндексировать документ. Этот мета тег устарел и не учитывается поисковыми роботами. Его никто сейчас не воспринимает в серьез.</p> <h2>2. Мета теги для браузера</h2> <p>Главная задача мета тегов для браузера - это корректно отображать страницу сайта для пользователя.</p> <p>В этом варианте есть пару важных тегов, давайте рассмотрим каждый из них. Синтаксис мета тега в общем случае следующий:</p> <blockquote><meta http-equiv ="параметр " content ="параметр2 "> </blockquote> <p>Могут быть использованы <a href="/useful-on-windows-10/naznachenie-konstrukciya-harakteristiki-dostoinstva-i-nedostatki-uzo-chto/">следующие параметры</a> атрибута:</p> <ul><li><b>Content-Type </b> - служит для задания кодировки страницы сайта. Обычно используется кодировка кириллицы Windows-1251 или UTF-8</li> <li><b>Content-Language </b> - задает язык, на котором написана страница. На мой взгляд не очень важный тег</li> <li><b>Cache-Control </b> - параметры кэширования документа</li> <li><b>Refresh </b> - этот мета тег задает промежуток времени для 301 редиректа</li> </ul><h2>3. Мета теги c информацией об авторе</h2> <p>Напоследок расскажу о том, как можно задать информацию о браузерах через мете таги:</p> <ul><li>Site-created - дата запуска сайта;</li> <li>author - имя автора сайта;</li> <li>owner - указывает владельца документа;</li> <li>reply-to - контакты автора;</li> <li>address - адрес автора.</li> </ul><p>Честно говоря, эти теги на <a href="/education-and-science/kogda-sozdali-odnoklassniki-kto-vladelec-odnoklassnikov/">данный момент</a> никому не нужны, но тем не менее они есть.</p> <p>Много заблуждений кроется в вопросе влияния мета тегов на SEO. Некоторые теги очень часто использовались в прошлом, но уже потеряли свою силу. Так какие же теги все еще пригодны для SEO, а какие нет?</p> <h2>Что такое мета теги?</h2> <p>Мета теги дают поисковым роботам <a href="/tips/socialnye-seti-razrushayut-kak-socialnye-seti-vliyayut-na-otnosheniya/">больше информации</a> о веб странице. <a href="/android/chto-takoe-dannye-i-informaciya-chem-dannye-otlichayutsya-ot-informacii/">Данная информация</a> скрыта от посетителей страницы.</p> <p>Мета теги размещаются в элементе <head> . Также мета теги можно помещать и в элемент <body> , но лучше отказаться от такой практики, так как некоторые браузеры не распознают их и в результате может произойти нарушение разметки.</p> <p>Часто мета теги содержат атрибут name , который устанавливает тип мета данных. Значение метаданных определяется в атрибуте content . Рассмотрим несколько типов пар название-значение, которые часто встречаются на страницах.</p> <h2>Описание</h2> <p>Мета тег description является, вероятно, наиболее часто используемым. Он предоставляет поисковому роботу короткое описание страницы. Например:</p> <p> <meta name=”description” content=”Урок о мета тегах для поисковой оптимизации”/></p> <p>Раньше данный тег использовался для повышения ранжирования страницы, но изменения алгоритмов работы поисковых систем уменьшили его влияние на результат выдачи по <a href="/setting-up-software/kak-uznat-kolichestvo-poiskovyh-zaprosov-statistika-poiskovyh-zaprosov/">поисковому запросу</a>. Однако данный мета тег все еще может быть полезен, так как <a href="/customize-your-desktop/poiskovaya-stranica-proksi-server-hameleon-chetyre-sposoba-kak/">поисковые сервера</a> используют информацию из него на страницах результатов.</p> <p>Описание все еще может влиять на CTR вашей страницы. Слова, которые соответствуют запросу выделяются в результатах поиска жирным. Поэтому <a href="/setting-up-software/chto-takoe-rezhim-ahci-v-bios-ahci-ili-ide---chto-luchshe-opisanie-rezhima-harakteristiki/">хорошее описание</a> (которое усилено ключевыми словами) может оказаться для пользователя более привлекательным, увеличивая шанс перехода по ссылке. Рекомендуемая длина описания - 160 символов.</p> <p>Но что случится, если оставить мета тег описания пустым или совсем его не использовать? Поисковый сервис также будет выдавать короткое описание страницы в результатах запроса, но оно будет составлено самим сервисом. В большинстве случаев такое описание не настолько хорошо, как хотелось бы. То есть, в таком случае вы теряете возможность убедить пользователя перейти на свою страницу.</p> <h2>Мета тег robots</h2> <p>Мета тег robots используется для управления доступностью веб страницы для <a href="/tips/kombinacii-usloviya-poiska-informacii-v-seti-tema-poisk/">поисковых сервисов</a>. Вы можете разрешить или запретить индексирование страницы, следование по ссылкам и архивацию. Например:</p> <p> <meta name=”robots” content=”noindex, nofollow” /></p> <p>This meta tags tells search engines not to index the page and prevent them from following the links. If you happen to be using two contradictory terms (e.g. noindex and index), Google will choose the most restrictive option.</p> <p>Чем данный тег полезен для SEO? В первую очередь он представляет собой простой способ предотвратить индексацию дублирующего содержания, например, печатной версии страницы. Так же мета тег может быть полезен на незавершенных страницах или для скрытия <a href="/desk-desktop/skachat-rasshirenie-ghostery-ghostery-plagin-dlya-zashchity-konfidencialnoi/">конфиденциальной информации</a> от поисковых сервисов.</p> <h2>Заголовок</h2> <p>Технически, тег title не является мета тегом, но часто служит тем же целям. Он включен в наш урок так как является очень важным для поисковой оптимизации.</p> <p>Тег title должен быть во всех документах HTML, он определяет заголовок страницы. Разметка выглядит следующим образом:</p> <p> <title>Заголовок страницы

    Очень просто и очень эффективно. Заголовок показывается в двух разных местах: в верхней панели браузера и на странице результатов поиска. То есть тег title оказывает существенное влияние на CTR и ранжирование.

    Хороший заголовок должен включать ключевые слова и их лучше использовать вначале заголовка. Помните, что ключевые слова выделяются в результатах запроса жирным шрифтом.

    Другой момент, о котором следует помнить - длина. Google ограничивает заголовок 70 символами, поэтому, может быть, придется переделать заголовок, чтобы он удовлетворял требованиям.

    Мета тег для указания типа содержания используется для объявления кодировки страницы. Лучше добавить немного информации для предотвращения проблем с выводом информации, вызванных неправильным распознаванием кодировки в браузере. Но данный тег не влияет на ранжирование или CTR.

    Может быть вы знакомы с длинной формой Content-Type:

    В наши дни лучше использовать короткую версию:

    Данный тег нужно располагать до элементов, которые содержат текст, включая тег title .

    Мета тег keywords

    Данный тег раньше был очень полезен, но в наши дни он потерял свое значение. Ни один из основных поисковых сервисов не использует мета тег keywords для оценки содержания страницы.

    В данном теге можно разместить несколько ключевых слов о содержании страницы, но он не улучшит ранжирования в результатах запроса. Формат мета тега:

    Мета тег указания языка

    Формально данный мета тег используется для объявления языка, используемого на веб странице. Так информируются программы для чтения с экрана и различные обработчики страниц, что делает содержание более доступным для них. Пример определения французского языка для содержания:

    В наши дни лучше определять язык с помощью атрибута:

    Атрибут также можно использовать и для других элементов, если язык его содержания отличается от того, который используется на странице:

    Me gusta..

    Отказ от перевода

    Обновление

    С помощью данного мета тега можно указать браузеру на необходимость обновлять страницу через определённые промежутки времени. Например, так опредлеяется обновление страницы каждые 30 секунд:

    Также возможно перенаправлять пользователя на другую страницу после такого обновления. Например:

    Использование данного тега не поощряется W3C, так как он дезориентирует пользователя. Тем не менее, он не оказывает влияния на ранжирование в результатах поиска.

    Заключение

    Подводя итог выше сказанному, есть три мета тега, на которых следует сконцентрироваться: description , robots и title (технически, он не является мета тегом).

    Тег description используется для вывода дополнительной информации о содержании страницы в результатах поиска. Тег robots применяется для предотвращения ранжирования дублирующего содержания, конфиденциальных страниц и незаконченных частей сайта. А содержание тега title не должно превышать 70 символов и при этом включать ключевые слова.

    В недавнем прошлом мета тег keywords был мощным инструментом для SEO, но те времена прошли.

    HTML теги

    Значение и применение

    Тег обеспечивает метаданные о HTML документе. Метаданные не отображаются на странице, но интерпретируются браузерами и поисковыми системами.

    Мета элементы, как правило, используются, чтобы указать описание страницы, ключевые слова, автора документа и другие метаданные. Разрешается и, как правило, необходимо использовать несколько метатегов. Тег всегда размещается внутри тега . XHTML требует закрывающего тега , в HTML элемент считается одиночным.

    Поддержка браузерами

    Тег
    Opera

    IExplorer

    Edge
    Да Да Да Да Да Да

    Атрибуты

    Атрибут Значение Описание
    character_set Задает кодировку символов для HTML документа.
    content text Задает значение, связанное с атрибутами name и http-equiv , в зависимости от контекста.
    http-equiv content-security-policy
    content-type
    default-style
    refresh
    Фактически эквивалентен гипертекстовому заголовку (имитация http-заголовка), формируют заголовок страницы и определяют его обработку. Как правило, они управляют действиями браузеров и используются для формирования информации, выдаваемой обычными http-заголовками.
    name application-name
    author
    description
    generator
    keywords
    Определяет имя документа на уровне метаданных.
    scheme format/URI (универсальный идентификатор ресурса) Не поддерживается в HTML 5.
    Указывает полезную информацию о схеме или названии самой схемы, которая должна быть использована для уточнения значения свойства атрибута content .

    Пример использования

    Указание кодировки документа

    Тег позволяет сообщить браузеру посетителя, какой набор символов и какую кодировку необходимо установить на веб-странице. Атрибут (HTML тега ) задает кодировку символов для HTML документа.

    charset = "utf-8" > </span>Пример использования тега <meta><span>

    Это заголовок.

    Это параграф.

    В данном примере мы задали кодировку документа UTF-8 с использованием элемента и атрибута . Кодировка UTF-8 одна из общепринятых и стандартизированных кодировок текста, которая позволяет хранить символы Юникода.

    Часто используемые мета-теги

    Метаданные разделены на две основные группы:

    • первая группа - значения атрибута name .
    • вторая группа - значения атрибута

    Что такое мета теги? Мета теги — это специальные теги html, находящиеся в контейнере и предназначены для передачи информации о сайте браузерам и поисковикам. Например, при обходе вашего ресурса, поисковые роботы собирают заголовки страниц, описание сайта, ключевые слова, данные об авторе и прочую информацию содержащуюся в тегах . Перед тем, как показать страницу сайта пользователя, то же самое делает и браузер, чтобы понять, в каком виде должен показываться сайт для ПК или для смартфона.

    В этом материале, мета теги будут рассматриваться нами через призму . И вы сможете узнать, основные правила их заполнения, анализа и проверки с помощью инструментов вебмастера.

    Виды мета-тегов:

    • title (заголовки страниц);
    • description (краткое описание страницы);
    • keywords (ключевые слова);
    • технические мета теги (отвечают за корректность отображения страницы).

    Как правильно заполнять мета теги

    С точки зрения SEO, главные мета теги сайта это Title, Description и Keywords. Поэтому именно правильность их заполнения мы и рассмотрим. Повторимся, что все они должны располагаться между тегами и не в каком другом месте кода.

    Title

    Мета тег отвечает за заголовок страницы и отображается строчкой текста на вкладке браузера.</p> <p>Для <a href="/error-in-windows-10/istoriya-razvitiya-sistem-poiska-informacii-kakimi-byli-pervye/">поискового продвижения</a> сайта, необходимо, чтобы ключевое слово находилось, как можно ближе к началу Title или стояло самым первым. Если сайт продвигается в каком-либо регионе — пишем название города или региона. Далее следует продающая или уточняющая добавка. В завершении, чтобы придать тайтлу уникальности, после прямой черты вставляем название сайта или компании</p> <p><b>Например: </b></p> <ol><li>Для коммерческого сайта: <i>«Купить ноутбук в Москве — цены от 19990 р в интернет-магазине | site.ru» </i></li> <li>Для информационного сайта: <i>«Как правильно выращивать алоэ в домашних условиях | Садовод </i>»</li> </ol><p>Для того, чтобы заголовок не обрезался при показе в результатах выдачи поисковых систем, нужно чтобы длина тайтле была не более 65 символов.</p><p> <title>Заголовок страницы

    Description

    Мета-тег Description отвечает за то, чтобы в нескольких предложениях описать суть информации на странице. Обычная поисковая система берёт информацию из этого тега для формирования сниппета в результатах выдачи.

    Description также должен включать прямое вхождение ключевого слова (по возможности дополняется другой словоформой), рассказывать о преимуществах вашего предложения, плюс служит в качестве промо основному содержанию страницы. Давайте попробуем составить описания страниц, для двух примеров упомянутых выше.

    Примеры:

    1. «Купить ноутбук в Москве. Закажите ноутбук по цене от 19 990 рублей в интернет-магазине. Доставка бесплатно. Гарантия 2 года.»
    2. «Как правильно выращивать алоэ в домашних условиях. Журнал Садовод делится секретами выращивания растения алоэ дома. »

    Длина не более 140 символов. На чистом html, это выглядело бы вот так:

    Keywords

    Мета тег Keywords — это набор ключевых слов, по которым продвигается страница. Впрочем сегодня этот атрибут уже не является обязательным и заполняется по желанию, так в «золотую эпоху» SEO им слишком злоупотребляли и поисковые системы практически не обращают внимание на него. Если же вы всё-такие решили заполнить keywords, лучше это делать простым перечислением слов в начальной форме без запятых:

    «Купить ноутбук Москве заказать цена стоимость рубль интернет-магазин каталог доставка гарантия»

    Длина любая, но слишком усердствовать не стоит. В html правильно пишется вот так:

    Спарсить мета теги конкурентов можно буквально в пару кликов - с помощью парсера .

    Технические мета-теги

    • Expires — дата устаревания документа.
    • Pragma — запрет на использование кэшированных данных, информация должная подгружаться с сервера.
    • Content-Type — тип контента и кодировка.
    • Content-language — языка страницы/сайта.
    • Cache-Control — устанавливает кэшируется ли документ или нет, и если да, то каким образом.
    • Robots — отвечает за индексацию отдельных страниц.
    • document-state — частота индексации.

    Отсутствие мета тегов может негативно сказаться на отображении, индексации и ранжировании страниц.

    Как добавлять мета теги на CMS

    Чаще всего для управления контентом на сайте используются различные CMS и некоторые из них требуют установки дополнительных модулей и плагинов, чтобы задавать мета теги. Чтобы прописать мета теги на CMS нужно:


    Хоть Wix и не является CMS — это всего лишь конструктор, здесь тоже можно сделать мета описание сайт и ключевые слова, в которых содержится информация о сайте. Для каждой страницы при нажатии на три точечки, всплывает меню, где можно перейти в раздел SEO и задать необходимые параметры.

    Но если вы всерьёз вознамерились продвигать сайт в поисковиках, Wix лучше не использовать и выбрать например, тот же WordPress.

    Проверка мета-тегов онлайн +анализ

    Для проверки мета тегов на собственном сайте или для анализа мета описаний у конкурентов, можно использовать сервисы, которые быстро и в режиме онлайн показывают нужную информацию.

    Вот несколько таких сервисов:

    • http://seo-inf.ru/tools/view-metatags/
    • http://www.prcy-info.ru/index.php/meta-tags-check
    • https://сайт/prizyv-k-dejstviyu-v-reklame/