Мета-теги страницы. Что такое мета-теги и для чего они нужны Что такое мета теги микробиология

Больше не нужно использовать мета теги ключевых слов и описания. Что для того, чтобы получить высокое место в естественной поисковой выдаче достаточно уникального контента и грамотно составленного title. Вполне возможно, что для определенных ключевых фраз этого и достаточно, но это не значит, что вы должны игнорировать мета теги keywords и description полностью!

На самом деле, заголовок страницы (title) и мета описания (description) часто используют поисковики для формирования сниппета, который появляется всякий раз, когда ваши страницы появляются в естественных результатах поиска. Соответственно содержимое, которое имеется в этих мета тегах, играет важную роль в привлечении посетителей из поисковой выдачи.

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

Мета теги должны быть заполнены как можно более полно

Первый шаг к правильной оптимизации мета тегов, это использовать оптимальное количество символов при заполнении. Хорошо продумайте название и описание вашей страницы, которое вы указываете в мета тегах. Это, можно сказать, лицо вашего сайта и от него напрямую зависит, проявят ли интерес новые пользователи к вашему ресурсу, так как они сталкиваются именно с этой информацией в фрагменте (сниппете) вашего сайта в результатах поиска. Как правило, при заполнении мета тегов, вы должны учитывать следующие ограничения на число символов в каждом из мета тегов:

  • Заголовок страницы (title) — 70 символов
  • Мета описание (description) — 160 символов
  • Мета ключевые слова (keywords) — не более 10 ключевых фраз разделенных запятой (я использую не больше двух)

Мета теги должны включать в себя целевые ключевые слова и фразы естественным образом

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

При создании мета тега title (заголовок страницы), рассмотрите вопрос о включении в него основного ключевого слова данной страницы и наименования вашего бренда, разделенных символом «|» либо “::”. Не стоит заполнять title, как многие делают, ключевыми словами.

Следуя этой формуле, рассмотрим пример правильного мета тега title для страницы «О нас”:

Правильный title

«О нас | Веб студия Роза Ветров – создание сайтов и их SEO продвижение»

И плохой пример той же страницы:

Не правильный title

«О нас – веб студия, создание сайтов, SEO продвижение”

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

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

Наконец, когда дело доходит до мета тега (keywords) ключевых слов, рекомендации носят смешанный характер. В то время, как добавление контента в эту область не поможет заработать вашему сайту более высокий рейтинг в результатах выдачи, ключевые слова здесь могут играть определенную роль в том, как хорошо ваш сайт ранжируется менее авторитетными поисковыми системами, нежели Google или Яндекс.

Мета теги (description ) описания должны включать призыв к действию

Теперь начинается самое интересное …

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

Пример сниппета по запросу “Продвижение сайтов”:

Правильный description

« Веб студия Роза Ветров осуществляет продвижение сайтов — полный комплекс работ по раскрутке сайта в поисковых машинах»

Не правильный description

« Именно поэтому всем компаниям, которым необходимо продвижение сайтов следует обратить внимание на адаптацию своего ресурса для посещения …»

Я думаю, что даже не нужно спрашивать, какие из этих статей вы предпочитаете читать, не так ли?

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

Если вы еще не эксперт копирайтер, следует учитывать следующие рекомендации, когда дело доходит до создания ваших мета тегов заголовков и мета описаний:

  • Добавить призыв к действию . Большинство людей переходят по ссылкам на подсознании, принимая к сведению действия, которые вы просили. Возможные призывы к действию для вашего мета описания могут включать фразы «Узнайте, как», «Узнайте больше о», «Нажмите здесь», или другие вариации.
  • Используйте ключевое слово . Первый показатель мета описания, сам по себе не дает преимущества. Его надо использовать в связке с фразой, в которую входит ключевое слово вашей страницы и которая станет реальной причиной для перехода по ссылке, чтобы прочитать статью полностью.
  • Написать свои мета теги для себя . После того как вы придумали и составили несколько возможных мета тегов, спросите себя: «Я бы перешел по ссылке на основе этой информации?» Если мета теги вам пока не кажутся убедительными, перепишите их, пока не придумаете что-нибудь более соблазнительное.

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

Мета теги могут быть улучшены за счет использования структурированных данных (микроразметка)

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

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

О создании таких сниппетов я уже упоминал в своих постах о и

Следующий пример (из поискового запроса «рецепт картофельного супа») показывает разницу между веб-страницами с микроразметкой данных, и без:

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

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

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

Мета-данные располагаются в разделе HEAD наряду со скриптами, стилями и линками.

Широкое применение получили три группы мета-тегов:

  • NAME;
  • HTTP-EQUIV;
  • CONTENT.

Для маркетологов, владельцев площадок, SEO-специалистов - тех, кто занимается поисковой оптимизацией сайтов и не имеет отношения к профессиональной разработке - важно запомнить и учитывать только атрибут NAME и теги title, description, robots, keywords, viewport. Если же вы хотите углубиться в мета-данные, начните с обзорной статьи на Википедии .

Мета-теги для SEO

Title

Формально title - не мета-тег, но он размещается в разделе HEAD, поэтому о нем чаще всего говорят именно с приставкой «мета».

Title - самый важный тег для SEO. Заполняйте его для всех страниц сайта!

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

Синтаксис тега title:

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

Отображаемая длина title (символов с пробелами):

  • Google - до 50-55;
  • Яндекс - до 45-55.

Длина заголовка title ограничений не имеет, но с точки зрения SEO важно, чтобы в первых 45-50 символах была законченная мысль. Это позволит пользователям из поиска Яндекса/Google без проблем понимать, о чем страница.

Заголовок title должен быть информативным, точно описывать содержимое страницы, включать главное ключевое слово, но без переспама .

Description

Description - это мета-описание страницы. Для SEO этот тег один из ключевых.

Синтаксис:

Раньше Google и Яндекс при формировании сниппета в результатах поиска выводили информацию из description. Но оптимизаторы быстро поняли, что с помощью description можно манипулировать выдачей. Кроме того, многие владельцы сайтов недобросовестно подходили к заполнению этого мета-тега: вставляли первый абзац из текста, копировали title или вообще игнорировали его.

В итоге Яндекс перестал формировать описания только на основе description - теперь учитывается весь контент страницы.

Google по-прежнему выводит description в сниппете - но при условии, что он заполнен качественно. В противном случае подтянется релевантный, по мнению Google, контент со страницы.

Но это вовсе не означает, что description утратил свою значимость для SEO. Роботы Яндекса и Google по-прежнему сканируют содержимое description и учитывают его при определении релевантности документа.

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

Какова длина мета-тега description

В руководствах для вебмастеров Яндекса и Google вы не найдете ни единого слова по поводу длины мета-описаний. Более того, отображаемая длина описаний в сниппетах постоянно меняется: например, в 2017 году Google расширил ее до целых 300 символов, а в 2018 году - укоротил до 160.

Поэтому при определении оптимальной длины мета-тега description приходится опираться на эмпирические данные и здравый смысл.

Состоянием на начало 2020 года отображаемая длина описания сниппета в результатах поиска (в символах с пробелами):

  • Google : десктопный поиск - 135-175; мобильный поиск - 100-120. Отслеживать среднюю длину title и description в Google (десктоп) можно в сервисе RankRanger - сейчас она составляет 50,88 и 169,38 символов соответственно;
  • Яндекс : десктопный поиск - 160-260; мобильный поиск - 100-160. После нажатия на ссылку «читать еще» описание может разворачиваться более чем на 500 символов.

Чтобы сделать сниппеты информативными, лучше самую важную информацию добавлять в первые 100-120 символах мета-тега description, а не 160-170 - как принято считать.

Фактическая длина description может превышать и 300, и 500 символов - но нет смысла тратить ресурсы на увеличение мета-описаний, поскольку пользователи все равно не увидят эту информацию (поисковики же могут воспринять ее как спам). Лучше направьте усилия на и повышение его качества.

Title и description должны выгодно выделять ваш сайт на фоне конкурентов. Узнать, какие мета-теги используют конкуренты, можно в один клик с помощью специального . Первые 500 запросов - бесплатно! Как пользоваться инструментом - с советами и примерами - мы описали в .

Как правильно составлять description

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

  • заполните уникальные description для всех URL сайта (если нет возможности расставить мета-теги сразу на всех страницах, начните с главной, страниц каталога, самых важных товаров);
  • описание должно быть точным и содержать полезную информацию. Например, описывая товар в интернет-магазине, укажите его характеристики, назначение, цену. Фраза вроде «купите сапоги у нас, потому что мы лучшие» в качестве описания исключена;
  • не превращайте description в спам-лист (недопустимо перечисление ключевых фраз, особенно в прямом вхождении).

«Наличие мета-тегов с некачественным содержанием может стать причиной удаления страницы из результатов поиска» - справка Яндекса.

Robots

С помощью этого мета-тега можно разрешать или запрещать поисковым роботам индексировать страницы и переходить по размещенным ссылкам.

Мета-тег robots может принимать такие значения (их понимает и Яндекс, и Google):

  • index (или noindex) - разрешена (запрещена) индексация страницы;
  • follow (или nofollow) - разрешена (запрещена) индексация ссылок (о применении noindex и nofollow );
  • all - аналог одновременного использования index и follow;
  • none - аналог одновременного использования noindex и nofollow;
  • noarchive - в результатах поиска не будет выводиться ссылка на сохраненную в кэше копию.

Кроме того, есть значения (директивы), которые понимают только отдельные поисковики. Например, только Google поддерживает такие директивы:

  • nosnippet - запрет показа описания страницы в результатах поиска;
  • max-snippet: - указание максимальной длины описания в сниппете;
  • max-image-preview: - указание максимального размера картинок, которые выводятся в результатах поиска для данной страницы;
  • max-video-preview: - ограничение по длительности видео, которое выводится в результатах поиска (не более секунд);
  • notranslate - запрет вывода опции, предлагающей перевести страницу в результатах поиска;
  • noimageindex - запрет индексации изображений на странице;
  • unavailable_after: - запрет показа страницы в результатах поиска после указанной даты и времени.

Подробно о директивах Google читайте в спецификации для разработчиков.

В Яндексе тоже есть «специфические» директивы:

  • noyaca - запрет использования автоматически сформированного описания;
  • index | follow | archive - отмена соответствующих запрещающих директив.

Подробно о директивах Яндекса читайте в справке .

Синтаксис мета-тега robots такой:

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

Значения мета-тега robots понимают все поисковые системы. Также можно задать правила индексирования только для:

  • Google - в этом случае используется мета-тег googlebot вместо robots (значения можно задавать те же);
  • Яндекс - вместо robots указывается yandex.

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

Keywords

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

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

Если вы решили заполнять keywords, учитывайте синтаксис:

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

Viewport

Этот мета-тег стал особенно актуальным после начала учета поисковиками мобильной адаптации в качестве фактора ранжирования. В обычной практике SEO-специалисту вряд ли придется прописывать этот мета-тег - это задача разработчиков шаблона. Но знать о его существовании все же нужно.

Итак, если сайт адаптирован под просмотр на мобильных, в разделе HEAD будет прописан мета-тег viewport такого вида:

Здесь значение device-width атрибута width дает команду браузеру подогнать ширину окна под ширину экрана устройства. Значение 1 атрибута initial-scale запрещает масштабирование окна (например, при повороте экрана).

Мета-теги для разметки Open Graph

Эта разметка важна для повышения привлекательности контента при расшаривании его в соцсетях. Например, так может выглядеть ссылка в Facebook на страницу без Open Graph разметки:

Поробно о синтаксиске и правилах составления этой разметки .

H1-H6 - полезные для SEO теги

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

H1-H6 - это теги логической структуры документа. На каждой странице обязательно должен быть один заголовок, заключенный в тег H1. Подзаголовки заключаются в теги H2-H6 и добавляются на страницу опционально (если того требует логика построения документа и изложения).

Синтаксис такой:

Заголовок первого уровня

Заголовок второго уровня

Заголовок третьего уровня

и т. д.

При расстановке тегов H1-H6 обязательно должна соблюдаться очередность: например, после H1 идет только H2, а после H2 - только H3.

Часто у начинающих SEO-специалистов возникает вопрос: title и H1 - это одно и то же? Нет - тег title прописывается в разделе HEAD, а не BODY, и именно его используют роботы при формировании сниппета. Вместе с тем текст, заключенный в теги title и H1, обычно частично (реже - полностью) дублируется.

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

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

Теги и атрибуты как составные части языка HTML

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

Теги задают каркас страницы, атрибуты расширяют или модифицируют действия тегов. Они описываются внутри открывающего тега в виде коллекции «имя="значение"». Например: .

Существует два типа тегов: парные и одиночные. Парные (или контейнерные) теги состоят из пары — открывающий и закрывающий тег <...>.... Одиночные теги состоят лишь из одного открывающего тега. Например, тег .

Стандартно структура HTML-документа содержит такие элементы:

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

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

Отображаемый на странице контент

  • указывает на тип текущего документа. В нашем случае HTML;
  • тег отмечает границы документа, в нем содержатся обязательные теги и ;
  • тег — контейнер, в него помещается информация для браузеров и поисковых систем. Содержимое тега не отображается напрямую на веб-странице, за исключением тега , с помощью которого устанавливают заголовок вкладки браузера;</li> <li>тег <body> определяет видимую часть документа, которая отображается в окне браузера. К такой информации относится текст, изображения, результат работы скриптов и другое.</li> </ul><p>Сперва рассмотрим набор тегов, помещающихся в блоке <head>. Они наиболее значимы для специалиста по поисковой оптимизации.</p> <h2>Что такое тег <title></h2> <h4>Пример кода:</h4> <meta name="description" content="Метатег description - это информативное и продуманное описание страницы. Мы расскажем, как сделать его привлекательным для пользователя и привлечь посетителей на ваш сайт." /> <p><img src='https://i1.wp.com/images.netpeak.net/blog/tak-vygladit-description.png' align="center" width="100%" loading=lazy></p> <h3>Meta robots</h3> <p>Метатег robots служит для указания правил индексирования <a href="/statistika-konkretnoi-stranicy-v-yandeks-metrike-kak-v-yandeks/">конкретных страниц</a> сайта и позволяет следовать по гиперссылкам с данных страниц.</p> <h4>Пример кода:</h4> <meta name="robots" content="index, follow"> <p>Значение атрибута «name» указывает, что директива актуальна для всех роботов. Вы также можете закрыть доступ только одному из них. Для этого в атрибуте «name» следует указать нужного робота, например, основного робота Google — «googlebot» или Яндекса — «yandex».</p> <h4>Основные значения атрибута content:</h4> <ul><li>index — страница доступна для индексации;</li> <li>noindex — запрет добавления страницы в индекс;</li> <li>follow — ссылки на странице доступны к индексации и открыты для передачи ссылочного веса;</li> <li>nofollow — сигнализирует роботу о том, что переходить по ссылкам и передавать ссылочный вес запрещено;</li> <li>all — инструкция, аналогичная «index, follow», противоположная настройка: «none».</li> </ul><p>Наличие метатега robots в коде сайта не обязательно. Если meta robots отсутствует, страница открыта для индексации и переходить по ссылкам разрешено.</p> <h3>Meta charset</h3> <p>Метатег с атрибутом «charset» указывает на тип кодировки документа. Он применяется для правильного отображения текста страницы браузером. Для <a href="/skachat-hakerskuyu-operacionnuyu-sistemu-hakerskie-operacionnye-sistemy/">операционной системы</a> Windows и кириллицы используют значения атрибута «utf-8» или «windows-1251». Этот метатег следует размещать в самом начале блока <head> до элементов, которые содержат текст, включая тег <title>.</p> <p><b>Пример кода: </b></p><p> <meta charset="UTF-8"> </p><p>Многие браузеры научились распознавать кодировку документа автоматически, но все же рекомендуется прописать короткую строку, чтобы избежать <a href="/kak-ochistit-vsyu-stranicu-vkontakte-udalit-vse-zapisi-so-steny-vozmozhnye/">возможных проблем</a> с выводом информации на странице.</p> <h3>Meta viewport</h3> <p>Метатег «viewport» сообщает браузеру, как следует обрабатывать размеры страницы, изменять ее масштаб под ширину экрана устройства, с которого выполнен переход. Meta viewport — один из пунктов внедрения адаптивного дизайна, когда для всех устройств используется один код с корректировкой по размеру экрана. Для корректного отображения контента сайта на любом устройстве, на всех страницах следует разместить следующий фрагмент кода:</p><p> <meta name="viewport" content="width=device-width, initial-scale=1.0"> </p><p>Если этот элемент отсутствует, <a href="/odnoklassniki-polnaya-versiya-registraciya-kak-sozdat-vtoruyu-stranicu-cherez/">мобильные браузеры</a> по умолчанию используют версию страниц для компьютера и пытаются оптимизировать контент собственными силами, подгоняя содержимое под размер экрана. Из-за этого контент страницы может выглядеть непропорционально, и посетителям сайта придется выполнять лишние действия, чтобы прочитать описание товара, посмотреть картинку, видео. Поисковые системы считают такой сайт не адаптированным для <a href="/proverka-optimizacii-dlya-mobilnyh-google-search-console-esli-google-pishet-stranica/">мобильных устройств</a> и будут понижать его в результатах поиска.</p> <h3>Meta keywords</h3> <p>Правильно составленный метатег keywords должен содержать 5-7 ключевых слов, описывающих основное содержание страницы. Раньше он сильно влиял на ранжирование по заданным в нем ключевым словам, но утратил значимость из-за действий недобросовестных вебмастеров и постоянного развития поисковых систем. Тем не менее, для метатега keywords еще не все потеряно. Так, в отчете «Яндекс и Google: факторы ранжирования в 2017 году » от «Ашманов и партнеры» представлен вывод о влиянии метатега на продвижение в Google.</p> <h4>Пример кода:</h4> <meta name="keywords" content="HTML, тег, атрибут, поисковая оптимизация, SEO"> <h2>Когда использовать теги link</h2> <p>В блоке <head> также располагаются теги <link>, которые устанавливают связь данного документа с другими веб-страницами. Рассмотрим такие атрибуты тега «link»: «canonical», «next / prev», «alternate».</p> <h3>Атрибут canonical</h3> <h3>Атрибут alternate</h3> <h2>Выводы</h2> <ol><li>Теги и атрибуты — это основа языка HTML. Оптимизация сайта немыслима без базового знания языка гипертекстовой разметки.</li> <li>Основной фронт работ SEO-специалиста связан с оптимизацией тегов из блока <head> HTML-документа, ведь именно там располагается информация для браузеров и поисковых систем. В контейнере <head> помещаются тег <title>, метатеги, теги <link>. В них содержится информация о документе, помогающая поисковым системам понять о чем страница и как следует ее интерпретировать.</li> <li>Не менее важна оптимизация тегов и атрибутов, расположенных в <body>, поскольку информацию именно из этого блока видят на странице пользователи. Контент должен быть структурирован, а код валидным, что служит залогом правильного отображения сайта в любом браузере.</li> <li>Нельзя сказать, что тот или иной элемент HTML-кода важнее других. Каждый тег и атрибут выполняет свою функцию и неправильное применение любого их них может привести к печальным последствиям. Главное — понять, как и зачем их нужно использовать. И делать контент в первую очередь для людей, а не для поисковых роботов.</li> </ol> <p>Теги meta помогают людям находить ваш сайт в поисковых системах, влияют на его позиции в поисковой выдаче. Если правильно применять мета-теги – шанс того, что ваш сайт попадет в ТОП Yandex, Google, Rambler и других ПС значительно возрастает. Метатеги не являются обязательным атрибутом, и вы можете не использовать их. Поэтому стоит разобраться, насколько важны и зачем они нужны.</p> <p>Мета-теги – это часть программного кода страницы. Они не видны обычному пользователю, и указываются в HTML коде страницы между открывающим и закрывающим тегом <head></head>.</p> <p><b>Главные задачи мета-тегов: </b></p> <ul><li>Влиять на режим отображения страницы в браузерах.</li> <li>Определять авторство контента, адрес страницы и частоту ее обновления.</li> <li>Направлять роботов поисковых систем в вопросах индексации, перехода по гиперссылкам.</li> </ul><h2><span><b>Какие бывают мета-теги </b> </span></h2><ol><li>Для роботов поисковых систем (title, description, keywords) – используются для внутренней оптимизации ресурса .</li> <li>Технического характера – они позволяют правильно настроить отображение и индексацию страницы, указать информацию об авторе и документе.</li> </ol><p>Роботы поисковых систем – это <a href="/kak-udalit-nenuzhnye-faily-s-kompyutera-vruchnuyu-kak-pochistit/">специальная программа</a>, которая перебирает все страницы из интернета и добавляет информацию из них в базу данных. Поисковый робот (веб-паук) анализирует страницы сайта, сохраняет и группирует контент по определенным критериям, после чего переходит по ссылке на следующую страницу и снова повторяет процесс. </p> <h2><span><b>Как правильно сформировать метатеги для ПС </b> </span></h2> <p>Для составления title, description и keywords используются ключевые слова или фразы. Эти фразы важны, они подсказывают поисковым системам, какая тематика у статьи, и на какие вопросы она может ответить.</p> <p>Ключевые слова – это фразы, которые пользователи вводят в поисковых системах, желая найти ответ на свой вопрос. Вебмастера стремятся писать статьи с использованием ключевых слов, стараясь ответить на запросы пользователя, чтобы привлечь их посетить сайт. Поисковая система выводит в ТОП выдачи те <b>страницы, которые, по ее мнению, лучше других соответствуют запросу, то есть наиболее релевантны. </b></p> <h3><b>Тег «Title» </b> </h3> <p>Мета-тег <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 – с помощью этих тегов можно указать владельца документа и авторство.

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

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

    Приветствую!

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

    Начнем с определения метатегов:

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

    Вот эти самые теги нужны только браузерам и поисковым роботам. Выполняют следующие функции:

    • Передают поисковикам и браузерам информацию о веб-странице;
    • Содержат управляющие команды для поискового робота и браузера;
    • Сообщают информацию о веб-странице и авторе.

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

    Метатеги Description, Keywords и тег Title

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

    • Мета-тег Description – указывается описание веб-страницы, которое обычно используется поисковыми системами в сниппетах;
    • Мета-тег Keywords – здесь указываются ключевые слова которым соответствует контент на странице;
    • Тег Title – заголовок страницы, который вы можете увидеть в результатах поисковой выдачи и на вкладке браузера. Этот тег не относится к мета тегам, но он выполняет схожие функции с вышеперечисленными.

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

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

    Метатег Robots

    • Index – разрешить индексацию;
    • Noindex – запретить индексацию;
    • Follow – разрешить индексацию ссылок;
    • Nofollow – запретить индексацию ссылок;
    • All – разрешить индексацию страницы и ссылок
    • None – запретить индексацию страницы и ссылок.

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

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

    Все метатеги прописываются в пределах тегов , то есть в самом начале кода.

    Как видите, метатег прописывается в коде элементом “” с наличием обязательных атрибутов:

    • name – прописывается сам метатег;
    • content – прописывается значение тега.

    Посмотрите пример выше.

    Как заполнить тег Title?

    В теге Title прописывается заголовок страницы, который отображается в выдаче поиска и вкладке браузера. По сути, это самый важный тег с точки зрения привлечения посетителей с поиска. А это значит только одно: чем привлекательней для потенциального клиента будет заголовок, тем больше у вас будет посещений (при условии, что вы в ТОП – 10, конечно).

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

    Что такое мета теги и как их заполнять?

    Как заполнить мета тег Description?

    Description тоже очень важен для привлечения посетителей, так как ПС ставят в сниппет то, что написано в этом теге. Количество символов ограничено до 120-150 символов. Поэтому крайне важно сделать такое описание, которое бы носило в себе максимум информативности о странице.

    Советы по заполнению:

    1. Не дублируйте то, что написано в теге Title;
    2. Разбавьте ключевой запрос тематическим текстом;
    3. Пишите только по делу!

    Как заполнить мета тег Keywords?

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

    Ключевые слова должны быть перечислены через запятые.

    Из всего написанного можно сделать вывод: самыми важными тегами являются Title и Description. Их заполнению нужно уделить особое внимание!

    Ну а на этом все, дорогие друзья!

    До скорых встреч и с наступающим!

    Тест по уроку №77

    Лимит времени: 0

    Навигация (только номера заданий)

    0 из 5 заданий окончено

    Информация

    Проверьте, полученные на уроке, знания!

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

    Тест загружается...

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

    Вы должны закончить следующие тесты, чтобы начать этот:

    Результаты

    Правильных ответов: 0 из 5

    Ваше время:

    Время вышло

    Вы набрали 0 из 0 баллов (0 )

    1. С ответом
    2. С отметкой о просмотре
    1. Задание 1 из 5

      1 .
      Количество баллов: 1

      Могут ли браузеры воспринимать мета-теги?

    2. Задание 2 из 5

      2 .
      Количество баллов: 1

      Является ли тег Title мета-тегом?

    3. Задание 3 из 5

      3 .
      Количество баллов: 1

      За что отвечает мета-тег Description?