Как настроить смартфоны и ПК. Информационный портал
  • Главная
  • Windows 8
  • Какая информация располагается в теге meta. Что такое метатеги? Как правильно заполнять метатег Title, Description, Keywords

Какая информация располагается в теге meta. Что такое метатеги? Как правильно заполнять метатег Title, Description, Keywords

Теги meta помогают людям находить ваш сайт в поисковых системах, влияют на его позиции в поисковой выдаче. Если правильно применять мета-теги – шанс того, что ваш сайт попадет в ТОП Yandex, Google, Rambler и других ПС значительно возрастает. Метатеги не являются обязательным атрибутом, и вы можете не использовать их. Поэтому стоит разобраться, насколько важны и зачем они нужны.

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

Главные задачи мета-тегов:

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

Какие бывают мета-теги

  1. Для роботов поисковых систем (title, description, keywords) – используются для внутренней оптимизации ресурса .
  2. Технического характера – они позволяют правильно настроить отображение и индексацию страницы, указать информацию об авторе и документе.

Роботы поисковых систем – это специальная программа, которая перебирает все страницы из интернета и добавляет информацию из них в базу данных. Поисковый робот (веб-паук) анализирует страницы сайта, сохраняет и группирует контент по определенным критериям, после чего переходит по ссылке на следующую страницу и снова повторяет процесс.

Как правильно сформировать метатеги для ПС

Для составления title, description и keywords используются ключевые слова или фразы. Эти фразы важны, они подсказывают поисковым системам, какая тематика у статьи, и на какие вопросы она может ответить.

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

Тег «Title»

Мета-тег прописывается вебмастером в html коде документа и является его заголовком. Это не заголовок статьи на сайте, поэтому на самой странице его вы не найдете.

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

Всем знакомая страничка поиска в Яндексе выдает нам результаты по запросу в виде блоков с названием и описанием или анонсом содержимого:

Так выглядит содержимое тега «Title» в заголовке вкладки (окна браузера):

Как заполнять тег title

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

Поисковые системы установили стандарты на содержимое и допустимый объем в теге title. Задача вебмастера – вместить в короткую фразу самые емкие и важные слова как для роботов, так и для человека.

Рассмотрим на примере, как правильно составить тайтл для страницы категории вечерних платьев интернет-магазина женской одежды.

Ключевые слова: купить вечернее платье , интернет-магазин платье, купить платье недорого, сколько стоит вечернее платье

Можно было бы так: «Купить вечернее платье, интернет-магазин платьев, купить платье недорого»

Но лучше будет так: «Купить вечернее платье в интернет-магазине недорого с доставкой».

То есть в стремлении ответить на большее количество запросов пользователя можно не угодить поисковику, в первом случае получается переспам по основному ключу. Во втором случае нет повторов, есть гармонично составленное предложение, содержащее к тому же основной ключевой запрос + 2 ключевых слова: “интернет-магазин” и “недорого”.

Важно: Поисковые системы Yandex и Google выдвигают разные стандарты длины тега Title. Google отображает пользователям до 70 символов, и до 12 слов. Яндекс отображает – до 15-ти слов, и до 80-ти символов.

Мета-тег Description – описание страницы

«Description» – тег предоставляет «анонс» на странице выдачи по запросу пользователю краткое описание содержимого страницы. Тег наполняется 2-4 короткими предложениями, в которых рекомендуется использовать 1-2 поисковых запроса

Как заполнять metadescription

Для создания примеров возьмем за основу 2 поисковые фразы: стильная женская одежда, одежда от производителя.

Например,

  1. можно было бы скопировать часть статьи со страницы: С 1992 года наша компания сотрудничает с итальянскими домами моды. Поэтому в нашем ассортименте представлен широкий выбор моделей, благодаря чему вы можете купить одежду от производителя недорого. Стильная женская одежда – мечта каждой женщины.
  2. но лучше составить уникальный, без переспама, но с ключевыми словами небольшой анонс содержимого страницы: Купить стильную женскую одежду от итальянского производителя можно в нашем интернет-магазине недорого, с доставкой.

Возможно пользователю интересна история с 1992 года и пустой маркетинговый текст, но более привлекателен для человека конкретный ответ на его запрос. То есть слова, помимо ключевых, должны иметь вес в глазах пользователя. В нашем примере текст про «недорого» и «с доставкой» выгодно отличает этот интернет магазин от того, который «представляет широкий выбор» словами-штампами и пустым текстом, не имеющим веса в мета – description, о том, что «одежда – это мечта каждой женщины».

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

C помощью содержимого meta name description поисковые системы формируют сниппеты. Это короткое описание страницы, которое отображается в поисковой выдаче сразу под ссылкой на сайт.

Вы помните, как это выглядит:

Если же ПС считают, что meta name description content сформирован не по всем правилам, то сниппет создается из разных кусочков фраз, находящихся на странице.

Это выглядит так:

«Description» вместе с тегом «Title», о котором мы говорили выше, образуют пару самых важных мета-тегов для внутренней оптимизации . От правильности заполнения этих двух тегов зависит:

  • Ранжирование страницы в поисковых системах.
  • Перейдет ли пользователь из ПС к вам на сайт.

Прописывать теги «Title» и «Description» рекомендуется для каждой страницы сайта.

Мета-тег Keywords – поисковые запросы

Мета-тег keywords используется для того, чтобы сообщить поисковым системам, на какие запросы отвечает содержимое страницы. Если ПС находит соответствие контента ключевым фразам в meta keywords и релевантность запросу пользователя, это дает большую вероятность вывода вашего сайта в результатах поиска.

Мета-тег keywords не должен содержать слова, которые не встречаются в тексте на странице. То есть не может быть прописан ключ «плащ с капюшоном» для страницы о босоножках, если фраза не упоминается в тексте. Такая страница не отвечает на этот запрос по факту, но претендует на место в выдаче по этому ключевому слову. ПС выражают свое неуважение к таким ресурсам понижая их позиции в поиске.

Если ключами для страницы являются: вечерние платья, купить вечернее платье, заказать вечернее платье, вечернее платье с доставкой, платье в клетку, платье в пол, то не стоит в таком виде применять их для заполнения meta keywords.

Правильнее без повторов и переспама: вечернее платье, купить, заказать, с доставкой, в клетку.

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

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

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

Основные технические мета-теги:

Content-type – в нем содержится информация о типе документа и его кодировки. Мета-тег влияет на правильность отображения страницы в браузере. Сейчас браузеры способны легко определить кодировку сайта, но вебмастеры рекомендуют воспользоваться тегом для большей уверенности.

Content-language – тег сообщает браузеру и поисковым роботам, на каком языке представлен контент на сайте.

Refresh – используя этот тег, можно указать браузере время, через которое документ автоматически должен обновиться, или перевести пользователя на другую страницу.

Robots – он отвечает за то, какие области сайта будут подвергнуты индексации, а какие роботы ПС пропустят. У тега Robots могут быть следующие значения:

  • Index – страница открыта для индексирования/Noindex – запрещает индексацию страницы
  • Follow – позволяет учитывать гиперссылки на странице/Nofollow – не позволяет учитывать гиперссылки на странице
  • All – замена для значений «follow» и «index», позволяет учитывать гиперссылки и индексировать страницу
  • None – замена для значений «nofollow» и «noindex», закрывает от индексации страницу и гиперссылки

Meta Author и Copyright – с помощью этих тегов можно указать владельца документа и авторство.

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

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

Много заблуждений кроется в вопросе влияния мета тегов на SEO. Некоторые теги очень часто использовались в прошлом, но уже потеряли свою силу. Так какие же теги все еще пригодны для SEO, а какие нет?

Что такое мета теги?

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

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

Часто мета теги содержат атрибут name , который устанавливает тип мета данных. Значение метаданных определяется в атрибуте content . Рассмотрим несколько типов пар название-значение, которые часто встречаются на страницах.

Описание

Мета тег description является, вероятно, наиболее часто используемым. Он предоставляет поисковому роботу короткое описание страницы. Например:

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

Описание все еще может влиять на CTR вашей страницы. Слова, которые соответствуют запросу выделяются в результатах поиска жирным. Поэтому хорошее описание (которое усилено ключевыми словами) может оказаться для пользователя более привлекательным, увеличивая шанс перехода по ссылке. Рекомендуемая длина описания - 160 символов.

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

Мета тег robots

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

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.

Чем данный тег полезен для SEO? В первую очередь он представляет собой простой способ предотвратить индексацию дублирующего содержания, например, печатной версии страницы. Так же мета тег может быть полезен на незавершенных страницах или для скрытия конфиденциальной информации от поисковых сервисов.

Заголовок

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

Тег title должен быть во всех документах HTML, он определяет заголовок страницы. Разметка выглядит следующим образом:

Заголовок страницы

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

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

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

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

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

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

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

Мета тег keywords

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

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

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

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

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

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

Me gusta..

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

Обновление

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

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

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

Заключение

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

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

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

Один из вариантов применения тега meta - указание HTTP -заголовков, которые должны быть отправлены клиенту до отправки самой веб-страницы. Например:

<meta http-equiv = "Content-Type" content = "text/html" / >

Такая запись указывает, что страница должна быть отправлена вместе с HTTP-заголовком Content-Type: text/html. Такой заголовок указывает браузеру или другой программе тип отправляемого документа. Тем не менее, несмотря на то, что первоначально предполагалось, что веб-серверы будут считывать meta-теги внутри отправляемых клиенту веб-страниц, и формировать HTTP-заголовки в зависимости от их содержимого, на практике это не реализовано в наиболее используемых веб-серверах, соответственно, веб-серверы не меняют отправляемые клиенту HTTP-заголовки, а клиент (веб-браузер) обрабатывает эти meta-теги самостоятельно (в частности, данные из meta-тегов могут заменять данные, получаемые из HTTP-заголовков ).

Кроме того, meta-теги могут использоваться для того, чтобы сообщить браузеру информацию о документе, когда HTTP-заголовки недоступны (например, если страница открывается локально с диска, а не загружается с веб-сервера).

В общей форме метаданные записываются в следующем виде: в теге meta указывается атрибут name (имя) и связанный с ним атрибут content (содержимое), в котором описывается какой-либо аспект веб-страницы, например, ключевые слова:

<meta name = "keywords" content = "википедия, энциклопедия" / >

Функции мета-тегов

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

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

Группы мета-тегов

Мета-теги разделены на две основные группы - NAME и HTTP-EQUIV. Группа NAME отвечает за текстовую информацию о странице, ее авторе, а также - рекомендации для поисковых систем. HTTP-EQUIV фактически эквивалентны гипертекстовым заголовкам, формируют заголовок страницы и определяют его обработку. Как правило, они управляют действиями браузеров и используются для формирования информации, выдаваемой обычными заголовками.

Группа NAME

Мета-тег Author и Copyright

Мeтa-тeг PICS-Label

Мeтa-тeг Window-target

Определение окна загружаемой страницы.

Мета-тег Imagetoolbar

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

<meta http-equiv = "imagetoolbar" content = "no" / >

Значение мета-тегов

Метаданные о веб-странице изначально предназначались в том числе для того, чтобы помочь поисковым машинам отнести веб-страницу к той или иной категории. В 90-е годы мета-теги активно использовались в целях раскрутки своего сайта, в том числе предоставляя ложные или избыточные метаданные. После этого поисковые машины стали придавать мало внимания метаданным; теперь большее значение имеет правильное структурирование веб-страницы и наличие большого количества ссылок на сайт с авторитетных ресурсов.

Мета-теги — это необязательные атрибуты, размещенные в заголовке страницы, между тегами и , которые никак не отображаются браузером (за исключением содержимого тега ). <b>Мета-теги </b> могут содержать описание html-страницы, ключевые слова к ней, информацию об авторе, управляющие команды для браузера и <a href="/kak-rabotayut-poiskovye-roboty-poiskovye-roboty.html">поисковых роботов</a>, а также прочую <a href="/informacionnaya-bezopasnost-organov-vnutrennih-del-zashchita-informacii-v.html">служебную информацию</a>, не предназначенную для посетителей. <b>Мета-теги </b> для сайта играют очень <a href="/v-obektno-orientirovannyh-yazykah-programmirovaniya-peremennye-igrayut.html">важную роль</a>. Их добавление в html-документ могут существенно помочь сайту в его жизни.</p> <p>Всегда применяйте только те мета-теги, которые реально нужны для работы веб-сайта. Не следует загромождать область <head> лишними инструкциями, т.к. любая ошибка здесь может привести к печальным последствиям.</p> <h2>Функции мета-тегов</h2> <p>На данный момент не существует их четкой стандартизации, однако функции мета-тегов достаточно разнообразны. Можно выделить несколько основных направлений использования мета-тегов:</p> <ul><li>мета-теги могут идентифицировать авторство веб-документа, его адрес, частоту его обновлений;</li> <li>мета-теги используются поисковыми роботами для индексации и создания заголовков гипертекстовых документов;</li> <li>мета-теги влияют на режим отображения веб-страниц.</li> </ul><h2>Группы метатегов</h2> <p>Мета-теги можно разделить на две основные группы — это <b>NAME </b> и <b>HTTP-EQUIV </b>. Группа <b>NAME </b> отвечает за текстовую информацию о веб-документе, его авторе, а также - формирует рекомендации для поисковых роботов. Мета-теги, относящиеся к группе <b>HTTP-EQUIV </b> фактически эквивалентны гипертекстовым заголовкам, они формируют заголовок веб-страницы и определяют его обработку, а также управляют действиями браузеров и используются для формирования информации, выдаваемой обычными заголовками.</p><p>Элемент <b>meta </b> принимает следующие атрибуты: <span>content, http-equiv, name, charset и scheme. </p><table class="table table-bordered">Атрибут<th>Описание </th> <tr><td>Name </td><td>Имя метатега, также косвенно устанавливает его предназначение. Примеры: include, keywords, description, author, revised, generator и др. </td> </tr><tr><td>content </td><td>Устанавливает значение атрибута, заданного с помощью name или http-equiv. </td> </tr><tr><td>scheme (устарел) </td><td>Указывает <a href="/kak-udalit-baidu-s-kompyutera-kak-udalit-baidu-poleznaya.html">полезную информацию</a> о схеме или название самой схемы, которая должна быть использована для интерпретации значения свойства (то есть значения атрибута «content»). Не применяется в HTML5. </td> </tr><tr><td>charset </td><td>Новый атрибут, показывает кодировку документа в HTML5. Пример: <meta charset="utf-8"> </td> </tr><tr><td>http-equiv </td><td>Формирует заголовок страницы и определяет его обработку. Как правило, управляет действиями браузеров и используется для формирования информации, выдаваемой обычными заголовками. Например HTTP-EQUIV может использоваться для управления кэшированием, обновлением страницы, автоматической загрузки другой страницы. </td> </tr></table><h2>Группа значений атрибута <b>NAME </b></h2> <h3>«keywords» (ключевые слова)</h3> <p><b>Keywords </b> поисковые системы используют для того, чтобы определить релевантность страницы тому или иному запросу. При формировании <a href="/vychislyaemye-polya-v-skd-1s-8-3-funkcii-funkcii-yazyka-vyrazhenii.html">данного значения</a> необходимо использовать только те слова, которые <b>обязательно </b> встречаются в самом документе. Использование тех слов, которых нет на странице, не рекомендуется. Ключевые слова нужно добавлять по одному, через запятую, в единственном числе. Рекомендованное количество слов в «keywords» - не более десяти. Кроме того, выявлено, что разбивка этого значения на несколько строк влияет на оценку ссылки <a href="/kak-funkcioniruyut-poiskovye-mashiny-i-kak-pravilno-stroit-zaprosy.html">поисковыми машинами</a>. Некоторые поисковые системы не индексируют сайты, в которых в значении «keywords» повторяется одно и то же слово для увеличения позиции в списке результатов.</p><p>Если раньше «keywords» имел определённую роль в ранжировании сайта, то в <a href="/vk-ne-pokazyvaet-vremya-poslednego-poseshcheniya-kak-skryt-vremya-poslednego.html">последнее время</a> поисковые системы относятся к нему нейтрально.</p> <p>HTML-код с «keywords» :</p><p> <!DOCTYPE html> <html> <head> <title>keywords Основное содержимое страницы

«description» (описание страницы)

Description используется при создании краткого описания конкретной страницы Вашего сайта. Практически все поисковые системы учитывают его при индексации, а также при создании аннотации в выдаче по запросу. При отсутствии «description» поисковые системы выдают в аннотации первую строку документа или отрывок, содержащий ключевые слова. Отображается после ссылки при поиске страниц в поисковике, поэтому желательно не просто указывать краткое описание документа, но сделать его содержание привлекательным рекламным сообщением.

Таким образом, правильный description обязательно должен содержать ключевое слово, коротко и точно описывать то, о чём данная веб-страница. «Description» вместе с «title» образуют очень важную пару значений, от которых зависит то, перейдёт пользователь из поисковой выдачи на веб-страницу или нет! Поэтому «description» и «title» нужно прописывать для каждой веб-страницы!

HTML-код с «description» :

description Основное содержимое страницы

«Author» и «Copyright»

Эти значения, как правило, не используются одновременно. Функция author и copyright - идентификация автора или принадлежности контента на странице. «Author» содержит имя автора веб-страницы, но в случае, если веб-сайт принадлежит какой-либо организации, целесообразнее использовать значение «Copyright».

HTML-код с «author» :

Примеры применения метатегов Основное содержимое страницы

«Robots»

Robots - формирует информацию о гипертекстовых документах, которая поступает к роботам поисковых систем.

У «robots» могут быть следующие значения:

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

HTML-код с «robots» :

Примеры применения метатегов Основное содержимое страницы

Группа значений атрибута HTTP-EQUIV

«Content-Type»

Content-Type определяет тип документа и его кодировку.

HTML-код с «Content-Type» :

Примеры применения метатегов Основное содержимое страницы

В HTML5 указание кодировки упрощено:

«refresh»

Refresh - задержка времени (в секундах) перед тем, как браузер обновит страницу. Кроме того, может использоваться автоматическая загрузка другой html-страницы с заданным адресом (url).

HTML-код с «refresh» :

Основное содержимое страницы

Браузер поймет эту запись, как через 5 секунд загрузить новую страницу, указанную в параметре URL, в данном случае это переход на сайт сайт. Значение «refresh» позволяет создавать перенаправление (редирект) на другой сайт. Если URL не указан, произойдет автоматическое обновление текущей страницы через количество секунд, заданных в атрибуте content .

Обратите внимание, что кавычки в указании URL-адреса перед http не ставятся.

«Content-Language»

Content-Language указывает язык документа. Может использоваться поисковыми машинами при индексировании страниц. Комбинация поля Accept-Language (посылаемого браузером) с содержимым Content-language может быть условием выбора сервером того или иного языка.

HTML-код с «content-language» :

Язык документа Основное содержимое страницы

В HTML5 указание языка упрощено:

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

Пример HTML:

Попробуй сам Заголовок страницы Основное содержимое страницы

Задачи

Итоговое задание

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

Пришло время повторить изученное и выполнить четыре несложных задания:

Ключевые слова

  • Реши сам »

С помощью одинарного тега задайте ключевые слова: "HTML,CSS,JavaScript" для текущей веб-страницы.

Ключевые слова

Ключевые слова

Метатеги (англ. meta tags) - предназначены для предоставления структурированных метаданных о веб-странице.

Не стоит недооценивать важность мета-тегов для SEO-продвижения. При грамотной настройке повышается конверсия, посещаемость и активность пользователей на сайте. Опытные специалисты приступают к заполнению и корректировке description, title, keywords и других тегов, размещаемых в контейнере …, сразу после сборки семантического ядра.

Мета-теги: определение и виды

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

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

Это в корне неверно! В последние годы наблюдается тенденция, когда эффект от использования описания, правильно составленных заголовков, тайтла и т. д. гораздо выше.

Основными сопроводительными тегами являются:

  • Description – описание;
  • keywords – ключевики (слова, фразы);
  • ALT – подпись к изображению;
  • Title – заголовок веб-страницы;
  • H1-H6 – подзаголовки разного уровня и т. д.

Каждый из них имеет свои особенности, поэтому нужно четко знать правила заполнения мета-тегов для статей. Если углубиться в суть и понять принцип заполнения, то ни description, ни тайтл не будут вводить в ступор и вызывать паническую атаку 9 как это нередко бывает у копирайтеров).

Важнейшими критериями при написании мета-тегов являются:

  • правила синтаксиса;
  • особенности поисковых систем.

Внимание! Для интернет-ресурсов на русском языке главными являются требования ПС Яндекс и Google, поскольку они самые популярные.

Как заполнять Description?

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

Существуют конкретные критерии грамотного заполнения метатега Description:

  1. Может состоять из нескольких предложений. Должен полностью отражать суть текста. Пишется согласованным текстом, а не в виде беспорядочного набора слов.
  2. Уникален для каждой страницы сайта. Не совпадает с описаниями с других интернет-ресурсов.
  3. Может быть . Содержит продвигающие SEO-запросы, написанные в правильной морфологической форме.
  4. Не совпадает с title и другими мета-тегами.
  5. Количество символов должно быть от 70 до 200. В Google длина определяется в пикселях (от 400 до 930).
  6. Желательно в мета-описании продемонстрировать , интернет-магазина, товара или услуги.
  7. Самая важная информация размещается в начале текста.
  8. Лишняя информация, вода, стоп-слова и т. д. не добавляются в описание.

Увы. далеко не все копирайтеры и SEO-специалисты с должным вниманием относятся к составлению description. Не надо так!

Прописываем Title

Тайтл (title) – это заголовок для сниппета страницы, который будет отображаться на страницы поисковой выдачи.Критериями для title являются:

  1. Уникальность. Заголовок не должен повторять заголовки с других страниц, статей или сайтов;
  2. Полное отражение лейтмотива текста, его содержания;
  3. Внесение минимальных изменений в главный запрос и максимального количества слов из него;
  4. Отсутствие слишком большого количества ключей;
  5. . Он должен цеплять и привлекать внимание;
  6. Соответствие нормам и правилам ;
  7. Максимальная длина текста – 80 символов (не больше 15 слов) для Яндекса и 70-ю знаками (12 слов) для Гугла. Все лишнее в поисковой выдаче обрезается;

Вставлять в тайтл тоже не стоит, если на вашем сайте после вертикальной черты |следует наименование компании.

Неправильное заполнение title

Рассмотрим несколько наглядных примеров, как нельзя писать этот мета-тег для статьи.

Пример №1 . Исходный текст: «Интернет-магазин N предлагает купить качественные мужские толстовки, худи и свитшоты».

Ошибки в заголовке:

  • название компании в начале тайтла;
  • ключевые запросы для продвижения расположены в конце;
  • лишние слова, снижающие «продажность».

Его можно перефразировать так: «Мужские толстовки, худи и свитшоты в интернет-магазине N». Теперь он более благозвучный, не содержит лишних слов, а ключевики расположены в начале.

Пример №2 . Исходный текст: «Юридические услуги, услуги юриста в Москве, юрист в Москве».

В этом варианте наблюдается перечисление ключевых слов и фраз. Текст несвязный, переспамлен и не отображает сути.

Пишем Заголовок H1

Как писать мета-теги description и title разобрались, теперь продолжим осваивать другие атрибуты. Тег H1 размещается в теле статьи только один раз. В нем, как правило, содержится не более 3-6 слов, больше – уже перебор.

Условия правильного составления метатега H1:

  1. Использование только один раз.
  2. Статья без H1 считается неверно структурированной.
  3. Ориентировочная длина до 70 символов, но допускается большее количество.
  4. Должен быть уникальным.
  5. Для в тег лучше прописать основные характеристики (цвет, размер, название модели и т. д.).
  6. Атрибут должен соответствовать нормам русского языка (согласован, без ошибок и т. д.).

Неправильное заполнение H1

Чтобы закрепить правила создания мета-тега H1 для статьи, давайте рассмотрим пример.

Пример H1, выбранный случайным образом:

Как вы видите, заголовок слишком длинный, содержит большое количество лишний слов и знаков препинания. Это отголоски “старого SEO”, которое почти не работает сегодня.

Иными словами: если у вас классная статья с хорошими ПФ, но в заголовке чего-то из ключей не хватает, поисковик сделает все, чтобы даже при таком раскладе вы вышли в ТОП. И, наоборот, даже если ваш заголовок содержит половину всех ключей для статьи (шутка), но на статью не ходят и ее не читают, вам не поможет ничего. так и останется далекой мечтой.

Как писать Заголовки H2-H6

Метатеги H2- H6 размещаются в теле статьи и подразделяют ее на смысловые блоки.

Внимание! Необходимо придерживаться правильной последовательности тегов. Атрибут H2 – название основного блока, H3 – подраздел в нем, H4 – мини-блок в составе H3 и т. д.

Чаще всего используются только заголовки уровня H2 и H3. Теги H4-H6 на практике могут понадобиться только в больших текстах, в крайне редких случаях.Условия, которым они должны соответствовать, идентичны правилам заполнения H1. Отличие только в том, что они могут использоваться неограниченное количество раз.

Примером неправильного использования тега будет нарушение иерархии (H3 идет перед H2 того же блока) или когда после него в той же строке идет текст. После тега необходимо сделать отступ и только потом писать материал.

Мета-тег ALT для изображений

Атрибут ALT является подписью к иллюстрации или фотографии. Требования к его заполнению следующие:

  1. Короткое описание изображения, соответствующее действительности.
  2. Длина не больше 250 символов, но не менее 3-4 слов.
  3. Содержание продвигающих запросов (для конкретной картинки, а не всей статьи!) по аналогии с title и H
  4. Отсутствие переспама.
  5. Соответствие нормам языка.

Важно! Для описания фото одного товара с разных ракурсов допускается одинаковый ALT.

Пример . Возьмем первую картинку, которая попалась под руки:

Как ее можно описать? Вот несколько вариантов:

№1. «Картинка 1» – такой ALT причиняет настоящую боль опытному сеошнику, редактору или копирайтеру. Подпись абсолютно не описывает изображение.

№2. «Мужчина в черной куртке» – тоже не подходит, хоть и ясно описывает, что изображено на фото. Для коммерческого сайта следует сделать акцент на товаре, то есть главным должно быть слово «куртка», а не «мужчина».

№3. «Мужская куртка» – приемлемый вариант, но имеет слишком широкое значение, что повышает конкуренцию запроса. К тому же недостаточно подробно описывает товар.

№4. «Мужская куртка LaRedoute, куртка для мужчины LaRedoute, демисезонная куртка для мужчин» – это слишком переспамленный ALT, что может повлечь санкции от фильтра Баден-Баден и других контролирующих программ поисковых систем.

№5. «Осенняя мужская куртка LaRedoute» – хороший пример описания (есть акцент на товаре, наименование бренда, гендерная принадлежность и спецификация на сезоне года).

Совет!

Атрибут ALT заполняется на том же языке, на котором написана статья. Поисковые системы сейчас без затруднений распознают русский язык, поэтому необязательно альтернативный текст к картинке пишется латиницей.

Что с keywords?

Некоторые копирайтеры «образца 2007 года» до сих пор делают ставку на ключевые слова. Однако последние тенденции в SEO-продвижении говорят об их малой эффективности.Использовать keywords в статьях можно, но особой пользы это не принесет. Скорее, поможет поисковику дополнительно определить релевантность основного материала его заголовку и Title.

Особенности мета-тегов в CMS

В популярных системах управления контентом WordPress и Opencart мета-теги заполняются на странице редактирования. В Joomla писать мета-теги для статьи можно не только при создании или изменении материала, но и в блоке «Менеджер меню», где следует выбрать вкладку «Метаданные».

Чтобы указать или отредактировать дополнительные теги в Битрикс, необходимо в окне «Свойства страницы» выбрать вкладку «Изменить страницу», а затем перейти на «Заголовок и свойства страницы».

В Magento алгоритм ввода мета-тегов выглядит так:

  1. В панели управления сайта выбираем нужный товар.
  2. Нажимаем кнопку «Информация о товаре» (Product Information).
  3. Выбираем вкладку «Мета информация» (Meta Information) и корректируем данные.

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

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

Лучшие статьи по теме