Что известно поисковым системам о страницах вашего сайта? «Конечно, их тексты» – скажете вы, и будете совершенно правы.
Однако, помимо текстов, вы можете передать поисковым системам дополнительную информацию о страницах своего сайта, а именно: заголовок и описание страницы. Эта информация подскажет поисковым системам, что является самым важным на странице. Заголовок и описание указываются в специальных мета-тегах title и description.
Когда вы просматриваете страницу, то в заголовке браузера в самом верху отображается текст – это и есть тег title (заголовок открытой страницы):
В поисковых системах title показывается как ссылка для перехода на сайт. Именно по тексту title большинство людей решает, переходить или нет:
Заголовок должен обязательно содержать 1-3 ключевых слова, под которые оптимизирована страница, а также – отражать ее содержимое. Важные ключевые слова следует расположить ближе к началу. Желательно уложиться в 70 символов.
Содержимое тега description может показываться некоторыми поисковыми системами как описание страницы в результатах поиска.
Длина description должна быть не более 150 символов.
Как видите, все довольно просто. Главное, чтобы содержимое мета-тегов совпадало с содержимым страницы – тогда мета-теги будут давать полезную информацию и поисковым системам, и посетителям вашего сайта. А значит, помогать продвигать сайт!
META-теги с атрибутом HTTP-EQUIV эквивалентны HTTP-заголовкам. Обычно они управляют действиями броузеров и могут быть использованы для совершенствования информации, выдаваемой обычными заголовками. Теги такой формы могут дать такой же эффект, что и HTTP-заголовки, и на некоторых серверах автоматически могут быть переведены в настоящие HTTP-заголовки.
Некоторые генерируемые сервером поля заголовков не могут быть подменены значениями из META-тегов (в частности Date), другие подменяются только при ненормальном статус-коде (200). Когда заголовок не понятен, то значение HTTP-заголовка превалирует над значением META-тегов.
Атрибут 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
Метатеги
Метатеги – это один из важнейших инструментов продвижения сайта в поисковых cистемах . Чем выше рейтинг сайта у крупнейших поисковых систем Google и Яндекс, тем выше сайт находится в выдаче по определенным запросам и тем раньше его заметит пользователь.
Механика продвижения сайтов в поисковых системах – тема отдельного курса. В рамках документации по использованию решений Аспро мы рассмотрим три основных метатега и расскажем, как их настроить для разделов каталога и карточек товаров, или услуг для линейки наших типовых решений
Основные метатеги — это title, keywords, description и h2.
- Title (1) – отображает содержимое как заголовок сайта на вкладке браузера и в поисковой выдаче
-
Description (2) – отображает содержимое как описание страницы в поисковой выдаче
-
Keywords (3) – используются поисковиками для определения релевантности страницы, т.е. ее соответствия заданным условиям поиска.
Вы можете прописать для каждого раздела каталога и даже для каждой отдельной страницы или карточки товара уникальные метатеги. Процесс легко автоматизировать, используя шаблоны.
Настройка метатегов
В административном режиме перейдите в Рабочий стол → Контент → Инфоблоки → Типы инфоблоков → Каталог. Переключитесь на вкладку «SEO».
Рассмотрим группы полей:
- Настройки для разделов – мета-информация, которая вносится непосредственно на страницу раздела
-
Настройки для элементов – мета-информация, которая вносится на страницы дочерних элементов раздела – подразделов, карточек товаров
-
Настройки для изображений разделов – мета-информация, которая привязывается к картинкам-анонсам в списке разделов
-
Настройки для детальных картинок разделов – мета-информация, которая привязывается к картинкам на странице раздела
-
Настройки для картинок анонса элементов – мета-информация, которая привязывается к картинкам-анонсам в списке товаров
-
Настройки для детальных картинок элементов – мета-информация, которая привязывается к картинкам на карточке товара.
При заполнении полей можно пользоваться специальными кодами, которые позволяют системе самостоятельно подгружать информацию в теги. Чтобы добавить код, нажмите кнопку с многоточием рядом с нужным полем и выберите подходящий вариант.
Рассмотрим подробнее, какую информацию рекомендуется вносить в шаблоны.
Настройки для разделов
-
Шаблон META TITLE – формирует заголовок для страницы раздела.
Формула: код «Название текущего раздела» + текстовый заголовок.
Пример: {=this.Name} купить в интернет-магазине Челябинска. В результате для раздела «Дрели и перфораторы» title получится «Дрели и перфораторы купить в интернет-магазине Челябинска», а для раздела «Женская одежда» – «Женская одежда купить в интернет-магазине Челябинска». Рекомендуем использовать название раздела.
-
Шаблон META KEYWORDS – формирует набор ключевых фраз для поисковиков.
Формула: код «Название текущего раздела».
Пример: {=this.Name}. В результате ключевые слова подтянутся из настроек каждого раздела.
-
Шаблон META DESCRIPTION – формирует описание страницы в выдаче поисковика.
Формула: код «Название текущего раздела» + текстовое описание.
Пример: {=this.Name} по низким ценам с доставкой в Челябинске. В результате для раздела «Дрели и перфораторы» description получится «Дрели и перфораторы по низким ценам с доставкой в Челябинске».
-
Заголовок раздела – формирует основной заголовок на странице. Рекомендуем оставить название раздела.
Формула: код «Название текущего раздела».
Пример: {=this.Name}.
Настройки для элементов
-
Шаблон META TITLE – формирует заголовок для карточек товаров.
Формула: код «Название текущего элемента» + ключевая фраза.
Пример: {=this.Name} + купить недорого в Челябинске. В результате для товара «Дрель монтажная Bosch Professional GBM» title карточки получится «Дрель монтажная Bosch Professional GBM купить недорого в Челябинске».
-
Шаблон META KEYWORDS – формирует набор ключевых фраз для карточки товара.
Формула: код «Название родителя» + код из списка Свойства – «Бренд», «Модель», «Тип» или другое + ключевые слова.
Пример: {=parent.Name} {=this.property.BRAND} купить, интернет-магазин, недорого, Челябинск. В результате для товара «Дрель монтажная Bosch Professional GBM» keywords получатся «Дрели и перфораторы Bosch купить в интернет-магазине Челябинск».
-
Шаблон META DESCRIPTION – формирует описание для карточки товара.
Формула: код «Текст анонса текущего элемента» + информация о товаре, отраженная на странице. Если информации нет, то можете записать ключевые слова о содержимом страницы, например, фото, видео, отзывы о товаре, наличие и т.д.
Пример: {=this.PreviewText} фото, видео, отзывы о товаре, наличие, доставка. В результате для товара «Дрель монтажная Bosch Professional GBM» description получится «Дрель монтажная Bosch Professional GBM фото, видео, отзывы о товаре, наличие, доставка».
-
Заголовок товара – формирует основной заголовок на странице. Рекомендуем оставить название товара.
Формула: код «Название текущего элемента».
Пример: {=this.Name}.
Настройки для изображений разделов
-
Шаблон ALT – формирует описание картинок.
Формула: фото + код «Название текущего раздела».
Пример: Фото {=this.Name}. В результате для раздела «Дрели и перфораторы» alt у картинок получится «Фото Дрели и перфораторы».
-
Шаблон TITLE – формирует заголовок картинок.
Формула: Фото + код «Название текущего раздела».
Пример: Фото {=this.Name}.
-
Шаблон имени файла – заполнять необязательно
Настройки для детальных картинок разделов
-
Шаблон ALT
Формула: код «Название текущего раздела».
Пример: {=this.Name}
-
Шаблон TITLE
Формула: код «Название текущего раздела».
Пример: {=this.Name}.
-
Шаблон имени файла – заполнять необязательно.
Настройки для детальных картинок элементов
-
Шаблон ALT
Формула: код «Название текущего элемента» + ключевая фраза.
Пример: {=this.Name} фото в интернет-магазине Наш магазин. В результате для товара «Дрель монтажная Bosch Professional GBM» alt у детальных картинок получится «Дрель монтажная Bosch Professional GBM фото в интернет-магазине Наш магазин»
-
Шаблон TITLE
Формула: код «Название текущего элемента» + ключевая фраза.
Пример: {=this.Name} фото в интернет-магазине Наш магазин.
Настройки для картинок анонса элементов заполнять не обязательно.
Мета-теги (meta tag): что это такое, зачем нужны ключевые слова
Мета-теги в коде страницы
Мета-теги в HTML-коде
Мета-теги – это HTML-теги, с помощью которых указываются дополнительные данные о странице сайта.
Основные функции тега <meta>:
- передают информацию роботам поисковых систем;
- служат инструкцией для браузеров, различных сервисов и программного обеспечения;
- содержат сведения об авторстве, источнике документа.
Мета-теги бывают универсальными и поддерживаемыми только какими-то конкретными системами.
Мета-теги для поисковых систем
Robots
Мета-тег указывает роботам поисковых систем, как сканировать и индексировать страницу.
Для конкретного бота можно задать свою инструкцию. Например, заменить robots на Googlebot для Гугла или на YandexBot для Яндекса.
Возможные указания:
- all – означает, что разрешена индексация и переход по ссылкам, аналогично index, follow;
- noindex – запрет индексации;
- index – разрешена индексация;
- nofollow – нельзя переходить по ссылкам;
- follow – можно переходить по ссылкам;
- noarchive – запрещено показывать ссылку на сохраненную копию в выдаче;
- noyaca – (для Яндекса) не использовать для сниппета описание из Яндекс.Каталога;
- nosnippet – (в Google) нельзя использовать для сниппета фрагмент текста и показывать видео;
- noimageindex – (в Google) запрет указания страницы как источника изображения;
- unavailable_after:[date] – (в Google) после указанной даты будет прекращено сканирование и индексирование страницы;
- none – запрет индексации и перехода по ссылкам, аналогичен noindex, nofollow.
Description
Мета-тег name=«description» может использоваться поисковыми системами при формировании сниппета, поэтому он должен:
- точно описывать содержание страницы;
- вызывать желание кликнуть;
- включать продвигаемое ключевое слово.
В разных поисковых системах выводятся 160–240 символов.
Description для каждой продвигаемой страницы должен быть уникальным.
Keywords
Мета-тег name=«keywords» раньше использовался поисковыми системами при ранжировании, но из-за многочисленных манипуляций его значимость постоянно уменьшалась. Теперь большинство поисковиков его игнорируют. Google не поддерживает вообще, а Яндекс пишет, что может учитывать. Но на практике keywords давно не оказывает влияния, а его некорректное заполнение может привести к переспаму.
Существуют три подхода:
- оставлять пустым;
- писать конкретные фразы или отдельные слова через запятую;
- указать через пробел бессвязный набор слов, из которых могут быть составлены ключевые фразы.
Если принято решение прописать ключевые слова, важно не допускать спама.
Ключевые слова должны характеризовать конкретную страницу и упоминаться в контенте.
Title
Title технически не является мета-тегом, но его часто относят к этой группе, потому что он содержит информацию, которая используется поисковыми системами и браузерами.
Данный HTML-тег важен для SEO: влияет на ранжирование и кликабельность по сниппету.
Классические рекомендации по заполнению мета-тега:
- использовать главное продвигаемое ключевое слово на странице;
- разместить ключ вначале;
- обеспечить уникальность внутри сайта;
- сделать привлекательным для пользователя;
- подобрать такую длину, чтобы заголовок не обрезался в сниппете.
Рекомендуема длина – 70–80 символов.
Другие мета-теги
Верификация
Для подтверждения права собственности на сайт и возможности управлять им в Вебмастере Яндекса или Search Console в Google можно использовать особые мета-теги верификации google-site-verification и yandex-verification (или иной способ).
Viewport
Мета-тег нужен для адаптации к мобильным устройствам, контролирует масштаб видимой области просмотра в браузере. Без него отображение некорректное.
Http-equiv
Принимаемые значения:
- Content-Type – помогает определить кодировку и тип документа;
- Refresh – перенаправление на другую страницу после заданного в секундах времени нахождения;
- Content-Language – указание основного языка документа.
Тег указывает браузеру, на основании каких данных нужно обработать содержание документа.
Author и Copyright
Функция – идентификация автора. Если сайт принадлежит компании, используется Copyright, если конкретному лицу – Author.
длина, как сделать, составить и заполнять правильный мета-тег и пример написания в 2020
Привет! В предыдущей статье я рассказал, как составлять мета-тег Тайтл для сайта. В этой поговорим о правильном Description для вашего проекта, как заполнять и для чего он вообще используется, когда на дворе 2020 год.
Содержание статьи:
Общая информация
Мета-тег Description – это по своей сути микро-анонс-описание всей страницы, для которой он прописывается. Дескрипшн даёт общее представлением поисковым системам Яндекс Google о чём страница. Description выводится в поисковой выдаче и называется сниппет.
Стоит отметить, что Google намного чаще использует прописанный Meta Tag Description в выдаче, тогда как Яндекс в большей части случаев выводит какой-либо отрывок из текста по своему усмотрению. Однако, это не значит, что тегом Дескрипшн можно пренебрегать и оставлять его пустым!
Правильно составленный и прописанный Description – очень важный элемент SEO-оптимизации страницы.
Также как и в случае с Title мы несколько по-разному заполняем Description для коммерческих и информационных сайтов.
Кроме того, метатег Дескрипшн для Главной также необходимо составлять особенным образом. А как именно составить правильно данный тег я расскажу ниже.
Общим требованиям для всех типов сайтов и их страниц является то, что Description нужно писать максимально естественным языком, без использования «кривых» прямых вхождений ключевых запросов. В теге можно склонять и разбавлять ключевые фразы, но их наличие необходимо.
Ну и самое банальное (хотя некоторые даже в этом косячат) Description должен отличаться от Тайтла, а не дублировать его!
Длина Description в 2020 году
Оптимальный размер для Description является 160-170 символов. С недавних пор Яндекс увеличил размер выводимого в выдаче сниппета, добавив кнопку «Читать далее» после нажатие на которую выводится в общей сложности до 300-350 символов.
Тем не менее, я рекомендую не превышать длину в 200 символов, и делать Дескрипшн из 3-4 предложений с обязательным вхождением ключевых слов, пусть и в склонённом или разбавленном другими словами виде.
Инфографика
Перед тем как подробно рассказать про каждый нюансы составления Дескрипшена я предлагаю вам ознакомиться с инфографикой.
Description для интернет-магазина или сайта услуг
Начнём с правильного составления и заполнения Дескрипшена коммерческого сайта.
Карточки товаров или посадочные страницы
В Дескрипшене магазина или сайта услуг должны присутствовать:
- несколько основных ключевых слов, можно в разбавленном виде, других падежах, числах и родах;
- «хвосты»;
- коммерческие фразы: купить, заказать, заказ, цена, доставка, недорого и т.д.
- гео-привязка: в Москве, в Спб и т.д.
- бренд.
Подробнее про SEO-хвосты можно прочитать по ссылке.
Далее пример формулы для составления правильного Description для интернет-магазина платьев:
В интернет-магазине «Платья 24» вы можете купить вечернее платье на свадьбу с доставкой на дом. Лучшие цены в Москве.
Здесь:
Артём Высоков
Автор блога о SEO и заработке на сайтах — Vysokoff.ru. Продвигаю информационные и коммерческие сайты с 2013 года.
Задать вопрос Загрузка …
- интернет-магазин, купить, с доставкой на дом, цены – коммерческие фразы;
- вечернее платье на свадьбу – основной ключ;
- в Москве – гео-привязка.
- Платья 24 – бренд.
Т.о. формула для тега может выглядеть так:
В %бренд% разбавка %коммерческая фраза% %основной ключ%%коммерческая фраза%. Разбавка %коммерческая фраза% %второй ключ%%гео-привязка%.
Главная страница коммерческого сайта
Отличие Description для посадочных от Description для Главной заключается в том, что для Главной страницы сайта мы используем максимально ВЧ-запросы, а также делаем описание Главной в виде микро-анонса деятельности всего сайта.
Т.е. для интернет-магазина по продаже платьев в meta описание мы будем использовать основное ключевое слово – «платья».
Пример:
Интернет-магазин платьев «Платья 24». Огромный ассортимент платьев на выпускной, свадьбу и для повседневной жизни. Выгодные цены на платья. Доставка по Москве.
Т.о. формула Дескрипшн останется без изменений, т.е.:
В %бренд% разбавка %коммерческая фраза% %основной ключ%%коммерческая фраза%. Разбавка %коммерческая фраза% %второй ключ%%гео-привязка%.
Дескрипшн для информационного сайта
Для инфосайтов заполнение SEO-описания для страницы выглядит точно также, только в мета-теге не используем коммерческие фразы, гео и бренд (но по желанию бренд можно оставить).
Статьи
Формула для Description инфо-статьи:
Разбавка % ключевое слово%. %Ключевое слово% разбавка разбавка. Разбавка %ключевое слов%.
Пример:
Полезные советы, как выбрать вечернее платье на празднование выпускного или на свадьбу. Выбор праздничного платья.
Ну, т.е. для информационного сайта всё сильно упрощается. По сути мы просто вставляем ключевые фразы и разбавляем их текстом.
Главная страница информационного сайта
Как и в случае с Тайтлом Главной инфосайта, тег Дескрипшн также составить довольно проблематично. Если информационный сайт заточен под широкую нишу, тогда будет сложно уместить всё в одном мини-описание.
Если же ниша узкая, тогда мы просто пытаемся впихнуть в читабельной форме как можно больше ключевых фраз, разбавляя их обычными «неключевыми» словами. Ну и обязательно в Description Главной упоминаем брендовое название вашего информационного сайта.
А что если мета-теги Description отсутствуют?
Об этом часто любит сообщать Вебмастер Яндекса. Чтобы проверить есть ли у вас страницы без SEO-описаний, т.е. без Дескрипшенов, необходимо зайти на
- webmaster.yandex.ru ->
- Выбрать свой сайт.
- Диагностика. И если проблемы есть, то вы увидите надпись – Отсутствуют метатеги <Description>
Зайдя в каждую проблемную статью и заполнив SEO-описание страницы необходимо в Яндекс.Вебмастере нажать на кнопку перепроверки и ждать результата. Если страниц с отсутствующим Description больше не будет, то метка пропадёт.
Лайфхак для сайтов на WordPress с Yoast SEO
И напоследок небольшой лайфхак для лентяев. Если же вы категорически не хотите руками прописывать Description (но только так можно действительно хорошо оптимизировать данный тег), но при этом хотите избежать предупреждений в Яндекс.Вебмастере (как говорится и рыбку съесть и на кхм-кхм…), тогда вам на помощь придёт плагин Yoast SEO и вот такая штука – %%excerpt%%.
Вам нужно зайти в настройки Yoast SEO, как указано на скриншоте и в поле Meta Description прописать %%excerpt%%
Этот тег вставляет автоматически первые несколько предложений в дескрипшн, таким образом делая метатег заполненным, но не уникальным. Это всё же лучше, чем оставлять мета-описание пустым, но хуже чем грамотно продуманный Description, с вхождением ключевых фраз.
Надеюсь помог!
HTML метатег
Пример
Описывать метаданные в документе HTML:
Попробуй сам »
Дополнительные примеры «Попробуйте сами» ниже.
Определение и использование
Тег определяет метаданные о
HTML-документ. Метаданные — это данные (информация) о данных.
Теги всегда находятся внутри элемента
,
и обычно используются для указания набора символов, описания страницы,
ключевые слова, автор документа и настройки области просмотра. Метаданные не будут отображаться на странице, но их можно проанализировать на компьютере.
Метаданные используются браузерами (как отображать контент или перезагружать страницу),
поисковые системы (ключевые слова) и другие веб-службы.
Существует метод, позволяющий веб-дизайнерам контролировать область просмотра.
(видимая пользователем область веб-страницы) с помощью тега (см. «Настройка
Пример «Окно просмотра» ниже).
Поддержка браузера
| Элемент | | | | | |
|---|
| <мета | Есть | Есть | Есть | Есть | Есть |
Атрибуты
| Атрибут | Значение | Описание |
|---|
| кодировка | набор символов | Задает кодировку символов для документа HTML. |
| содержание | текст | Задает значение, связанное с атрибутом http-Equiv или name. |
| http-экв | политика безопасности содержимого
тип содержимого
по умолчанию
обновить | Предоставляет HTTP-заголовок для информации / значения атрибута содержимого |
| наименование | имя-приложения
автор
описание
генератор
ключевые слова
окно просмотра | Задает имя метаданных |
Глобальные атрибуты
Тег также поддерживает глобальные атрибуты в HTML.
Другие примеры
Определите ключевые слова для поисковых систем:
Определите описание вашей веб-страницы:
Определите автора страницы:
Обновлять документ каждые 30 секунд:
Настройка области просмотра, чтобы ваш сайт выглядел хорошо на всех устройствах:
Настройка области просмотра
Область просмотра — это видимая пользователем область веб-страницы. Это зависит от устройства
— на мобильном телефоне он будет меньше, чем на экране компьютера.
Вы должны включить следующий элемент на все свои веб-страницы:
Это дает браузеру инструкции о том, как
для управления размерами и масштабированием страницы.
Часть width = device-width устанавливает ширину страницы в соответствии с шириной экрана устройства (которая будет варьироваться в зависимости от устройства).
Часть initial-scale = 1.0 устанавливает начальный уровень масштабирования при первой загрузке страницы браузером.
Вот пример веб-страницы без метатега области просмотра и той же веб-страницы с метатегом области просмотра :
Совет: Если вы просматриваете эту страницу с помощью телефона или планшета, вы можете щелкнуть две ссылки ниже, чтобы увидеть разницу.
Подробнее о вьюпорте можно прочитать в нашем «Адаптивном веб-дизайне» — Учебное пособие по вьюпорту.
Связанные страницы
Учебное пособие по HTML: заголовок HTML
Ссылка
HTML DOM:
Мета-объект
Настройки CSS по умолчанию
Нет.
.
Добавьте SEO-заголовок и мета-описание
Создайте SEO-мета-заголовок и описание для каждой страницы вашего сайта.
В этом видео используется старый интерфейс. Скоро выйдет обновленная версия!
В этом видео используется старый интерфейс. Скоро выйдет обновленная версия!
SEO-заголовок и метаописание — это то, что обычно появляется, когда ваша страница появляется в Google или любой другой поисковой системе. Вы можете обновить настройки SEO для каждой страницы вашего проекта из Настройки страницы .
В этом уроке
Метаописание не всегда используется в результатах.Иногда Google показывает фрагмент веб-страницы, содержащий поисковый запрос, введенный в Google.
Но если ваше метаописание действительно появляется, оно действительно может помочь убедить людей перейти на вашу страницу, особенно если это имеет отношение к содержанию вашей страницы.
Для страниц коллекции вы определите шаблон, который все страницы в коллекции будут использовать для своего тега заголовка и мета-описания. Таким образом, все элементы коллекции будут автоматически получать свои настройки SEO из каждой коллекции на основе заданного вами шаблона.
Для мета-описания вы сделаете то же самое. Ссылка на «краткое изложение» сообщения в блоге.
Вы также можете комбинировать поля и даже вводить произвольный текст для работы с этими полями — они похожи на переменные, между которыми вы можете переключаться, чтобы вы могли предварительно просмотреть все элементы вашей коллекции.
.
Добавить комментарий