Мета-тег Title — как правильно прописать на сайте?
Ключевым тегом в веб-разработке является title. Именно мета тег title оказывает наибольшее воздействие на продвижение веб-ресурса по ключевым поисковым фразам. Как правило, мета тег тайтл используется для указания сведений о сайте в сниппете:
Синтаксис
Мета теги заголовков title располагаются в любом месте контейнера <head>.
СЕО-требования
Разобравшись с тем, что такое мета тег title, стоит указать СЕО-требования, которым он должен соответствовать:
- Тайтл должен быть уникальным для всех без исключения страниц веб-ресурса. Он также должен отличаться от других сайтов схожей тематике. Для того чтобы обеспечить такое отличие, нужно добавить какую-либо уникальную фразу (например, название организации или информационного портала).
- Заполнять мета тег title необходимо краткими, но информативными текстами.
- В заголовке рекомендуется указывать запросы, по которым будет продвигаться конкретная страница.
- Перед тем, как правильно заполнить мета тег title, стоит обратить внимание на h2. В нем должен быть указан другой текст. Следует понимать, что h2 является заголовком конкретной страницы, а тайтл – это заголовок сниппета.
- В title не стоит использовать спецсимволы и знаки препинания. Применение перечисленных знаков способствует снижению взаимосвязей ключевых фраз.
- Заполняя мета теги title, keywords, description, стоит убедиться в том, что они написаны по общепринятым правилам русского языка. Следует добавить, что тайтл к тому же должен быть интригующим и интересным для потенциальных посетителей сайта.
- Стандартная длина заголовка не превышает 65 символов. Если в тайтле указано больше символов, то в сниппете возникнет многоточие. Причем оно может возникнуть не только в конце заголовка, но и в начале.
Слишком короткие заголовки также негативно влияют на сео-продвижение. Это обусловлено тем, что в них содержится минимальное количество ключей.
Как правильно написать мета тег title
Если необходимо заполнить мета теги description, title, keywords, вебмастеру следует запомнить следующий пример:
- <title>Купить смартфоны в Санкт-Петербурге, магазин гаджет.ру</title>
- <title>Ванны в Уфе, сайт SunTechnic — Лучшая сантехника по доступным ценам</title>
- <title>Теги для СЕО в понятных примерах — ForSeo</title>
- <title>Дом Ламината – купить полы в Екатерибурге по лучшей цене в России | Дом Ламината </title>
- <title>Новости — Сайт Выбор</title>
Наиболее распространенные ошибки при заполнении заголовка:
- <title>Ванны, унитазы, краны сантехника Москва | Низкие цены, вызов сантехника Москва</title> (банальное перечисление поисковых запросов)
- <title>Главная – Сайт Выбор, актуальные новости, статьи, интервью, расследования</title> (в начале заголовка нужно указывать основные поисковые запросы)
- <title>Строительство</title> (чересчур короткий тайтл)
- <title>«Дом ламината»: ламинат, распродажа, напольные покрытия, вежливые менеджеры</title> (указание названия компании в начале заголовка, ненужное двоеточие и запросы, которые не будут использоваться для продвижения)
- <title>Юридические новости в корпорации Ромашка</title> (применение поисковых запросов в заголовке страницы, которая по этим фразам НЕ продвигается).
Что такое мета-теги и как их правильно прописать?
Продолжаем вести нашу Азбуку интернет-маркетинга, где самые сложные понятия объясняются простым языком. И сегодня на очереди важные параметры внутренней оптимизации сайта — мета-теги.
Из этого материала вы узнаете:
- Что такое мета-теги
- Как правильно составить title
- Как правильно написать description
Что такое мета-теги?
Как несложно догадаться, внутренняя оптимизация сайта — это улучшение его содержимого: уникальные тексты, перелинковка, удобное меню и, конечно же, мета-теги. Основных мета-тегов три: это title, description, keywords. В последнее время в основном используются первые два — title и description. О них мы сегодня и поговорим. Если совсем кратко, title — это заголовок страницы, description — ее описание. Но все это не на самой странице, а в программном коде. Именно из title и description информацию о сайте получает поисковик. Именно они появляются в поисковой выдаче, которую вы получаете по своему запросу. Люди читают их и переходят (или не переходят) на ваш сайт, обеспечивая трафик.
Что такое мета-теги
Заголовок пишется между тегами <title> </title>. Описание (дескрипшн) выглядит вот так: <meta name=»description» content=>
Как правильно составить title?
Есть несколько правил грамотного составления мета-тегов. Рассмотрим сегодня примеры для Яндекса.
- В заголовке — самое главное. Все мы знаем из уроков русского языка, что заголовок — это краткая информация о содержании страницы. Сейчас в моде вирусные, интригующие заголовки, игра словами – все это нужно для того, чтобы читатель “повелся” на яркий заголовок и начал читать статью. Но мета-теги пишутся не для читателей, а для поисковиков! Им нужны не красивости и каламбуры, а четкая информация.
- Заголовок должен соответствовать содержимому. Это и так понятно: в противном случае не видать вам поисковой выдачи как своих ушей.
- Наличие ключевых слов. Помним, что поисковики — это роботы, они заточены на определенные слова. Оптимально будет посмотреть наиболее частые запросы по вашей теме по сервису Яндекс. Вордстат и добавить их в тайтл, желательно ближе к началу
- Тайтл должен быть коротким, лучше до 40 слов — более длинные заголовки роботы не читают, и ваш текст будет показан не полностью.
Итак, пример. Допустим, вы живете в Воронеже и продаете пластиковые окна. Не нужно писать в заголовке красивые фразы типа “Наши окна — окна в Европу!” и т.д. Поисковик просто не найдет ваш сайт по таким запросам. Ищем в wordstat.yandex.ru ключи: “установка пластиковых окон, пластиковые окна в Воронеже, цены на пластиковые окна, купить пластиковые окна”. Помним также и о пользователях: роботы роботами, но живые люди тоже будут читать заголовок вашего сайта в поисковой выдаче. Пройдут ли они по ссылке, если в заголовке прочитают простой набор ключевых слов? Вряд ли. Вывод: тайтл должен быть кратким, информативным и читабельным. Например, таким:
Пластиковые окна Воронеж
Ниже еще один неплохой пример, только ключевая фраза должна быть в начале заголовка. Помним, что пользователи найдут ваш сайт не по названию фирмы (они могут о ней не знать), а по своему запросу. А запрос этот — “купить пластиковые окна в Воронеже”, его и надо ставить в начало.
Запрос — “купить пластиковые окна в Воронеже”
Еще одна ошибка: слишком длинный тайтл. Воронежский оконный что — завод, клуб, утеплитель? Читатель должен догадываться, а это нехорошо — нужно дать ему всю информацию.
Пластиковые окна в Воронеже
Как правильно написать description?
Напомним, description — это описание страницы. Здесь правила похожие, но в целом посвободнее:
- длина мета-тега не должна превышать 150 символов.
- не забываем про ключи!
- пишем не для роботов, а для людей, которые будут читать ваше описание.
- если тайтл — это вся соль, вся суть сайта, то дескрипшн — описание более красивыми словами.
Более рекламными, если хотите. Сравните, например:
<title>Установка пластиковых окон в Воронеже на любой вкус и цвет</title> и<meta name=»description» content=»Вы хотите купить пластиковые окна? На нашем сайте вы подберете себе оптимальный вариант и получите консультацию специалиста”. Вот хороший пример description:
Как правильно написать description
А вот неудачный пример. Вроде и ключевые слова есть, но полезной информации для потенциального покупателя — ноль.
Неудачный пример description
Тут вообще без комментариев. Скрыл — ну и зря!
Неудачный пример description
Тут и в тайтле, и дескрипшне превышен лимит символов — тексты получаются обрезанными.
Калькулятор пластиковых окон в Воронеже
Как видите, ничего сложного в том, что такое мета-теги, нет. Главное — соблюдать все правила и давать действительно полезную информацию о вашем сайте — как поисковикам, так и потенциальным клиентам. Удачи в оптимизации!
Какие бывают META теги и зачем они нужны / Хабр
META-теги
В продолжении первого поста про DOCTYPE, я, как и обещал, продолжу про META теги.

META-теги — это необязательные атрибуты, размещенные в заголовке страницы, которые могут содержать ее описание, ключевые слова к ней, информацию об авторе, управляющие команды для броузера и поисковых роботов, и прочую служебную информацию, не предназначенную для посетителей.
META-теги имеют два возможных атрибута
—
—
META-теги должны находиться в заголовке HTML-документа между и (особенно это важно для документов, использующих фреймы).
Стандартом HTML 4.01 значения и имена мета-тегов НЕ оговариваются, поэтому мы будем рассматривать те значения, которые уже устоялись в интернете и используются чаще других.
Пруфлинк: http://www.w3.org/TR/html401/struct/global.html#h-7.4.4.1
(The META element can be used to identify properties of a document (e.g., author, expiration date, a list of key words, etc.) and assign values to those properties. This specification does not define a normative set of properties.
Атрибут HTTP-EQUIV
META-теги с атрибутом HTTP-EQUIV эквивалентны HTTP-заголовкам. Обычно они управляют действиями броузеров и могут быть использованы для совершенствования информации, выдаваемой обычными заголовками. Теги такой формы могут дать такой же эффект, что и HTTP-заголовки, и на некоторых серверах автоматически могут быть переведены в настоящие HTTP-заголовки.
Некоторые генерируемые сервером поля заголовков не могут быть подменены значениями из META-тегов (в частности Date), другие подменяются только при ненормальном статус-коде (200). Когда заголовок не понятен, то значение HTTP-заголовка превалирует над значением META-тегов.
Значения поля content для Аттрибута HTTP-EQUIV
Значение | Описание | Пример использования | Эффект |
Expires | Дата устаревания.![]() |
Дата должна быть задана в формате, описываемом в RFC850, <META HTTP-EQUIV=»expires» CONTENT=»Wed, 26 Feb 2008 08:21:57 GMT»> что эквивалентно HTTP-заголовку Expires: Wed, 26 Feb 2008 08:21:57 GMT |
Поисковые роботы могут либо совсем не индексировать такой документ, либо постоянно «обнюхивать» его. |
Pragma | Эта директива показывает, что кешированная информация не должна использоваться и вместо этого запросы должны посылаться на сервер. Это директива имеет тоже самое значение что и CACHE-CONTROL:NO-CACHE и представлена для обратной совместимости с HTTP/1.![]() Клиенты должны использовать оба значения PRAGMA:NO-CACHE и CACHE-CONTROL:NO-CACHE когда нужно послать некешируемый запрос к серверу, про который неизвестно – совместим ли он с HTTP/1.1. |
<META HTTP-EQUIV=»PRAGMA» CONTENT=»NO-CACHE»> | |
Content-Type | Указание типа документа. Может быть расширено указанием кодировки страницы (charset). Если же указывать charset в содержании META-тега, то некоторые браузеры выводят такую страницу уже в заданном charset. | <META HTTP-EQUIV=»Content-type» CONTENT=»text/html; charset=ISO-2022-JP»> | Используют браузеры и поисковые системы |
Content-language | Указание языка документа. Может использоваться поисковыми машинами при индексировании страниц. Комбинация поля Accept-Language (посылаемого броузером) с содержимым Content-language может быть условием выбора сервером того или иного языка. | <META HTTP-EQUIV=»Content-language» CONTENT=»en-GB»> что эквивалентно HTTP-заголовку Язык описывается парой значений (язык-диалект). В примере: Английский-Великобритания Для русского языка – ru-RU |
Используется некоторыми поисковиками |
Refresh | Определение задержки в секундах, после которой броузер автоматически обновляет документ. Дополнительная возможность — автоматическая загрузка другого документа. | <META HTTP-EQUIV=»Refresh» Content=»3, URL=http://www.name.com/page.html»> что эквивалентно HTTP-заголовку Refresh: 3; URL=http://www.name.com/page.html |
W3C не рекомендует использовать этот тег. Google страницы с таким тегом игнорирует. Другие поисковые системы, возможно, тоже. |
Cache-Control | Определяет действия кэша по отношению к данному документу. Возможные значения: Public — документ кэшируется в доступных для всех кэшах Private — только в частном кэше no-cache — не может быть кэширован no-store — может быть кэширован, но не сохраняется |
<META http-equiv=»Cache-Control» content=»public»> | Используется некоторыми браузерами |
Атрибут NAME
Robots
Тег <meta name=»Robots» content=»…»> управляет индексацией конкретной web-страницы. При этом роботам можно запретить не только индексацию самого документа, но и проход по имеющимся в нем ссылкам.
Инструкции по индексации записываются в поле content. Возможны следующие инструкции:
NOINDEX — запрещает индексирование документа;
NOFOLLOW — запрещает проход по ссылкам, имеющимся в документе;
INDEX — разрешает индексирование документа;
FOLLOW — разрешает проход по ссылкам.
ALL — равносильно INDEX, FOLLOW
NONE — равносильно NOINDEX, NOFOLLOW
Значение по умолчанию: <meta name=»Robots» content=»INDEX, FOLLOW»>.
В следующем примере робот может индексировать документ, но не должен выделять из него ссылки для поиска дальнейших документов:
<META name=»ROBOTS» content=»index, nofollow»>
Имя тега, названия и значения полей нечувствительны к регистру.
В поле content дублирование инструкций, наличие противоречивых инструкций и т.п. не допускается; в частности, значение поле content не может иметь вид «none, nofollow».
Google поддерживает дополнительное значение NOARCHIVE, которое запрещает помещать страницу в архив google
<META NAME=»Robots» CONTENT=»NOINDEX,FOLLOW»>
Используется большинством поисковиков
Description
Значение атрибута CONTENT — строка, которая определяет текстовое описание (краткую аннотацию) конкретной страницы Вашего сайта. Не стоит создавать слишком длинное и подробное описание Вашего сайта в данном теге, рекомендуется ограничиться текстом до 100 символов, поскольку поисковые машины, в большинстве случаев, имеют ограничение на количество индексируемых символов. Этот тег может сильно помочь в случаях, когда в документе мало текста, когда это управляющий фреймами файл (frameset) или в начале документа используются скрипты.
<META NAME=»description» CONTENT=»Данный сайт содержит информацию для любителей старинных автомобилей, на нем Вы можете найти описание с фотографиями редких и эксклюзивных автомобилей»>
Самый широко используемый тег. Практически все поисковые системы учитывают его при индексации.
Значение этого тега очень важно для раскрутки сайта, практически все поисковые системы опираются на этот
тег, а некоторые выводят содержимое этого тега в результатах поиска (Google), поэтому желательно не просто указывать краткое описание документа, но сделать его содержание привлекательным рекламным сообщением.
Keywords
Значение атрибута CONTENT — список ключевых слов, как правило, через запятую, соответствующих содержимому Вашего сайта. Это те слова, в запрос на которые, Вы хотели бы, появления Вашего сайиа в списке результатов поиска. Здесь также рекомендуется ограничиться списком до 30 слов. Можно поместить и наиболее частые опечатки ключевых слов. Также Вы можете здесь записать и английские слова, соответствующие содержимому Вашего сайта. Ну, а какие конкретно нужно писать слова — это уже тема отдельной статьи. Некоторые поисковые системы не индексируют сайты, в которых в данном теге повторяется одно и то же слово для увеличения позиции в списке результатов.
<META NAME=»keywords» CONTENT=»реклама, дизайн, полиграфия»>
Учитывается большинством поисковых систем. Точно известно, что НЕ учитывает Google и Rambler
document-state
Управление индексацией страницы для поисковых роботов. Определяет частоту индексации — или один раз индексировать (значение Static), или реиндексировать документ регулярно (значение Dynamic).
<META NAME=»Document-state» CONTENT=»Static»>
Используется редко
GOOGLEBOT
Google поддерживает специальный тег Googlebot с помощью которого вы можете указать Google что он не должен индексировать и архивировать вашу страницу, другие поисковые системы этот тег проигнорируют.
<META NAME=»GOOGLEBOT» CONTENT=»NOARCHIVE»>
Author
Автор, создатель сайта. Вряд ли используется поисковыми системами, и нужен скорее всего чтобы можно было показать что сайт сделан именно определенной персоной или фирмой.
<META NAME=»AUTHOR» CONTENT=»www.neo-systems.ru»>
Revisit
Значение этого тега указывает — как часто обновляется информация на вашем сайте, и как часто поисковая система должна на него заходить чтобы увидеть обновления. В силу сложившихся условий — поисковые системы сейчас самостоятельно определяют частоту сканирования сайта, поэтому, возможно, наличие этого тега ничего вам не даст.
<meta name=»revisit-after» content=»15 days»>
Источники информации:
http://www.citforum.ru/internet/search/metatags.shtml
http://web-support.ru/adv/ps_meta_2.shtml
http://www.shtogrin.com/library/web/meta/
http://vancouver-webpages.com/META/metatags.detail.html
http://www.mattcutts.com/blog/keywords-meta-tag-in-web-search/
http://www.webotdel.ru/notes/metatags/
Очень хорошо и понятно написано http://www.w3schools.com/tags/tag_meta.asp
Какие мета-теги понимает Google http://www.google.com/support/webmasters/bin/answer.py?answer=79812
Какие мета-теги понимает Bing
http://www.bing.com/community/blogs/webmaster/archive/2009/07/18/head-s-up-on-lt-head-gt-tag-optimization-sem-101.aspx
Google не использует мета-тег keywords
http://googlewebmastercentral.blogspot.com/2009/09/google-does-not-use-keywords-meta-tag.html
Правильные главные мета теги для сайта и как их заполнять [10 примеров]
Некоторые мета-теги жизненно важны для SEO. Другие практически не влияют на ранжирование. Сегодня представляю вашему вниманию правильные главные метатеги для сайта, о которых вам нужно знать.
Порой, при оптимизации сайтов под поисковые системы, SEO-специалисты фокусируются на каком-то одном аспекте в ущерб для остальных. Обычно в качестве самого важного фактора ранжирования преподносится линкбилдинг.
Но на самом деле нет никакой «самой важной вещи». Вы не найдёте такого трюка, провернув который, моментально получите топ-1 в Google или Яндекс. Вместо этого лучше сосредоточиться на комплексной SEO-стратегии.
Часть этой стратегии включает в себя правильное использование HTML мета тегов – критического компонента успеха в поиске. Грамотное применение нужных тегов – это, своего рода, «общение» с поисковыми системами:
- О чём ваша веб-страница.
- Как её читать.
- Кто должен её увидеть.
Имея это в виду, давайте рассмотрим, какие метатеги имеют решающее значение для SEO и как их правильно использовать.
1. Мета тег title
Тег заголовка (title tag) – это ваш основной и самый важный анкор. Элемент <title> обычно появляется в виде заголовка, по которому можно щёлкнуть, в поисковой выдаче, а также отображается в социальных сетях и в браузерах.
Например, если вы посмотрите HTML-код этой страницы, то увидите, что заголовок выглядит следующим образом:
<title>Правильные главные мета теги для сайта и как их заполнять [10 примеров]</title>
Теги заголовков помещаются в <head> вашей веб-страницы и предназначены для предоставления чёткого и исчерпывающего представления о том, о чём эта страница. Но имеют ли они такое же сильное влияние на позиции в выдаче, как это было много лет назад?
В последние несколько лет идёт активное обсуждение поведенческих факторов, как логического доказательства релевантности и, следовательно, сигнала ранжирования – даже представители поисковых систем периодически признают их влияние.
Заголовок страницы по-прежнему является первым, что пользователь видит в поисковой выдаче и решает, отвечает ли страница поисковому запросу. Правильно написанный title может значительно увеличить количество кликов по сниппету и трафик на сайт, что, безусловно, влияет на ранжирование.
Простой эксперимент показывает, что Гуглу больше не нужен ваш тайтл, включающий ключ с точным соответствием, чтобы понять тему страницы. Например, несколько лет назад выдача Гугла по запросу «как повысить узнаваемость бренда» очень сильно походила на то, что вы можете наблюдать сейчас в Яндексе:
Всего 1 заголовок из всего топа не включает точное соответствие. А теперь давайте взглянем на Google:
Всего 1 заголовок из всего топа включает точное соответствие. Но при этом в Гугле нет ни одного неуместного результата: каждая, из приведённых здесь страниц, объясняет, как повысить узнаваемость, и заголовки это отражают.
Поисковые системы смотрят на общую картину и обычно оценивают содержание страницы в целом, но «обложка книги» всё ещё имеет значение, особенно, когда речь идёт о взаимодействии с пользователями.
Как правильно заполнять title
- Сделайте для каждой страницы уникальный заголовок, который кратко и точно описывает её контент.
- Если хотите, чтобы заголовки не обрезались в поисковой выдаче, лучше ограничивать их 50-60 символами. В Google длинные заголовки сокращаются, примерно, до 600-700 пикселей, но эти цифры иногда меняются, так что не стоит их жёстко придерживаться.
- Главные ключевые слова должны стоять как можно ближе к началу заголовка. Но вставляйте их максимально органично, как будто вы это делаете для посетителей сайта.
- Используйте название вашего бренда в названии, даже если оно не отображается в поисковой выдаче, это всё равно будет иметь значение для поисковой системы.
Совет: используйте title для привлечения внимания
Тег заголовка ценен не только потому, что он является основным элементом поисковой выдачи, но и потому, что он действует, как заголовок вкладки в вашем веб-браузере. Это можно использовать для привлечения внимания пользователя. Например:
Такой подход используют социальные сети: ВКонтакте, Facebook, LinkedIn, чтобы показать вам, что имеются новые уведомления. Эта тактика может дать весьма неплохой результат!
2. Мета тег description
Мета-описание (meta description) – также находится в <head> веб-страницы и обычно (хотя далеко не всегда) отображается в сниппете поисковой выдачи вместе с заголовком и URL-адресом страницы.
Например, это мета-описание данной статьи:
<meta name = “description” content = “Некоторые мета-теги жизненно важны для SEO. Другие практически не влияют на ранжирование. Сегодня представляю вашему вниманию правильные главные метатеги”/>
И да, само по себе метаописание не является фактором ранжирования. Но для любого вебмастера, старающегося увеличить количество переходов из поиска и улучшить поисковую выдачу своего бренда, это уникальная возможность.
- Description занимает большую часть сниппета поисковой выдачи и приглашает пользователей щёлкнуть именно по вашей ссылке, обещая чёткое и комплексное решение их запроса.
- Описание влияет на количество получаемых вами кликов, а также может улучшить CTR и снизить показатель отказов, если содержание страницы действительно соответствует обещаниям. Вот почему описание должно быть в равной степени реалистичным, привлекательным и чётко отражать содержание.
- Если ваше описание содержит ключевые слова, использованные человеком в своём поисковом запросе, они будут выделены в поисковой выдаче жирным шрифтом. Это помогает вам привлечь внимание и сообщить пользователю, что именно он найдёт на вашей странице.
Невозможно поместить каждое ключевое слово, по которому вы хотите ранжироваться, в мета-описание, и в этом нет реальной необходимости – вместо этого напишите пару связных предложений, описывающих суть вашей страницы, включая основные ключевые слова.
Лучший способ выяснить, что необходимо поместить в мета тег Description для эффективного ранжирования – провести анализ конкурентов. Вбейте главный поисковый запрос вашей будущей или текущей страницы в Яндекс и Google. Посмотрите, кто и как заполнил описание, и возьмите себе всё самое лучшее из топа.
Как правильно заполнить мета тег description
- Сделайте для каждой страницы уникальное метаописание, которое чётко отражает ценность страницы.
- Обычно сниппет содержит 150-160 символов, включая пробелы. Но эти цифры плавают, как и в случае с заголовками.
- Включите в мета описание основные ключевые слова, чтобы они выделялись в поисковой выдаче, но старайтесь не перегружать тег, иначе он станет похожим на тупое перечисление ключей.
- При желании можно использовать броский призыв к действию, уникальное предложение, или дополнительные подсказки о том, чего ожидать пользователю, после перехода по ссылке. Конструкции, вроде: «инструкция», «SEO-кейс», «купить» и так далее.
Мета совет
Мета-описание не обязательно должно состоять из одного-двух предложений. Вы можете добавить дополнительную информацию о странице, которая обрабатывается поисковиками и позволит выделиться в SERP.
Например:
- Для авторской статьи вы можете добавить дату публикации, имя автора.
- На странице продукта вы можете указать цену и дату изготовления товара.
3. Мета теги заголовков (h2-H6)
Теги подзаголовков – это HTML-теги, используемые для отграничения заголовков и подзаголовков в вашем контенте от других типов текста (например, текста абзаца). Использование heading tags в наши дни является темой многих споров.
Хотя теги h3-H6 считаются не столь важными для поисковых систем, правильное использование тега h2 подчёркивалось во многих отраслевых исследованиях. В то же время Джон Мюллер не устаёт повторять, что подзаголовки вообще не являются факторами ранжирования.
Однако стоит помнить, что заголовки имеют решающее значение для организации контента на страницах сайтов. Использование мета тегов заголовков, безусловно, улучшает архитектуру контента.
- Поисковым системам намного легче читать и понимать хорошо организованный контент, чем продираться через простыни неструктурированного содержания.
- Пользователям заголовки указывают на основные разделы в стене текста и облегчают навигацию по странице.
Оба эти фактора повышают важность тщательной оптимизации мета тегов, когда мелкие детали складываются в большую и удобную для пользователя картину, и могут привести к улучшению позиций в поисковой выдаче.
Оптимизация подзаголовков
- Заголовки должны соответствовать тому фрагменту текста, который они описывают. То, что они не являются фактором ранжирования (по словам Мюллера), не означает, что поисковые системы не принимают их во внимание.
- Заголовки всегда должны отражать тональность текста, над которым они расположены. Избегайте заголовков вроде «Глава 1… Глава 2… Глава 3…».
- Не злоупотребляйте тегами и ключевыми словами в них. Подзаголовки должны быть понятны простым людям.
Должны ли совпадать мета-теги title и h2?
Согласно официальным рекомендациям Google по созданию статей, название страницы (в HTML-теге <title>), на которой размещён материал, должен совпадать с заголовком статьи (в теге <h2> или аналогичном). Так что здесь можно обойтись одним и тем же текстом для обоих элементов.
4. Alt атрибуты изображения
Атрибут alt изображения добавляется к тегу изображения img для описания его содержимого. Альтернативные атрибуты важны с точки зрения внутренней оптимизации сайта по двум причинам:
- Альтернативный текст показывается посетителям, если какое-либо конкретное изображение не может быть загружено (или если отображение картинок отключено).
- Атрибуты Alt обеспечивают контекст для роботов, потому что поисковые системы не могут «видеть» изображения.
На e-commerce сайтах изображения часто имеют решающее влияние на то, как посетитель взаимодействует со страницей. Поисковики так же прямо заявляют о важности этого тега.
Например, Google в своих гайдах для вебмастеров пишет, что помощь поисковым системам в понимании того, что находится на картинках, и как они сочетаются с остальным контентом, помогает соотносить страницу сайта с подходящими поисковыми запросами.
Даже Мюллер писал у себя в Твиттере, что продуманное альтернативное описание изображения необычайно важно, если вы хотите занять высокое место в Google Картинках.
Однако не забывайте о релевантности. Не только alt-текст, заголовки и подписи должны соответствовать изображению, но и сама картинка должна размещаться в тематическом контенте.
Оптимизация alt тега img для изображений
- Сделайте всё возможное, чтобы оптимизировать свои самые важные изображения (картинки товаров, инфографику, инструкции), которые могут получить хорошие позиции в поиске Google Images.
- Добавьте alt-текст на страницах, где не так много другого контента (кроме картинок).
- Делайте тег alt для изображений понятным и достаточно информативным, разумно используйте ключевые слова и убедитесь, что они естественным образом вписываются в содержание страниц.
5. Мета тег nofollow
Внешние, исходящие ссылки – это ссылки вашего сайта, указывающие на другие веб-проекты. Они используются для перенаправления пользователей на проверенные источники информации или по какой-либо другой причине.
Эти ссылки имеют большое значение для SEO. Они могут сделать ваш контент похожим на, бережно созданный вручную, исчерпывающий материал по теме, подкреплённый надёжными источниками, или на, сгенерированную роботом, свалку ссылок.
Поисковые системы уже давно научились распознавать сайты без дополнительной ценности для пользователей, основной целью которых является продажа ссылок в биржах. Пингвин, Минусинск и другие типы санкций активно применяются поисковиками к сайтам вебмастеров за манипуляцию ссылочной массой.
С другой стороны, в эпоху семантического поиска, Google и Яндекс могут рассматривать источники, на которые вы ссылаетесь, как контекст, чтобы лучше понимать контент на страницах сайта.
По обеим этим причинам определённо стоит обращать внимание на то, где и как вы ставите ссылки.
По умолчанию все ссылки являются открытыми для роботов поисковых систем. Их обычно называют dofollow-ссылками. Боты свободно переходят по таким ссылкам и сканируют всё, что находится «на том конце». То есть, ставя открытую ссылку на другой сайт, вы заочно выражаете ему доверие.
Когда вы добавляете к ссылке атрибут nofollow, он даёт указание ботам поисковых систем не переходить по ссылке (и не передавать какую-либо ссылочную ценность).
Как составлять мета-теги Title, Description и Keywords для информационных сайтов
Автор Игорь Градов На чтение 6 мин.
Очень важно уметь прописывать мета-теги, особенно для наших любимых информационных сайтов. Самое главное — научиться правильно составлять мета-тег Title.
Быстрые ссылки:
- Title и h2 (h2 — это не мета-тег, но я всегда уделяю ему внимание)
- Description (не особо важен, из него иногда формируется сниппет)
- Keywords (не важен, некоторые прописывают по привычке)
Нажмите на картинку для увеличенияTitle — что это такое?
Представьте картотеку, в которой много документов, и каждый документ помечен ярлыком с разными надписями и цветами. Вот в интернете ярлыки — это TITLE, а документы — это страницы сайта.
При помощи таких «ярлыков» поисковая система ищет страницы сайта и выводит их пользователю в соответствии с введенным им запросом. Как-то так…
Немного фактов
- Максимальное количество символов, которые показываются в выдаче — 65 символов с пробелами.
- Максимальное количество слов, которые учитываются при ранжировании — не больше 15, учитывая, что средняя длина слова 6 символов, значит это около 90-100 символов с пробелами.
- Поисковые системы могу вместо title выводить то, что написано в тегах h2-h3 на странице.
Это всё, что вам нужно знать, по крайней мере всё, что пригодится на практике. Из фактов следует, что желательно в первые 65 символов уместить самые главные запросы.
Правила составления Title
Title должен составляться из основных запросов, которым релевантна данная страница. Т.е. мы как конструктор собираем title из списка ключевых слов.
То, что не уместилось в title мы добавляем в заголовок h2 на странице (в название статьи). А если СЯ маленькое и все уместилось, то в заголовок вставляем синонимы, например, если в title «Свечи с новокаином«, то в <h2> будет «Новокаиновые свечи«.
Также юзеров очень цепляют цифры в заголовке, например «7 рецептов овощного пюре из кабачков для мультиварки» и провокационные заголовки: «Почему вы всегда будете бедными? 5 причин не брать кредиты» и тому подобные.
Google учитывает первые 12 слов из Title, Яндекс учитывает все слова.
Кстати, я как то писал уже о том, как поисковой запрос превратить в цепляющий заголовок.
Всегда сортируем список запросов по убыванию частотности, где самый частотный запрос будет самым «главным», который необходимо стараться разместить в точном вхождении и с него начинать заголовок. Но главное — нужно сделать title привлекательным и читабельным.
Основное правило — то, что написано в title, должно быть на странице. Т.е. если у вас написано: «фото, отзывы, видео» — они должны быть на странице, иначе документ является не релевантным.
Пример 1
Есть запросы:
гипервозбудимость у грудничка
синдром гипервозбудимости у грудничка
гипервозбудимость у грудничка симптомы
гипервозбудимость у грудничка лечение
Я бы предложил такой title:
Синдром гипервозбудимости у грудничка: симптомы и лечение
Тут все просто — из всех ключевых слов скомпонован тайтл.
Пример 2
Допустим, мы имеем такой список запросов:
льготы для матерей одиночек
льготы для неработающих матерей одиночек
какие бывают льготы для матерей одиночек
В данном случае title будет такой:
Какие бывают льготы для неработающих и работающих матерей одиночек
Но зачем мы включили слово «для работающих«, ведь его нет в списке ключевых слов?
Все просто. Если первый запрос будет вводить работающая мать одиночка, то она в сниппете увидев title содержащий только слово «для неработающих» с большей долей вероятность не перейдет на сайт, так как посчитает, что это информация для нее не актуальна. Соответственно, в контенте страницы должна содержаться информация для работающих и не работающих — помним про релевантность?
Именно поэтому нужно добавить несуществующий запрос, чтобы не потерять возможных посетителей.
Пример 3
Имеем список запросов:
Из них я бы составил такой title:
Как сделать овощное пюре из кабачков для грудничка: полезные рецепты
Обращу внимание, что я написал рецептЫ — это значит, что на странице будет несколько рецептов, если же рецепт будет 1, значит в Title ставим — рецепТ.
И, так как часть запросов не уместилась, я бы их переместил в h2:
Как приготовить пюре из кабачков для грудничка
Картиночка:
На скрине — черным выделено, то из чего мы составили title, зеленым — h2, а красным — что пропустили.
Почему нигде нет «в мультиварке» и «на зиму«? Потому что это размывает релевантность и отрежет аудиторию, как в примере 2. И в отличие от предыдущего примера, тут нельзя красиво вставить противоположные слова типа: «на зиму, весну, осень и на лето» или «в мультиварке и не только«.
Поэтому из этих запросов мы не составляем метаданные, но, если мы хотим получать по ним трафик, то эти запросы нужно разместить в тексте страницы, например добавить «Рецепт приготовления в мультиварке» и информацию «Как заготовить пюре на зиму», но это уже совсем другая история…
Мета-тег Description
Мета-тег Description может использоваться для формирования описаний в выдаче (сниппета).
В 80% случаев сниппет в Google формируется из Description.
Вот, что нам говорит Яндекс:
Самое главное, что необходимо понять – сниппеты никогда не бывают статичными, для каждой страницы они могут формироваться по-разному и главную роль в этом играет запрос пользователя. Когда пользователь видит в сниппете фрагмент текста, в котором есть слова его запроса, это упрощает понимание того, нужная ли это ему страница или нет. Сниппет – это визитная карточка вашего сайта, и стоит относиться к его оформлению серьезно.
Принципе, правила его составления, такие же, как и для коммерческих сайтов, за исключением того, что не нужно вписывать в него номер телефона или адрес компании…
Куда же без примера:
Полезные рецепты для грудничков — делаем овощное пюре из кабачка. Советы по заготовке пюре для грудничка на зиму. Как приготовить пюре из кабачков в мультиварке.
Статья в тему — как вывести description в любом месте шаблона wordpress.
Keywords
Забудьте, это прошлое, данный тег устарел и неактуален. Я стараюсь везде его отключать, именно отключать, а не оставлять пустым. В этом есть разница. В самом лучшем плагине для WordPress SEO by Yoast даже есть такой пункт:
НО, если вам все равно, то приписывайте только существительные в единственном числе (где это уместно), прилагательные можно, если они уточняющие (лучший тренажер — неправильно, силовой тренажер — правильно).
Что-то типа:
грудничок, рецепт, пюре, кабачок, мультиварка
Как сделать всегда актуальный год в заголовке, тексте и мета-тегах? Написано тут.
Ну и всегда смотрите, как сделано у конкурентов по выдаче.
Вопросы задавайте в комментариях или сами знаете где.
SEO мета-теги для поисковиков | SEO-портал
Автор: Нотан Ройамов
Создано:
Обновлено:
Мета-теги для поисковиков активно используются при поисковой оптимизации сайтов. Содержимое таких SEO мета-тегов может существенно влиять на отображение сниппетов поисковой выдачи, а также учитываться при ранжировании веб-страниц.
Виды мета-тегов для поисковиков
Мета-теги для поисковых систем можно условно разделить на два вида:
- Мета-теги для оптимизации сайтов
- Эти мета-теги применяются при SEO-оптимизации веб-страниц, предоставляя поисковым роботам инструкции по сканированию и индексированию, а также информацию для определения релевантности и формирования сниппетов поисковой выдачи.
- Мета-теги для верификации сайтов
- Данные мета-теги используются для подтверждения сайта в сервисах для веб-мастеров поисковых систем Яндекс и Google.
Мета-теги для SEO-оптимизации сайтов
Мета-тег Title
Тег title
не является мета-тегом только с точки зрения синтаксиса. В остальном он подобен мета-тегу: прописывается в блоке head
и не отображается непосредственно на веб-странице. Тег title
должен содержать название страницы, отображающееся во вкладках и закладках браузера. Поисковые системы используют содержимое данного тега при формировании сниппетов поисковой выдачи и при определении релевантности страницы поисковым запросам.
<!-- пример мета-тега Title -->
<title>Заголовок страницы</title>
Подробнее
Мета-тег Robots
Должен содержать инструкции для поисковых роботов.
<!-- пример мета-тега Robots -->
<meta name="robots" content="noindex, follow" />
Подробнее про мета-тег Robots
Мета-тег Description
Должен содержать краткое описание веб-страницы. Содержимое мета-описания может применяться поисковыми системами при формировании аннотации сниппета поисковой выдачи.
<!-- пример мета-тега Description -->
<meta name="description" content="Краткое описание страницы" />
Подробнее
Мета-тег Keywords
Должен содержать список ключевых слов и фраз, которым релевантна веб-страница. Содержимое данного тега может учитываться при определении релевантности веб-страницы алгоритмом поисковой системы Яндекс. Роботы Google игнорируют мета-тег Keywords.
<!-- пример мета-тега Keywords -->
<meta name="keywords" content="ключевая фраза 1, ключевая фраза 2, ключевая фраза 3" />
Подробнее
Мета-тег Revisit
Должен указывать поисковым системам, как часто изменяется контент на веб-странице.
<!-- пример мета-тега Revisit -->
<meta name="revisit" content="7" />
Роботы Яндекса и Google игнорируют данный мета-тег. Для указания поисковой системе на актуальную частоту изменения содержания веб-страницы применяется файл Sitemap в формате XML.
Мета-тег URL
Должен содержать ссылку на канонический URL-адрес (дубль текущей страницы, который нужно индексировать).
<!-- пример мета-тега URL -->
<meta name="url" content="https://seoportal.net" />
Роботы Яндекса и Google игнорируют данный мета-тег. Для указания поисковым системам на канонические URL-адреса применяются иные способы.
Мета-теги для верификации в поисковых системах
При регистрации сайта в сервисах для веб-мастеров Яндекса или Google необходимо подтвердить право собственности на добавляемый сайт. Для этого можно применять мета-теги верификации в поисковиках.
Мета-тег Yandex Verification
Данный мета-тег предлагается разместить на главной странице сайта для подтверждения прав собственности на него при добавлении сайта в сервис Яндекс.Вебмастер:
Мета-тег Yandex VerificationВ значении атрибута content
генерируется случайный набор символов, актуальный именно для текущего добавляемого сайта:
<!-- пример мета-тега Yandex Verification -->
<meta http-equiv="yandex-verification" content="0a912de5d00862a2" />
После добавления мета-тега Yandex Verification на главную страницу сайта и нажатия кнопки Проверить права на сайт будут подтверждены и сайт будет добавлен в сервис Яндекс.Вебмастер. После этого мета-тег Yandex Verification можно удалить за ненадобностью.
Мета-тег Google Site Verification
Этот мета-тег предлагается разместить на главной странице сайта для подтверждения прав собственности на него при добавлении сайта в сервис Google Search Console:
Мета-тег Google Site VerificationВ значении атрибута content
генерируется случайный набор символов, актуальный именно для текущего добавляемого сайта:
<!-- пример мета-тега Google Site Verification -->
<meta http-equiv="google-site-verification" content="rE5RhpY06-y-BkEnUxCdfvtaMfSMT7Jd7q-a9S88_xI" />
После добавления мета-тега Google Site Verification на главную страницу сайта и нажатия кнопки Подтвердить права на сайт будут подтверждены и сайт будет добавлен в сервис Search Console. После этого мета-тег Google Site Verification можно удалить, но лучше этого не делать, т. к. через некоторое время робот-верификатор Google вновь проверит наличие мета-тега на сайте и доступ к сайту в Search Console будет запрещён до очередного подтверждения прав на него.
HTML метатег
Пример
Описывать метаданные в документе HTML:
Попробуй сам » Дополнительные примеры «Попробуйте сами» ниже.
Определение и использование
Тег
определяет метаданные о
HTML-документ. Метаданные — это данные (информация) о данных.
Теги
всегда находятся внутри элемента,
и обычно используются для указания набора символов, описания страницы,
ключевые слова, автор документа и настройки области просмотра.
Метаданные не будут отображаться на странице, но их можно проанализировать на компьютере.
Метаданные используются браузерами (как отображать контент или перезагружать страницу),
поисковые системы (ключевые слова) и другие веб-службы.
Существует метод, позволяющий веб-дизайнерам контролировать область просмотра.
(видимая пользователем область веб-страницы) с помощью тега
(см. «Настройка
Пример «Окно просмотра» ниже).
Поддержка браузера
Элемент <мета Есть Есть Есть Есть Есть
Атрибуты
Атрибут Значение Описание кодировка набор символов Задает кодировку символов для документа HTML. содержание текст Задает значение, связанное с атрибутом http-Equiv или name http-экв политика безопасности содержимого
тип содержимого
по умолчанию
обновить Предоставляет заголовок HTTP для информации / значения атрибута содержимого наименование имя-приложения
автор
описание
генератор
ключевые слова
окно просмотра Задает имя метаданных
Глобальные атрибуты
Тег
также поддерживает глобальные атрибуты в HTML.
Другие примеры
Определите ключевые слова для поисковых систем:
Определите описание вашей веб-страницы:
Определите автора страницы:
Обновлять документ каждые 30 секунд:
Настройка области просмотра, чтобы ваш сайт выглядел хорошо на всех устройствах:
Настройка области просмотра
Область просмотра — это видимая пользователем область веб-страницы. Это зависит от устройства
— на мобильном телефоне он будет меньше, чем на экране компьютера.
Вы должны включить следующий элемент
на все свои веб-страницы:
Это дает браузеру инструкции о том, как
для управления размерами и масштабированием страницы.
Часть width = device-width
устанавливает ширину страницы в соответствии с шириной экрана устройства (которая будет варьироваться в зависимости от устройства).
Часть initial-scale = 1.0
устанавливает начальный уровень масштабирования при первой загрузке страницы браузером.
Вот пример веб-страницы без метатега области просмотра и той же веб-страницы с метатегом области просмотра :
Совет: Если вы просматриваете эту страницу с помощью телефона или планшета, вы можете щелкнуть две ссылки ниже, чтобы увидеть разницу.
Подробнее о вьюпорте можно прочитать в нашем «Адаптивном веб-дизайне» — Учебное пособие по вьюпорту.
Связанные страницы
Учебное пособие по HTML: заголовок HTML
Ссылка HTML DOM:
Мета-объект
Настройки CSS по умолчанию
Нет.
Мета-тегов — Как метатеги Google влияют на SEO
Определение метатега: что такое метатеги?
Мета-теги — это фрагменты текста, описывающие содержимое страницы; метатеги отображаются не на самой странице, а только в исходном коде страницы.Мета-теги — это, по сути, небольшие дескрипторы контента, которые помогают поисковым системам сообщать, о чем веб-страница.
Единственная разница между тегами, которые вы видите (например, в блоге), и тегами, которые вы не видите, — это местоположение: метатеги существуют только в HTML, обычно в «заголовке» страницы, поэтому они видны только для поиска. двигатели (и люди, которые знают где искать). «Мета» означает «метаданные», которые представляют собой данные, которые предоставляют эти теги — данные о данных на вашей странице.
Помогают ли мета-теги SEO?
Да, но не все и не всегда.Одна из целей этой страницы — объяснить, какие метатеги потенциально могут помочь вашему SEO-ранжированию, а какие в большинстве случаев вышли из употребления. (См. «Знай свои метатеги » ниже).
Если вы хотите узнать, использует ли данная страница метатеги, просто щелкните правой кнопкой мыши в любом месте страницы и выберите «Просмотреть источник страницы».
В Chrome откроется новая вкладка (в Firefox это будет всплывающее окно). Часть вверху или «голова» страницы — это место, где будут находиться метатеги.
Мета-теги в HTML будут выглядеть примерно так:
Знайте свои мета-теги
Существует четыре основных типа метатегов, о которых стоит знать, и мы поговорим о них здесь.Некоторые из них уже не так полезны, как раньше. Другие стоит использовать регулярно, и они, скорее всего, увеличат ваш трафик, сообщив Google, кто вы и что вы предоставляете. (Существует более четырех видов метатегов, но некоторые из них менее распространены или не имеют отношения к веб-маркетингу).
Мы обсудим четыре типа:
- Атрибут мета-ключевых слов — серия ключевых слов, которые вы считаете релевантными для рассматриваемой страницы.
- Тег заголовка — это текст, который вы увидите в верхней части браузера.Поисковые системы рассматривают этот текст как «заголовок» вашей страницы.
- Мета-описание Атрибут — Краткое описание страницы.
- Атрибут мета-роботов — указание сканерам поисковых систем (роботам или «ботам») относительно того, что они должны делать со страницей.
Атрибут мета-ключевых слов
Мета-ключевых слов — это пример метатега, который в наши дни не имеет особого смысла. Несколько лет назад мета-теги с ключевыми словами могли быть полезными, но теперь их нет.
Вспомните, когда в детском саду ваш учитель строго посмотрел на вас и сказал: «Если вы не можете перестать использовать эти мелки, пока я говорю, я заберу их у вас», а вы не послушали и, к вашему шоку, их действительно забрали? Именно так Google поступил с мета-ключевыми словами.
лет назад маркетологи, жаждущие просмотров страниц, вставляли в свой код ключевые слова, совершенно не связанные с их страницами, в попытке перебрать трафик с более популярных страниц, которые на самом деле были о Линдси Лохан или о том, кто тогда был в тренде.Это было известно как «наполнение ключевыми словами». В конце концов Google сообразил это и решил в конце концов обесценить инструмент. В наши дни Google вообще не использует мета-ключевые слова в своем алгоритме ранжирования, потому что ими слишком легко злоупотреблять.
Заголовок
Теги заголовков, с другой стороны, являются наиболее важными из всех обсуждаемых здесь метатегов. Эти теги реально влияют на поисковый рейтинг и, что, возможно, не менее важно, являются единственными тегами, которые мы обсудим здесь, которые видны среднему пользователю.Вы найдете их в верхней части браузера (для обычных поисковых страниц или для целевых страниц PPC):
Это особенно полезно, если вы хотите дать странице одно основное название для пользователя, но хотите уточнить или упростить эту информацию для целей SEO и для пользователя, который перемещает несколько вкладок на своем рабочем столе.
Мета-описание Атрибут
Мета-описание — это полезный метатег, поскольку он очень просто объясняет поисковым системам и (иногда) самим поисковикам, о чем ваша страница.Допустим, вы искали в Google фразу «мета-ключевые слова», например. Вы можете получить следующие результаты:
Важно отметить, что метатег описания не всегда отображается в результатах поиска Google (Google часто выбирает фрагмент текста с самой страницы), но он полезен в других отношениях. Google также заявил, что ключевые слова в метаописаниях не повлияют на ваш рейтинг. Однако привлекательный мета-тег описания может побудить пользователей перейти из поисковой выдачи на ваш сайт, особенно если описание включает в себя ключевые слова, которые они искали.А высокий показатель CTR в поисковой выдаче может косвенно улучшить ваш рейтинг.
Причины Google несколько загадочны, но их действия говорят громко: мета-ключевые слова больше не имеют большого значения, но метаописания определенно имеют значение.
Атрибут мета-роботов
С помощью этого атрибута вы сообщаете поисковым системам, что делать со своими страницами:
- index / noindex — указывает системам, показывать ли вашу страницу в результатах поиска или нет.
- follow / nofollow — указывает движкам, что делать со ссылками на ваших страницах: следует ли им доверять и «переходить» по вашим ссылкам на следующую страницу или нет.
Итак, что дальше?
Мы говорили о том, как метатеги могут реально повлиять на маркетинг в поисковых системах. Итого:
- Тег заголовка может повлиять на рейтинг вашего сайта в поисковых системах.
- Описательные теги могут побудить пользователей посетить ваш сайт.
- Метаописание может использоваться как «обычный текст объявления».
- Мета-ключевые слова не рекомендуются большинством поисковых систем.
Использование метатегов для SEO и поискового маркетинга
Мета-теги несложно реализовать самостоятельно — вам действительно не нужен программист, достаточно иметь некоторый опыт работы с HTML. WordStream может помочь вам найти наиболее эффективные ключевые слова для использования в метатегах вашего сайта — попробуйте наш бесплатный инструмент подсказки ключевых слов.
: элемент метаданных уровня документа — веб-технология для разработчиков
HTML
элемент представляет метаданные, которые не могут быть представлены другими элементами, связанными с метаданными HTML, такими как
,
,
,
или<название>
.
Тип метаданных,предоставляемых элементом метаданных
,может быть одним из следующих:
- Если установлен атрибут
name
,мета-элемент
предоставляетметаданных уровня документа,применяемых ко всей странице. - Если установлен атрибут
http-Equiv
,мета-элементявляется директивойpragma,предоставляющей информацию,эквивалентную той,которая может быть предоставлена заголовком HTTP с аналогичным именем.
- Если установлен атрибутcharset,мета-элемент
представляет собой объявлениеcharset,задающее кодировку символов,в которой закодирован документ.
- Если установлен атрибут
itemprop
,мета-элемент
предоставляетпользовательских метаданных.
Атрибуты
Этот элемент включает глобальные атрибуты.
Примечание:атрибутимя
имеет особое значение для элемента
,а атрибутitemprop
не должен быть установлен для того же элемента
,который имеет любое существующее имя
,http-Equiv
илиcharset
атрибутов.
кодировка
- Этот атрибут объявляет кодировку символов документа.Если атрибут присутствует,его значение должно быть совпадением без учета регистра ASCII для строки «
utf-8
»,поскольку UTF-8-единственная допустимая кодировка для документов HTML5.meta Элементы
,которые объявляют кодировку символов,должны полностью располагаться в пределах первых 1024 байтов документа. содержание
- Этот атрибут содержит значение атрибута
http-Equiv
илиname
,в зависимости от того,что используется. http-эквивалент
Определяет директиву pragma.Атрибут называетсяhttp-Equiv(alent)
,потому что все разрешенные значения являются именами определенных заголовков HTTP:
политика безопасности содержимого
Позволяет авторам страниц определять политику содержимого для текущей страницы.Политики контента в основном определяют разрешенные источники серверов и конечные точки сценариев,которые помогают защитить себя от атак межсайтового сценария.
тип содержимого
Объявляет тип MIME и кодировку символов документа.Если указано,атрибутсодержимого
должен иметь значение «text/html;charset=utf-8
».Это эквивалентно мета-элементус указанным атрибутом
charsetи несет такое же ограничение на размещение в документе.Примечание:Может использоваться только в документах,обслуживаемых с текстом/html
-не в документах,обслуживаемых с типом XML MIME.
по умолчанию
Задает имя набора стилей CSS по умолчанию.
x-ua-совместимый
Если указано,атрибутсодержимого
должен иметь значение «IE=edge
».Пользовательские агенты должны игнорировать эту прагму.
обновить
В этой инструкции указано:
- Количество секунд до перезагрузки страницы-только если атрибут
content
содержит положительное целое число. - Количество секунд до того,как страница должна перенаправить на другую-только если атрибут
содержимого
содержит положительное целое число,за которым следует строка «;url=
» и действительный URL.
Проблемы доступности
Robots
Инструкции по индексации записываются в поле content. Возможны следующие инструкции:
NOINDEX — запрещает индексирование документа;
NOFOLLOW — запрещает проход по ссылкам, имеющимся в документе;
INDEX — разрешает индексирование документа;
FOLLOW — разрешает проход по ссылкам.
ALL — равносильно INDEX, FOLLOW
NONE — равносильно NOINDEX, NOFOLLOW
Значение по умолчанию: <meta name=»Robots» content=»INDEX, FOLLOW»>.
В следующем примере робот может индексировать документ, но не должен выделять из него ссылки для поиска дальнейших документов:
<META name=»ROBOTS» content=»index, nofollow»>
Имя тега, названия и значения полей нечувствительны к регистру.
В поле content дублирование инструкций, наличие противоречивых инструкций и т.п. не допускается; в частности, значение поле content не может иметь вид «none, nofollow».
Значение этого тега очень важно для раскрутки сайта, практически все поисковые системы опираются на этот
тег, а некоторые выводят содержимое этого тега в результатах поиска (Google), поэтому желательно не просто указывать краткое описание документа, но сделать его содержание привлекательным рекламным сообщением.
<title>Правильные главные мета теги для сайта и как их заполнять [10 примеров]</title>
<meta name = “description” content = “Некоторые мета-теги жизненно важны для SEO. Другие практически не влияют на ранжирование. Сегодня представляю вашему вниманию правильные главные метатеги”/>
Google учитывает первые 12 слов из Title, Яндекс учитывает все слова.
Статья в тему — как вывести description в любом месте шаблона wordpress.
Как сделать всегда актуальный год в заголовке, тексте и мета-тегах? Написано тут.
title
не является мета-тегом только с точки зрения синтаксиса. В остальном он подобен мета-тегу: прописывается в блоке head
и не отображается непосредственно на веб-странице. Тег title
должен содержать название страницы, отображающееся во вкладках и закладках браузера. Поисковые системы используют содержимое данного тега при формировании сниппетов поисковой выдачи и при определении релевантности страницы поисковым запросам.content
генерируется случайный набор символов, актуальный именно для текущего добавляемого сайта:content
генерируется случайный набор символов, актуальный именно для текущего добавляемого сайта:
определяет метаданные о
HTML-документ. Метаданные — это данные (информация) о данных. Теги
всегда находятся внутри элемента,
и обычно используются для указания набора символов, описания страницы,
ключевые слова, автор документа и настройки области просмотра.
(см. «Настройка
Пример «Окно просмотра» ниже).тип содержимого
по умолчанию
обновить
автор
описание
генератор
ключевые слова
окно просмотра
также поддерживает глобальные атрибуты в HTML.
на все свои веб-страницы: width = device-width
устанавливает ширину страницы в соответствии с шириной экрана устройства (которая будет варьироваться в зависимости от устройства). initial-scale = 1.0
устанавливает начальный уровень масштабирования при первой загрузке страницы браузером.
элемент представляет метаданные, которые не могут быть представлены другими элементами, связанными с метаданными HTML, такими как
,
,
,
или<название>
.
,может быть одним из следующих:name
,мета-элемент
предоставляетметаданных уровня документа,применяемых ко всей странице.http-Equiv
,мета-элементявляется директивойpragma,предоставляющей информацию,эквивалентную той,которая может быть предоставлена заголовком HTTP с аналогичным именем.
представляет собой объявлениеcharset,задающее кодировку символов,в которой закодирован документ.
itemprop
,мета-элемент
предоставляетпользовательских метаданных.имя
имеет особое значение для элемента
,а атрибутitemprop
не должен быть установлен для того же элемента
,который имеет любое существующее имя
,http-Equiv
илиcharset
атрибутов.кодировка
utf-8
»,поскольку UTF-8-единственная допустимая кодировка для документов HTML5.meta Элементы
,которые объявляют кодировку символов,должны полностью располагаться в пределах первых 1024 байтов документа.содержание
http-Equiv
илиname
,в зависимости от того,что используется.http-эквивалент
Определяет директиву pragma.Атрибут называетсяhttp-Equiv(alent)
,потому что все разрешенные значения являются именами определенных заголовков HTTP:
политика безопасности содержимого
Позволяет авторам страниц определять политику содержимого для текущей страницы.Политики контента в основном определяют разрешенные источники серверов и конечные точки сценариев,которые помогают защитить себя от атак межсайтового сценария.
тип содержимого
Объявляет тип MIME и кодировку символов документа.Если указано,атрибут
содержимого
должен иметь значение «text/html;charset=utf-8
».Это эквивалентно мета-элементус указанным атрибутом
charsetи несет такое же ограничение на размещение в документе.Примечание:Может использоваться только в документах,обслуживаемых с текстом/html
-не в документах,обслуживаемых с типом XML MIME.по умолчанию
Задает имя набора стилей CSS по умолчанию.
x-ua-совместимый
Если указано,атрибут
содержимого
должен иметь значение «IE=edge
».Пользовательские агенты должны игнорировать эту прагму.обновить
В этой инструкции указано:
- Количество секунд до перезагрузки страницы-только если атрибут
content
содержит положительное целое число. - Количество секунд до того,как страница должна перенаправить на другую-только если атрибут
содержимого
содержит положительное целое число,за которым следует строка «;url=
» и действительный URL.
Проблемы доступности
- Количество секунд до перезагрузки страницы-только если атрибут
Страницы,для которых установлено значение,обновление
,могут иметь слишком короткий временной интервал.Люди,перемещающиеся с помощью вспомогательных технологий,таких как программы чтения с экрана,могут быть не в состоянии прочитать и понять содержимое страницы до того,как будут автоматически перенаправлены.Внезапное,необъявленное обновление содержания страницы также может дезориентировать людей с нарушениями зрения.
наименование
Атрибутыname
иcontent
могут использоваться вместе для предоставления метаданных документа в терминах пар имя-значение,при этом атрибутname
задает имя метаданных,а атрибутcontent
дает значение.