Мета-теги в html

Определение и использование

Метаданные — это данные (информация) о данных.

Тег <meta> содержит метаданные о документе HTML. Метаданные не будут отображаться на странице, но будут проанализированы машиной.

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

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

HTML5 ввел метод, позволяющий веб-дизайнерам управлять окном просмотра (видимой областью пользователя веб-страницы), через — <meta> тег (уидеть «Setting
The Viewport» Пример ниже).

HTML Теги

<!—…—><!DOCTYPE><a><abbr><acronym><address><applet><area><article><aside><audio><b><base><basefont><bdi><bdo><big><blockquote><body><br><button><canvas><caption><center><cite><code><col><colgroup><data><datalist><dd><del><details><dfn><dialog><dir><div><dl><dt><em><embed><fieldset><figcaption><figure><font><footer><form><frame><frameset><h1> — <h6><head><header><hr><html><i><iframe><img><input><ins><kbd><label><legend><li><link><main><map><mark><meta><meter><nav><noframes><noscript><object><ol><optgroup><option><output><p><param><picture><pre><progress><q><rp><rt><ruby><s><samp><script><section><select><small><source><span><strike><strong><style><sub><summary><sup><svg><table><tbody><td><template><textarea><tfoot><th><thead><time><title><tr><track><tt><u><ul><var><video>

Для чего нужны мета теги

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

Самые базовые и часто используемые теги — это “title” и “description”. На самом же деле существуют десятки других примеров, часть которых также важна для вебмастеров. В данной статье мы рассмотрим только самые распространённые мета теги, разделив их на несколько категорий по значимости.

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

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

SEO развивается и вес ключевых слов изменяется, но следует помнить о фактическом запросе. Поисковый запрос формулируется словами и пользователи, по сути, сканируют выдачу на наличие фразы, введённой в строку поиска, в правильной последовательности и целостности.

Хотя поисковые системы могут заниматься семантическим поиском и скрытой семантической индексацией, подбирая контекст, сама фраза остаётся крайне важной

Типичные ошибки при написании мета-тегов

Title и Description

Слишком длинный или короткий тег. Google рекомендует избегать длинных и многословных заголовков, оставляя их краткими.

Тег не существует. На каждой странице должен быть тег заголовка и мета-описания.

Несколько тегов на одной странице. Поисковые системы могут отображать нежелательный тег, если на странице их несколько.

Повторяющиеся теги на нескольких страницах

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

Robots

Неиндексированные страницы заблокированы robots.txt. Это не позволяет поисковику видеть тег robots noindex, что делает возможной индексацию URL.

Сквозная аналитика

 от 990 рублей в месяц

  • Автоматически собирайте данные с рекламных площадок, сервисов и CRM в удобные отчеты
  • Анализируйте воронку продаж от показов до ROI
  • Настройте интеграции c CRM и другими сервисами: более 50 готовых решений
  • Оптимизируйте свой маркетинг с помощью подробных отчетов: дашборды, графики, диаграммы
  • Кастомизируйте таблицы, добавляйте свои метрики. Стройте отчеты моментально за любые периоды

Узнать подробнее

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

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

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

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

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

  • <!DOCTYPE> указывает на тип текущего документа. В нашем случае HTML;
  • тег <html> отмечает границы документа, в нем содержатся обязательные теги <head> и <body>;
  • тег <head> — контейнер, в него помещается информация для браузеров и поисковых систем. Содержимое тега <head> не отображается напрямую на веб-странице, за исключением тега <title>, с помощью которого устанавливают заголовок вкладки браузера;
  • тег <body> определяет видимую часть документа, которая отображается в окне браузера. К такой информации относится текст, изображения, результат работы скриптов и другое.

Сперва рассмотрим набор тегов, помещающихся в блоке <head>. Они наиболее значимы для специалиста по поисковой оптимизации.

NOFOLLOW в ссылках

Nofollow используется как значение атрибута rel в теге <a>. И отвечает за индексацию каждой конкретной ссылки на странице.
<a href=»url» rel=»nofollow»>ссылка</a>
Атрибут rel показывает отношение данного документа к документу, на который ссылается.
В данном случае, указывая атрибуту rel значение nofollow, мы просим поисковую систему не переходить по внешней ссылке, а также подчеркиваем то, что мы не отвечаем за содержание, на которое ссылаемся.
По ссылкам, оформленным с данным значением, не передается авторитет нашей страницы, другими словами не передается тИЦ и Page Rank. Однако стоит также учитывать и то, что в случае с PR вес все же уходит, но не на сайт, на который мы ссылаемся, а в никуда в прямом смысле этого слова. По поводу тИЦ точной информации о том, уходит вес или остается на сайте — нет.
Остановимся подробнее на распределении и передаче веса в Google.

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

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

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

Теперь представим, что первый сайт закрыл свои ссылки атрибутом rel=»nofollow». Вес не перейдет на второй сайт, а утечет в никуда, и второй сайт не получит ту часть веса, которую должен был, не сможет передать его дальше по цепочке, и в итоге, пройдя весь цикл, Х-какой-то сайт, который должен был передать вес на первый сайт,  передаст его в значительно меньшем количестве, чем мог бы. Итак, каждый раз не получая ту часть веса, которую вы самостоятельно пускаете в никуда, закрывая свои ссылки атрибутом rel=»nofollow», сайт не может передать вам ее, из чего следует, что закрывая свои ссылки, вы сами лишаете себя увеличения веса, и такого показателя, как PR.

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

Таким образом, если первый сайт не закрыл ссылку атрибутом rel=»nofollow», то в конце цикла получит больший вес от входящих ссылок, чем в случае, если исходящие ссылки будут закрыты.

Но есть ситуации, когда действительно необходимо закрывать ссылки значением nofollow. Обратимся к источникам, Яндекс и Google, что они говорят по этому поводу?
Выдержка из раздела Помощь Яндекса:

Выдержка из раздела Справка Google:

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

Также мне хотелось бы уделить внимание ещё одному моменту. Некоторые ярые борцы за закрытые ссылки ставят rel=»nofollow» не только в самих ссылках, т.е

в теге , но и везде, на что только хватает фантазии. И в теге

Давайте не будем выдумывать свои собственные стандарты, а обратимся к существующим, которые разрабатывает международная организация W3C.
Значение rel=»nofollow» можно использовать только в теге , и в других тегах его использовать нельзя!

Итак, мы выяснили, когда стоит пользоваться атрибутом ссылки rel=»nofollow», а когда это не целесообразно. Также мы больше не будем вставлять его никуда, кроме одного единственного тега, обозначающего ссылку

Теперь уделим внимание тегу noindex.

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

Если быть предельно точным, то под мета-тегами следует понимать (X)HTML-теги <meta>, с помощью которых можно указать служебную информацию о странице. Такая информация размещается внутри контейнера <head>…</head> и не выводится на экран.

К тегам мета относятся:

  • description — описание веб-страницы,
  • keywords — ключевые слова,
  • http-equiv — тип отправляемого документа и кодировка (charset),
  • generator — CMS сайта,
  • author — автор,
  • copyright — авторские права,
  • robots — правила индексирования страницы для роботов,
  • viewport — данные о настройке области просмотра
  • и другие.

Подробнее можно прочитать в справке по HTML или Википедии.

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

В этой статье мы не будем точны с технической точки зрения и к мета-тегам отнесем те служебные теги, которые 1) важны в SEO и 2) используются в любом месте веб-документа, т.е. не обязательно привязаны к контейнеру <head>. В связи с этим, приведем такое определение.

Old Norse[edit]

Verbedit

meta (singular past indicative , plural past indicative mátu, past participle metinn)

  1. () to estimate, value
  2. (, til e-s) to be reckoned as, counted for

Conjugationedit

Conjugation of meta — active (strong class 5)

infinitive meta
present participle
past participle metinn
indicative present past
1st-person singular
2nd-person singular mazt
3rd-person singular
1st-person plural mátum
2nd-person plural metið mátuð
3rd-person plural meta mátu
subjunctive present past
1st-person singular meta
2nd-person singular metir mætir
3rd-person singular mæti
1st-person plural metim mætim
2nd-person plural metið mætið
3rd-person plural mæti
imperative present
2nd-person singular
1st-person plural
2nd-person plural metið

Conjugation of meta — mediopassive (strong class 5)

infinitive metask
present participle metandisk
past participle metizk
indicative present past
1st-person singular metumk mátumk
2nd-person singular mezk mazk
3rd-person singular mezk mazk
1st-person plural metumsk mátumsk
2nd-person plural metizk mátuzk
3rd-person plural metask mátusk
subjunctive present past
1st-person singular metumk mætumk
2nd-person singular metisk mætisk
3rd-person singular metisk mætisk
1st-person plural metimsk mætimsk
2nd-person plural metizk mætizk
3rd-person plural metisk mætisk
imperative present
2nd-person singular mezk
1st-person plural metumsk
2nd-person plural metizk

meta in Geir T. Zoëga, A Concise Dictionary of Old Icelandic, Oxford: Clarendon Press, 1910

Мета тег nofollow

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

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

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

С другой стороны, в эпоху семантического поиска, Google и Яндекс могут рассматривать источники, на которые вы ссылаетесь, как контекст, чтобы лучше понимать контент на страницах сайта.

По обеим этим причинам определённо стоит обращать внимание на то, где и как вы ставите ссылки. По умолчанию все ссылки являются открытыми для роботов поисковых систем

Их обычно называют dofollow-ссылками. Боты свободно переходят по таким ссылкам и сканируют всё, что находится «на том конце». То есть, ставя открытую ссылку на другой сайт, вы заочно выражаете ему доверие

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

Каждый специалист самостоятельно поддерживает SEO-гигиену на своём проекте, сохраняя здоровый баланс между nofollow и dofollow ссылками. Обычно мета тег nofollow устанавливают на следующие типы ссылок:

  • Ссылки на любые ресурсы, которые по каким-либо причинам могут рассматриваться, как «ненадёжный контент».
  • Любые платные или спонсорские ссылки (вы же не хотите, чтобы поисковые системы уличили вас в продаже ссылок).
  • Ссылки из комментариев или другой пользовательский контент, который может подвергаться спаму, помимо вашего желания.
  • Внутренние ссылки «Вход» или «Регистрация», так как это является пустой тратой краулингового бюджета.

Микроразметка Schema

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

Семантическая разметка schema:

  • Это отличный буст для вашего UX.
  • Добавляет огромную ценность в разрезе SEO.

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

Разметка структурированных данных – это именно то, что помогает поисковым системам не только читать контент, но и понимать, к чему относятся определенные слова.

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

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

Как лучше всего использовать разметку schema org

  • Изучите доступные схемы на schema.org.
  • Создайте карту своих самых важных страниц и определитесь с концепциями, относящимися к каждой из них.
  • Реализуйте разметку аккуратно (при необходимости используйте Мастер разметки структурированных данных от Google).
  • Тщательно проверяйте микроразметку. Убедитесь, что она не вводит пользователей в заблуждение.

Что такое мета-тег Keywords

Мета-тег Keywords (от англ. «ключевые слова») – это специальный тег, который используется для SEO-продвижения и включает в себя слова-ключи. Они определяются в зависимости от того, какой контент размещен на веб-странице. С помощью тега можно выделить ключевые фразы, по которым потенциальный клиент сможет найти сайт в выдаче.

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

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

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

Тег размещается в шапке сайта, сам синтаксис выглядит следующим образом:

<html>

 <head>

  <meta name="keywords" content="ключевые фразы или слова через запятую" />

 </head>

</html>

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

Мета тег title

Например, если вы посмотрите HTML-код этой страницы, то увидите, что заголовок выглядит следующим образом:

Теги заголовков помещаются в <head> вашей веб-страницы и предназначены для предоставления чёткого и исчерпывающего представления о том, о чём эта страница. Но имеют ли они такое же сильное влияние на позиции в выдаче, как это было много лет назад?

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

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

Простой эксперимент показывает, что Гуглу больше не нужен ваш тайтл, включающий ключ с точным соответствием, чтобы понять тему страницы. Например, несколько лет назад выдача Гугла по запросу «как повысить узнаваемость бренда» очень сильно походила на то, что вы можете наблюдать сейчас в Яндексе:

Всего 1 заголовок из всего топа не включает точное соответствие. А теперь давайте взглянем на Google:

Всего 1 заголовок из всего топа включает точное соответствие. Но при этом в Гугле нет ни одного неуместного результата: каждая, из приведённых здесь страниц, объясняет, как повысить узнаваемость, и заголовки это отражают.

Поисковые системы смотрят на общую картину и обычно оценивают содержание страницы в целом, но «обложка книги» всё ещё имеет значение, особенно, когда речь идёт о взаимодействии с пользователями.

Как правильно заполнять title

  • Сделайте для каждой страницы уникальный заголовок, который кратко и точно описывает её контент.
  • Если хотите, чтобы заголовки не обрезались в поисковой выдаче, лучше ограничивать их 50-60 символами. В Google длинные заголовки сокращаются, примерно, до 600-700 пикселей, но эти цифры иногда меняются, так что не стоит их жёстко придерживаться.
  • Главные ключевые слова должны стоять как можно ближе к началу заголовка. Но вставляйте их максимально органично, как будто вы это делаете для посетителей сайта.
  • Используйте название вашего бренда в названии, даже если оно не отображается в поисковой выдаче, это всё равно будет иметь значение для поисковой системы.

Совет: используйте title для привлечения внимания

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

Такой подход используют социальные сети: ВКонтакте, Facebook, LinkedIn, чтобы показать вам, что имеются новые уведомления. Эта тактика может дать весьма неплохой результат!

Атрибуты

Атрибут Значение Описание
charset character_set Задает кодировку символов для HTML документа.
content text Задает значение, связанное с атрибутами name и http-equiv, в зависимости от контекста.
http-equiv content-security-policycontent-typedefault-stylerefresh Фактически эквивалентен гипертекстовому заголовку (имитация http-заголовка), формируют заголовок страницы и определяют его обработку. Как правило, они управляют действиями браузеров и используются для формирования информации, выдаваемой обычными http-заголовками.
name application-nameauthordescriptiongeneratorkeywords Определяет имя документа на уровне метаданных.
scheme format/URI (универсальный идентификатор ресурса) Не поддерживается в HTML 5. Указывает полезную информацию о схеме или названии самой схемы, которая должна быть использована для уточнения значения свойства атрибута content.

Как проверить мета-теги в коде веб-страницы

Откройте исходный код страницы.
Воспользуйтесь функцией поиска по странице — Ctrl+F для того, чтобы обнаружить мета-теги, возможно, некоторые из них просто отсутствуют (Title, Description, H1 обязательно должны быть!)
Обратите внимание:
верно ли записаны мета-теги с точки зрения синтаксиса (см. примеры выше),
в нужном ли месте они размещены (проверьте, точно ли мета-тег Title внутри контейнера , логично ли размещены теги Hx и т.п.),
не дублируются ли теги, которые должны быть использованы только один раз (да-да, бывает когда на странице оказывается два мета-тега Title или несколько мета-тегов H1),
корректно ли подхватываются значения этих мета-тегов (бывают ситуации, когда вы прописываете для страницы одно значение мета-тега, но вместо него выводится другое, шаблонное, настроенное по умолчанию).

Описание

Мета тег является, вероятно, наиболее часто используемым. Он предоставляет поисковому роботу короткое описание страницы. Например:

<meta name=”description” content=”Урок о мета тегах для поисковой оптимизации”/>

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

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

HTML Tags

<!—><!DOCTYPE><a><abbr><acronym><address><applet><area><article><aside><audio><b><base><basefont><bdi><bdo><big><blockquote><body><br><button><canvas><caption><center><cite><code><col><colgroup><data><datalist><dd><del><details><dfn><dialog><dir><div><dl><dt><em><embed><fieldset><figcaption><figure><font><footer><form><frame><frameset><h1> — <h6><head><header><hr><html><i><iframe><img><input><ins><kbd><label><legend><li><link><main><map><mark><meta><meter><nav><noframes><noscript><object><ol><optgroup><option><output><p><param><picture><pre><progress><q><rp><rt><ruby><s><samp><script><section><select><small><source><span><strike><strong><style><sub><summary><sup><svg><table><tbody><td><template><textarea><tfoot><th><thead><time><title><tr><track><tt><u><ul><var><video>

Определение и использование

Тег определяет метаданные о документе HTML.
Метаданные — это данные (информация) о данных.

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

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

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

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

Мета тег robots

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

<meta name=”robots” content=”noindex, nofollow” />

This meta tags tells search engines not to index the page and prevent them from following the links. If you happen to be using two contradictory terms (e.g. noindex and index), Google will choose the most restrictive option.

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

Setting Cookies

Cookies are data, stored in small text files on your computer and it is exchanged between web browser and web server to keep track of various information based on your web application need.

You can use <meta> tag to store cookies on client side and later this information can be used by the Web Server to track a site visitor.

Example

Following is an example of redirecting current page to another page after 5 seconds. If you want to redirect page immediately then do not specify content attribute.

<!DOCTYPE html>
<html>
   <head>
      <title>Meta Tags Example</title>
      <meta http-equiv = "cookie" content = "userid = xyz; expires = Wednesday, 08-Aug-15 23:59:59 GMT;" />
         
   </head>
   <body>
      <p>Hello HTML5!</p>
   </body>
</html>

If you do not include the expiration date and time, the cookie is considered a session cookie and will be deleted when the user exits the browser.

Note − You can check PHP and Cookies tutorial for a complete detail on Cookies.

Setting the Viewport

The viewport is the user’s visible area of a web page. It varies with the device
— it will be smaller on a mobile phone than on a computer screen.

You should include the following element in all your web pages:

<meta name=»viewport» content=»width=device-width, initial-scale=1.0″>

This gives the browser instructions on how
to control the page’s dimensions and scaling.

The part sets the width of the page to follow the screen-width of the device (which will vary depending on the device).

The part sets the initial zoom level when the page is first loaded by the browser.

Here is an example of a web page without the viewport meta tag, and the same web page with the viewport meta tag:

Tip: If you are browsing this page with a phone or a tablet, you can click on the two links below to see the difference.

Without the
viewport meta tag

With the
viewport meta tag

You can read more about the viewport in our Responsive Web Design — The Viewport Tutorial.

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

Как несложно догадаться, внутренняя оптимизация сайта — это улучшение его содержимого: уникальные тексты, перелинковка, удобное меню и, конечно же, мета-теги. Основных мета-тегов три: это title, description, keywords. В последнее время в основном используются первые два — title и description. О них мы сегодня и поговорим. Если совсем кратко, title — это заголовок страницы, description — ее описание. Но все это не на самой странице, а в программном коде. Именно из title и description информацию о сайте получает поисковик. Именно они появляются в поисковой выдаче, которую вы получаете по своему запросу. Люди читают их и переходят (или не переходят) на ваш сайт, обеспечивая трафик.

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

Заголовок пишется между тегами <title> </title>. Описание (дескрипшн) выглядит вот так: <meta name=»description» content=>

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Adblock
detector