Что такое meta. Мета теги html — что это такое


Теги для поисковой оптимизации сайта

- название (заголовок) HTML-документа. Должен идти сразу за тэгом <head>. Если вы пользуетесь редактором FrontPage или наподобие, вы должны убедится в том что тэг расположен в <a href="/kak-prodavat-na-ebay-iz-rossii-pravilnaya-posledovatelnost/">правильной последовательности</a>, такие редакторы нарушают последовательность тэгов.</p><p>Правильно составленный заголовок страницы может очень серьезно повысить рейтинг, потому что слова в заголовках имеют большой вес у поисковых машин, а также в системах индексации и в каталогах.</p><p>Заголовок страницы пишется между тэгами <title>...., с помощью него поисковые системы определяют то, о чем должна вестись речь на данной страничке и заголовки показываются в найденных результатах по запросу пользователя. Заглавие странички должно точно передавать суть содержания странички, содержать ключевые слова и привлекать пользователей. Помните о том, что соответствие ключевых слов в заглавии и содержании страницы приводит к повышению рейтинга страницы.

Не используйте ВСЕ ЗАГЛАВНЫЕ БУКВЫ в теге , так как некоторые поисковые системы не любят этого. Рекомендуется для всех страниц вашего сайта писать разные заголовки. Обратите внимание на количество знаков, указываемых в тэге. У разных <a href="/poiskovye-sistemy-vo-vsemirnoi-seti-kak-rabotaet-poiskovaya-sistema-istoriya/">поисковых систем</a> разные требования, но лучше не превышать длину тэга в 75 знаков (20-25 слов).<br> META теги</p><p> <META HTTP-EQUIV="Content-Type" Content="text/html; Charset=Windows-1251"> - Указивается кодировка на которой была написана наша страница. Это чтобы помочь браузеру</p><p> <META Name="author" Content="Ваши Ф.И.О., E-Mail"> - Здесь можно указать информацию об авторе страницы</p><p> <META Name="copyright" Content="Информация о вашей фирме"> - Указываются авторские права, информация о фирме и тд.</p><p> <META Name="keywords" Content="Ваши ключевые слова"> - Сюда пишим ключевые слова, встречающиеся на странице. Помогаем Поисковикам.</p><p> <META Name="description" Content="Описание Вашей страницы"> - <a href="/chto-znachit-windows-nt-kratkoe-opisanie-operacionnoi-sistemy-windows-nt/">Краткое описание</a> содержимого данной страницы. Также для поисковых роботов</p><p> <META HTTP-EQUIV="Expires" Content="Mon, 11 Jun 1998 00:00:01 GMT"> - Это для браузера, говорит чтобы страница бралась не и кэша</p><p> <META Name="Publisher-Email" Content="Ваш_e-mail@сервер.домен"> - адрес издателя страницы или ваш адрес</p><p> <META Name="Publisher-URL" Content="Адрес Вашего сайта"> - адрес Вашего сайта в сети Интернет</p><p> <META Name="Generator" Content="Microsoft Notepad"> - описывается средство, с помощью которого была создана данная страница.</p><p> <META Name="revisit-after" Content="10 days"> - как часто обновляется информация на странице.</p><p> <META http-equiv="Content-Language" content="ru"> - Говорит в какой языковой зоне сайт. Для поисковиков.</p><p>Теперь подробно о некоторых из них.</p><p>META тег <keywords> - ключевые слова. Этот тэг больше всех подвержен спаму. В него пихают одни и те же слова множество раз подряд, его заполняют словами, не относящимися к сайту, но популярными в Интернете.</p><p>Любое ключевое слово, упомянутое на сайте, должно быть включено в этот тэг. Аналогично, если вы вписываете слово в этот тэг, оно должно упоминаться на сайте. Постарайтесь как можно точнее определить ключевые слова. Не стоит пользоваться слишком общими словами, тогда ваша страница просто потеряется в общей массе. Избегайте повторения одного и того же слова. Даже с учетом повторения слова в разных формах оно может быть безопасно упомянуто не более 3 раз. Превышение этого лимита могут счесть спамом.</p><p>Иногда поисковики принимают слова из заглавных и прописных букв <a href="/kak-iskat-s-pomoshchyu-google-poisk-raznyh-slov-v-odnom-predlozhenii-poisk/">разными словами</a> например: Пример и пример. Помните, по статистики, в основном все запросоы в поисковых системах делаются прописными буквами. Но на всякий случай, наличие двух версий слова не повредит.</p><p>Не забывайте о <a href="/fleshtul-oshibka-vozmozhnye-prichiny-i-sposoby-resheniya-chto-delat-esli-sp-flashtool/">возможных ошибках</a> в написании слов. В написнии некоторых слов существуют популярные ошибки, если выбранное вами ключевое слово из их числа, то включите такие ошибки в свои ключевые слова.</p><p>Не используйте в ключевых словах так называемые "стоп слова", типа "в", "и", "на". Как правило поисковые системы просто-напросто игнорируют их. То есть вместо того, чтобы писать "поисковые системы и поиск в интернете", вы можете написать "поисковые системы поиск интернете</p><p>Старайтесь не использовать точки и запятые, их наличие может заставить робота воспринять несколько слов подряд как возможную фразу. Поскольку роботы читают <a href="/kak-ogranichit-chislo-php-cgi-processov-dlya-mod-fcgid-process/">ограниченное число</a> символов в каждом тэге (обычно не более 200), каждая точка или запятая крадет у вас доступное пространство.</p><p>Разместите тэг как можно выше, и, уж конечно, выше скриптов. Роботы обычно не читают ява-скрипты, поэтому такое размещение предотвратит пропуск тэгов. Если ваш сайт относится к какому-либо региону, упомяните об этом в тэге. Данныйй мета-тег никак не влияет на вес страницы для поисковика, но так или иначе, он влияет на оценку релевантности документа поисковыми системами. Рекомендуемый объем 800-1000 символов. Необходимо отметить, что больший приоритет робот отдает первым 50 словам.</p><p>Количество ключевых слов в HTML-документе является немаловажным фактором. Но, как правило, оно должно составлять 5% от всего объема документа. Робот также оценивает удаленность ключевых слов от начала документа и их кучность.</p><p>META тег <description> - описание документа. Этот мета-тег можно назвать самым важным. На него всегда обращает своё внимание поисковик.</p><p>Постарайтесь, чтобы описание выглядело призывно, естественноо и при этом указывала на ваш сайт. Например описания типа "Делай деньги! Узнай как заработать в Сети?" никак не ассоциируются с конкретным сайтом, да и эффекта не дают, хотя очень многие делают именно так, это выглядит скорее спамом чем полезной информацией.</p><p>Если у вас болшая страница, то её лучше разбить на несколько более мелких страниц тем самым увеличите число <a href="/kak-sohranit-fotografii-i-izobrazheniya-s-zashchishchennoi/">информационных страниц</a> вашего сайта и облегчите себе задачу описания. Многие поисковики любят небольшие по размеру страницы. Описание документа должно быть емким и кратким, т.к. объем ограничен и не должен превышать 170-200 символов.</p><p>META тег <robots> "noindex" - не индексировать страничку (Например, ваш сайт еще находится в тестовой стадии и вы бы не хотели, чтобы он в таком виде был проиндексирован роботами или в каких-то директориях существует закрытая для широкой публики информация) и "nofollow" - не следовать по ссылкам с данной странички. (Например если на страничке находятся ссылки на <a href="/kak-sdelat-iz-telefona-robota-proshche-vsego-poleznye-resursy/">полезные ресурсы</a>, которые на вашем сайте не лежат).</p><p>Примеры тэгов:</p><p> <META name="robots" content="noindex, follow"> этот тэг говорит поисковым роботам не индексировать <a href="/nado-li-snosit-vindovs-pered-ustanovkoi-novogo-dannaya/">данную страницу</a>, но следовать по ссылкам с этой страницы можно.</p><p> <META name="robots" content="index, nofollow"> этот тэг говорит роботам проиндексировать страницу, но по ссылкам с этой страницы не переходить.</p><p> <META name="robots" content="index, follow"> данный тэг ставить нет смысла, так как роботы и так по умолчанию индексируют все страницы и следуют по ссылкам с данной страницы.</p><p> <META name="robots" content="index, all"> индексировать всё, по моему тоже бесполезный.</p><p> <META name="revisit" content="15 days"> данный тэг указывает периодичность переиндексации сайта поисковыми роботами. В <a href="/kak-prodvigat-infoprodukty-kakaya-reklama-samaya-effektivnaya-statistika-i/">конкретном примере</a> это 15 дней. Если ваш сайт обновляется очень часто, то надо указать число поменьше. Не все <a href="/roboty-kak-oni-ustroeny-raznovidnosti-poiskovyh-robotov-blok/">поисковые роботы</a> учитывают этот тэг, робот "Yandex" имеет свой график работы и изменить его невозможно.</p><p>Вставляется любой из этих тэгов в HTML код страницы между <head>….</head> после всех титулов и т.п</p><p>Пример шаблона страницы:<br> <a href="/html-i-ego-razvitie-chto-takoe-html-yazyk-uchebnik-html-kak-mozhno-vyuchit-yazyk/">Разметка HTML</a><br> 1:<html><br> 2:<head><br> 3:<title>Заголовок страницы
4:
5:
6:
7:
8:

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

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

всегда должен содержать описание в атрибуте ALT и всплывающую подсказку (это скорее касается организации мэппинга на одной картинке). Они тоже могут содержать ключевые слова, но нельзя забывать о том, чтобы они были читабельны и вписывались в общую концепцию данного изображения или привязанной к ним ссылке. Рекомендуемый объем составляет 40 символов.

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

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

1. Поисковые машины индексируют текст. Страница на которой мало текста имеет мало шансов попасть в выдачу по ключевому запросу.

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

3. Не набирайте слова в р а з р я д к у, если хотите, чтобы документ по ним находился.

4. Не набирайте слова БОЛЬШИМИ буквами без необходимости, если это не аббревиатура.

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

6. Чем длиннее документ, тем менее заметны в нем будут ключевые слова, заданные в запросе. Разбивайте длинные документы на более короткие.

7. Делайте ко всем картинкам в подписи alt=’...’ и title=’...’, можно вписывать туда основные ключевые слова.

8. Если ваш сайт имеет фреймовую структуру, то на первой странице нужно между тэгами …. указать описание сайта и поставить ссылки на все страницы, которые Вы хотите проиндексировать.

9. Необходимо чтобы на все страницы, которые вы хотели бы видеть в поисковых системах, можно было попасть с главной страницы не более, чем в четыре "перехода". Как правило, индексирующие роботы не идут дальше, чем на четвертый уровень ссылок. Если в силу структуры сайта этого сделать нельзя, то следует создать на отдельной странице "карту сайта" (список URL всех страниц сайта) и разместить ссылку на страницу с картой на главной странице вашего сайта, чтобы поисковая система нашла эту страницу и проиндексировала с неё все имеющиеся ссылки.

10. ..... Для всех поисковых систем этот тэг пользуется приоритетом перед keywords и description.

11. Необходимо чтобы те слова которые написаны в заголовке страницы и тэгах keywords и description встречались в основном тексте на странице сайта и желательно несколько раз.

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

13. Если требуется запретить к индексации какой то фрагмент страницы пометьте его тегами: …

14. Следите за русско-латинским регистром, ошибочно вместо русской буквы "р" используют латинскую "p", вместо русского "с" - латинское "c".

15. Не следует также использовать невидимый текст, в котором цвет шрифта совпадает с цветом фона.

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

17. Целесообразно базовые понятия и ключевые для данного сайта слова включать в следующие HTML-теги. , <h1>...<h4>, <b>, <strong>, <u>.</p><p>18. Поисковые системы принимают во внимание текст рядом с изображением. Так что убедитесь, что текст вокруг изображения и текст в ALT теге имеют сходство.</p> <p>Мы выпустили новую книгу «Контент-маркетинг в социальных сетях: Как засесть в голову подписчиков и влюбить их в свой бренд».</p> <form onsubmit="return false;" class="innerContentSubscribe_form swpmc-js-form" data-container=".innerContentSubscribe" data-on-success="swptEvents.blogSubscribeSuccess()"> <p> <input class="inputText js-placeholder" type="text" name="email" id="innerContentSubscribeEmail" value=""></p> <p>Подписаться</p> </form> <p><img src='https://i2.wp.com/semantica.in/wp-content/uploads/2015/07/Untitled-1.jpg' align="center" width="100%" loading=lazy></p> <h2><b>Что такое метатеги простым языком? </b></h2> <p><i>Пример метатегов </i></p> <p><img src='https://i2.wp.com/semantica.in/wp-content/uploads/2015/07/primer-metategi-1.jpg' width="100%" loading=lazy></p> <h2><b>Нужны ли метатеги? </b></h2> <p>Поисковые системы, такие как Google и Yandex, понимают содержание ряда метатегов и учитывают их при ранжировании сайта. Список метатегов, которые используют поисковые машины:</p> <p>Перечислим основные метатеги для поисковых систем:</p> <ol><li>title;</li> <li>description;</li> <li>robots.</li> </ol><h3>Метатег robots </h3> <p>Метатег robots управляет индексацией страниц сайта. Данный метатег может иметь несколько значений, которые записываются в атрибут content:</p> <ul><li> - запрещает индексирование страницы;</li> <li>NOFOLLOW - запрещает проход по ссылкам, имеющимся на странице;</li> <li>INDEX - разрешает индексирование страницы;</li> <li>FOLLOW - разрешает проход по ссылкам;</li> <li>ALL - равносильно INDEX, FOLLOW;</li> <li>NONE - равносильно NOINDEX, NOFOLLOW.</li> </ul><h3>Метатег keywords </h3> <p>Keywords - список ключевых слов, которые соответствуют сущности (содержимому) страницы. Много о данном метатеге говорить не будем: как показывает практика можно оставлять его пустым или вовсе не использовать.</p> <p><i>Заявление Google об использовании метатегов: </i></p> <p><span class="8_TLkpPvA2E"></span></p> <p>А теперь перейдем к самому важному, разберем главные метатеги для SEO продвижения и ответим на популярные вопросы которые нам задают.</p> <h3><span>Что такое title страницы на самом деле </span></h3> <p>Title - это прежде всего заголовок документа, который отображается в название окна браузера, но так исторически сложилось, что стало привычней относить его к метатегам.</p> <h4>Для чего нужен Title?</h4> <p>Title -чуть ли не самый важный тег для поисковой оптимизации, имеет большое значение для поисковых систем, а также отображается в результатах поисковой выдачи.</p> <h4>Какая должна быть длина title?</h4> <p>Для Яндекса - 80 символов, 15 слов.</p> <p>Для Google - 70 символов, 12 слов.</p> <h4>Что должно быть в title?</h4> <p>Title неприменно должен содержать в себе ключевые слова, тоесть запросы по которым вы хотите видеть себя в ТОП-е.</p> <p><i>Приведем пример тайтл: </i></p> <p>Основные ключевые запросы:</p> <p>бахилы цена<br> бахилы оптом<br> купить бахилы</p> <p>Купить бахилы оптом по цене от 60 рублей в компании Камень.</p> <p>у вас возникнут вопросы по подобию:</p> <ul><li>Как правильно составить тайтл?</li> <li>Можно ли в title ставить цену?</li> <li>и тд.</li> </ul><p>Получить ответы на вопросы можно путем анализа title в Топ по вашим запросам. Просмотрите как выглядит выдача поисковика, зайтите в ТОП 10 сайтов и проанализируйте Title. Только после этого можно грамотно составить title.</p> <h3><span>Description сайта: что это такое </span></h3> <p>Мета тег description используется для описания содержания страницы. Иногда поисковики используют его для формирования сниппета (то, что вы видите под ссылкой на страницу в выдаче). Тег description - служебная информация, поэтому он никоим образом не может повлиять на внешний вид страницы.</p> <h4>Как переводиться description?</h4> <p>В нашем случае это слово будет переводиться как описание.</p> <h4>Как писать description что должно быть в description?</h4> <ul><li>Рекомендуемая длина -150-200 символов. Именно такой объем помещается под ссылкой на страницу в поисковой выдаче. Конечно, можно написать и побольше, но в таком случае описание будет выглядеть незавершенным.</li> <li>Также дескрипшн должен содержать ключевые фразы, по которым продвигается оптимизируемая страница. Самые частотные ключи следует расположить в начале. Важно: употребляйте не больше 3-х ключевых фраз и не повторяйте одно и то же слово больше 5 раз.</li> <li>Тег description должен быть уникальным, т.е отличным от title и от описаний других страниц сайта. Также не советуем копировать какие-либо части текста со страницы (даже особо удачные) и вставлять их в мета-тег.</li> <li>Самое главное при написании дискрипшена - точность. Вы должны лаконичино и емко описать содержание страницы и сделать ее привлекательной для пользователя (для чего, собственно, нужен description).</li> </ul><h4>Как посмотреть description страницы?</h4> <p>Способ первый - открыть код элемента и отыскать информацию о метатегах в нем. Способ второй - скачать Netspeak Spider , вставить урл интересующего сайта и в течение минуты получить информацию об описаниях каждой страницы. Очень удобно, когда ищешь дубли.</p> <p>Если же вы редактируете код сайт вручную, то вам необходимо пробежаться по всем страницам вашего сайта и выполнить следующие действия:</p> <ul><li>откройте страницу в удобном для вас редакторе;</li> <li>найдите тег <head> и вставьте после него следующие строки:<br><i><title>

Много заблуждений кроется в вопросе влияния мета тегов на 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, но те времена прошли.

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

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

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

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

  • NAME;
  • HTTP-EQUIV;
  • CONTENT.

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

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

Description

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

Синтаксис следующий:

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

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

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

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

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

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

  • Google: десктопный поиск - 120-140; мобильный поиск - 100-120;
  • Яндекс: десктопный поиск - 120-220; мобильный поиск - 110-200.

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

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

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

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

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

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

Robots

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

Мета-тег robots может принимать такие значения:

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

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

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

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

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

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

Keywords

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

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

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

Viewport

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

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


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

Title - не мета-тег, но для SEO очень важен

Формально title - это не мета-тег, но он работает по аналогичному принципу и играет ключевую роль в SEO, поэтому о нем нельзя не упомянуть.

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

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

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

Как и мета-теги, title размещается внутри раздела HEAD.

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

  • Google - около 60;
  • Яндекс - около 50.

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

О принципах составления title мы подробно писали в выпуске рассылки «Эффективные заголовки для SEO-продвижения» . Рекомендуем ознакомиться для получения дополнительного преимущества в поисковой выдаче.

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

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 мета-тегами - description, robots, keywords (опционально), тегами title, h1-h6, а также знать о теге viewport. В 99% случаев это исчерпывающий список SEO-тегов.

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

Один из вариантов применения тега 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-е годы мета-теги активно использовались в целях раскрутки своего сайта, в том числе предоставляя ложные или избыточные метаданные. После этого поисковые машины стали придавать мало внимания метаданным; теперь большее значение имеет правильное структурирование веб-страницы и наличие большого количества ссылок на сайт с авторитетных ресурсов.


2024 © gtavrl.ru.