Мета тэги в HTML

Опубликовано Среда, 24 марта, 201035 комментариевhtml & css

Мета тэги в HTML

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

Мета-теги помещаются внутрь элемента <head>...</head> в xHTML-документе, как правило, после элемента <title> и на странице не отображаются.

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

Однако знать их все равно надо, хотя бы об их существовании.

Формат мета-тэгов

Мета тэги это «самозакрывающие» тэги, вся информация в которых передается в атрибутах. Например:

<meta name="..." content="..." />

У тега <meta> есть 3 атрибута: name, http-equiv и content

Name

Атрибут name отвечает за текстовую информацию о странице, ее авторе, а так же — информацию для поисковых систем

http-equiv

Атрибут http-equiv формируют заголовок страницы и определяют его обработку.

Content

Атрибут content устанавливает значение параметра, заданного с помощью name или http-equiv

Наиболее важные мета-тэги

Теперь давайте более подробно разберем наиболее важные мета-тэги.

Description

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

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

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

Вот пример мета-тэга Description для главной страницы этого блога:

<meta name="description" content="Блог веб-разработчика" />

Keyword

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

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

Другие мета-тэги

Мета-тэгов великое множество и перечислять их все я не стану, кому интересно обратитесь к поиску или Википедии.

Отдельно хочу остановиться лишь на мета-тэге Author. Мета-тэг Author исполняет функцию идентификации автора страниц или принадлежности документа.

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

<meta name="Author" content="Верстка сайта - Владимир Глушков" />

Вот и все что я хотел сегодня рассказать. Удачи.


К оглавлению


2leep.com

35 комментариев к записи “Мета тэги в HTML”

  1. Mnogopil сказал: (permalink)
    24 марта 2010 в 14:20

    По поводу Яндекса не знаю, но Гугл не учитывает точно.
    Традиционно разделяют запятыми — так потом самому редактировать проще, чем при разделении пробелами. Некоторые индивиды разделяют чертой |.

  2. Алексей сказал: (permalink)
    24 марта 2010 в 17:43

    Если я правильно понял, яндекс давно уже не учитывает Meta — keywords

  3. usb сказал: (permalink)
    24 марта 2010 в 13:10

    Где-то читал, что Яндекс после Снежинска вообще не учитывает Meta-keywords.

    Кстати, как лучше разделять эти кейворды? Запытыми или пробелами? Или не имеет значения?

  4. Sahem сказал: (permalink)
    24 марта 2010 в 15:20

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

  5. Игромен сказал: (permalink)
    24 марта 2010 в 23:35

    Есть еще вариант через запятую БЕЗ ПРОБЕЛА!!! Не знаю почему так повелось у некоторых уникалов, но существует мнение, что так их быстрее бот хавает :)
    Меня улыбнуло, но я не удивлюсь если доля правды в этом есть

  6. usb сказал: (permalink)
    25 марта 2010 в 13:47

    А может это для экономии места делается? Поисковики ведь не всё содержимое тега хавают, а только определённое количество символов. А так получается вместо двух символов — один. Пусть совсем небольшая, но экономия, можно чуть побольше слов вместить. Логично?

  7. Prostoi сказал: (permalink)
    25 марта 2010 в 16:14

    Ещё не забывайте про Robots и тематику… Это тоже всё учитывается при ранжировании.

  8. Артур сказал: (permalink)
    25 марта 2010 в 20:50

    Спасибо за статью. Обязательно в конце закрывать таким образом />, обычно я просто ставлю > без пробелов?

  9. fenris сказал: (permalink)
    26 марта 2010 в 2:53

    Да. В xHTML все тэги, не имеющие закрывающего, должны закрываться именно таким образом.

  10. fenris сказал: (permalink)
    26 марта 2010 в 2:59

    Тэг robots я упустил по причине что для работы с ботами, все же лучше использовать Robots.txt и причем здесь тематика?

  11. rezident2009 сказал: (permalink)
    26 марта 2010 в 9:32

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

  12. fenris сказал: (permalink)
    27 марта 2010 в 4:39

    Достаточно использовать в статьях.

  13. VolleR сказал: (permalink)
    27 марта 2010 в 9:49

    Слышал мнения, что яша вообще не обращает внимания на мета — кеи,

  14. kerya сказал: (permalink)
    29 марта 2010 в 13:03

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

  15. Руслан сказал: (permalink)
    01 апреля 2010 в 8:19

    метатеги — полезная вещь, никогда о них не забывайте!!!

  16. ммски сказал: (permalink)
    13 апреля 2010 в 9:49

    Прописываю обычно все, но имхо самые главные — кейвордс и дескрипшен!

  17. Максим сказал: (permalink)
    15 апреля 2010 в 14:50

    По официальному заявлению Яндекса — теги keywords и description больше им не учитывается.
    По официальному заявлению Гугла — тег keywords больше не учитывается, тег description учитывается лишь минимально.
    Тем не менее, использовать их стоит, так как другие поисковики (Rambler, GoGo) — очень даже обращают на них внимание.

  18. Litva сказал: (permalink)
    28 апреля 2010 в 9:05

    Description крайне важен для гугля. Он из него снипет делает.

  19. Bussman сказал: (permalink)
    01 мая 2010 в 12:49

    А я их не использую, так как работаю в основном на яндекс.

  20. Dionis сказал: (permalink)
    03 мая 2010 в 6:21

    Хм… Что-то коммент с первого раза не стал. Писал, что первый свой сайт клепал в ХТМЛ в блокноте много лет назад. И эти тэги использовал по полной прогорамме. Но только теперь узнал, что в яндексе и гуглу кейсворд и дескипшон имеют разные значения. Спасибо всем, кто оставил свой коммент.

  21. saunds сказал: (permalink)
    04 мая 2010 в 8:06

    Мета теги важны для поисковых систем. Да, в особенности для google. Яндекс как обычно, на своей волне.

  22. mailar сказал: (permalink)
    05 мая 2010 в 12:37

    нормальный обзор, мета теги нельзя оставлять без внимания — они важны, они нужны))

  23. Павел сказал: (permalink)
    06 мая 2010 в 18:16

    Спасибо, за хорошие примеры! разобрался с этими мета-тегами!

  24. Кинокритик сказал: (permalink)
    10 мая 2010 в 8:41

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

  25. Selin сказал: (permalink)
    08 июля 2010 в 10:46

    КИНОКРИТИК, мне кажется, преуменьшает возможности метатегов, а может быть, пока еще сам не разобрался, что к чему — а после оценит и поймет!

  26. загадки сказал: (permalink)
    10 августа 2010 в 0:02

    Мета тэги очень важны в раскрутке сайтов, поисковики читают мета тэги keyword, descriprion. Отличная статья и понятная, думаю те кто хочет раскручивать сайты должен обратить своё мнение на эту статью, ведь мета тэги очень важные.

  27. Антон сказал: (permalink)
    08 октября 2010 в 16:47

    Я думаю заполнить все равно не помешает.

  28. Cooler сказал: (permalink)
    18 октября 2010 в 11:44

    А кто сказал, что он занимается?)

  29. Alex B сказал: (permalink)
    09 ноября 2010 в 0:09

    Используют не используют, но если ключевики все таки относятся к содержимому — учитывают

  30. Боксик сказал: (permalink)
    10 ноября 2010 в 13:39

    Метатеги уже практически морально себя изжили… Это раньше можно было умело составить дискрипшен и ты в ТОПе, а сейчас… Можно даже не заморачиваться… Правда иногда Гугл берет текст из дескприпшена для сниппета… Так можно постараться сделать привлекательный и кликабельный сниппет…

  31. saw сказал: (permalink)
    10 ноября 2010 в 14:45

    Спасибо, полезная инфа для меня, как начинающего сео

  32. печати и фото сказал: (permalink)
    26 ноября 2010 в 18:29

    Спасибо за информацию, я как оптимизатор со стажем могу сказать что Мета тэги, пожалуй, не являются одним из самых важных компонентов технического SEO,а вот title это действительно самый важный компонент on page SEO

  33. SashaOskol сказал: (permalink)
    08 декабря 2010 в 20:00

    я не думаю что мета теги теряют актуальность, они все равно важны и очень

  34. Работа с произвольными полями в WordPress | htmlblog сказал: (permalink)
    20 декабря 2010 в 12:21

    [...] самое можно проделать и с мета-тэгом [...]

  35. Владимир сказал: (permalink)
    06 июля 2011 в 22:34

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


Оставить комментарий

Comments are filtered through Akismet for spam detection. I delete nasty comments - your opinions are welcome but please keep them polite and constructive.

XHTML: Можно использовать эти теги: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Отображается рядом с Вашими комментариями

Неотображается на сайте.

Если у Вас есть сайт, укажите его адрес.