Что такое теги на сайте – «Что такое теги в HTML? Какой тег определяют видимую часть документа? Содержимое какого тега можно увидеть в заголовке браузера?» – Яндекс.Кью

Некоторые основные теги html для создания своего сайта

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

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

html — это глобальный тег-контейнер, в который помещается все содержимое веб-страницы. Он является парным, впрочем, как и большинство описываемых далее тегов. Если и будут попадаться одинарные, то я об этом скажу.

head — содержит разную информацию, которая никак не будет выводиться на странице, но от нее непосредственно зависит внешний вид информации. Например, в head прописывается кодировка, подключается таблица стилей и файлы javascript. То есть здесь указывается все, что нужно для корректной работы странички. Следующие четыре тега прописываются именно в head.

link — с помощью этого одинарного тега подключаются внешние файлы. Например, иконка или таблица стилей.

Практический курс по верстке адаптивного сайта с нуля!

Изучите курс и узнайте, как верстать современные сайты на HTML5 и CSS3

script — подключает файлы с расширением js (javascript).

title — задает название страницы, ее заголовок, который будет виден в поисковиках и в браузере.

meta — одинарный тег, в котором прописывается служебная информация, такая, как кодировка или ключевые слова.

body — тело страницы. Контейнер для всего содержимого, которое будет непосредственно выведено на веб-страничку.

Теги для текста, списки

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

blockquote — большая цитата, которая можете содержать в себе другие теги для ее оформления. Может состоять, например, из нескольких абзацев.

h2 — h6 — теги для выделения заголовков на веб-странице. h2 – самый главный и далее по убыванию важности.

Рис. 1. Заголовки в html.

q — маленькая цитата.

b, strong — выделяет текст жирным. Второй тег также придает словам особую важность.

em, i — выделение курсивом.

sub, sup — выводит текст в нижнем/верхнем индексе, заодно уменьшая немного размер шрифта.

ol — в html это тег нумерованного списка, пунктам которого будут присваиваться порядковые номера.

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

li — парный тег, в который помещается один пункт маркированного или нумерованного списка. То есть ul или ol выступает лишь в роли контейнера.

Рис.2. Маркированный и немаркированный списки.

Ссылки

Практический курс по верстке адаптивного сайта с нуля!

Изучите курс и узнайте, как верстать современные сайты на HTML5 и CSS3

<a href = «адрес, куда перейти»>анкор</a></p>

Картинки

Картинки в html вставляются с помощью одинарного тега <img>. Обязательным атрибутом является src (source), то есть путь к самой картинке. Остальные параметры (размер, позиционирование, эффекты) лучше настраивать через css.

Таблицы

table — тег-контейнер, в который помещается вся таблица.

tr — ряд таблицы, в который вписываются ее ячейки. Сам ряд никак нельзя выделить, он выступает лишь в роли контейнера.

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

Пустые блочные и строчные контейнеры

div — пустой блочный контейнер, не выполняющий больше никаких функций. До сих пор с его помощью, например, верстают боковую колонку на сайте.

span — аналогично с дивов это пустой контейнер, но не блочный, а строчный. Чаще всего применяется для выделения отдельных кусков текста и применения к ним каких-то интересных стилей.

Мультимедиа

В список тегов html можно добавить и более современные. Например, тег video, в атрибутах которого можно задать адрес до видеоролика, а также кодеки для его проигрывания на веб-странице. Сюда же входит audio. С помощью этого парного тега можно вставить аудиозапись.

Формы

form — в этот тег помещается вся форма (обычно для регистрации, заказа чего-то). Имеет атрибуты, связывающие ее с PHP, иначе она не будет работать.

input — основной одинарный тег, который позволяет вставить в форму различные поля (для ввода текста, телефона, выбора даты рождения).

textarea — большое текстовое поле. Обычно в него можно вписать отзыв или комментарий.

Рис. 3. Простая форма, созданная с помощью тегов form и input.

HTML5

Хотелось бы также упомянуть несколько современных тегов, которые появились в HTML5.

header — шапка сайта, статьи или какого-то раздела.

footer — подвал сайта, статьи или какого-то раздела.

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

figure — позволяет группировать элементы. Самый распространенный пример – картинка и описание для нее.

section — раздел сайта (обычно со своим заголовком).

article — независимая статья, новость или заметка.

nav — главная навигация сайта.

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

В статье были описаны лишь самые распространенные элементы. Полный список тегов html c описанием можно посмотреть в каком-нибудь словаре. Самый популярный в рунете – htmlbook.

Один раз прочитав статью вы не запомните все перечисленные теги. Намного лучше они запоминаются при реальной работе над сайтом. Это были основные теги для создания сайта html. Заходите на наш блог и вы найдете гораздо больше информации по созданию собственного сайта своими руками.

Практический курс по верстке адаптивного сайта с нуля!

Изучите курс и узнайте, как верстать современные сайты на HTML5 и CSS3

PSD to HTML

Верстка сайта на HTML5 и CSS3 с нуля

Какие бывают META теги и зачем они нужны / Habr

META-теги

META-теги имеют два возможных атрибута

Стандартом 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

Значения  поля content  для Аттрибута   HTTP-EQUIV

Атрибут 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»>

 

Источники информации:

Мета-теги: что это такое, зачем они нужны

Мета-теги – это 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.

Какие метатеги HTML нужно добавлять на сайт и что они дают?

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

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

Да, это выходит за рамки SEO.

Поисковые системы массово используют метатеги. Но на сегодняшний день существуют специализированные метатеги и для социальных сетей, таких как Facebook, Twitter и LinkedIn.

Также есть метатеги, которые используются для более подробного описания контента. Широко распространенная система описания контента предоставляется schema.org.

Ниже приводится список метатегов, которые нужно добавить на сайт, чтобы успешно работать в Сети:

• Title и description;
• Мета теги для html сайта, связанные с Google;
• Теги верификации;
• Социальные метатеги;
• Schema.org для описания контента.

Каждая страница сайта должна содержать метатеги title и description. Поместите их в раздел <head> HTML-страницы.

Например:

<!DOCTYPE html>
<html>
    <head>
        <!—- Тайтл страницы заключается в тег <title> -->
        <title>Это тайтл вашей страницы</title>
        <!—Описание страницы определяется в мета формате -->
        <meta name="description" content="Это описание вашей страницы">
    </head>

    <body>
        <!—Содержимое страницы... -->
    </body>
</html>

<title> не отображается в формате <meta> тегов, но о нем практически всегда говорят, как о метатеге.

Он задает читаемый человеком заголовок — страницы. title отображается в верхней части окна браузера на открытой вкладке.

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

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

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

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

Оно также может использоваться в качестве описания на страницах социальных сетей.

Составляйте title и описания так, чтобы подчеркнуть, какую ценную информацию вы предоставляете своим посетителям. Делайте их простыми, понятными и информативными.

Google и другие поисковые системы отображают ограниченное количество символов в результатах поиска. Давайте рассмотрим следующий пример:

Это моя статья, расположенная на шестой позиции в поисковой выдаче Google.

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

Не существует какого-то одного магического числа, которое следует использовать для длины заголовков или описаний, так как их размер зависит от формы букв. Вы можете, например, использовать такие тонкие символы, “i” и “o”.

Google обычно отображает 50-60 символов из заголовка и около 150-160 из описания. Остальная часть информации, содержащейся в этих тегах, не будет отображаться на странице результатов поиска.

Если вы хотите быть уверенным в том, что правильно подобрали длину, можете использовать онлайн инструмент оптимизации сниппетов от Google.

Есть еще несколько метатегов, которые нужно добавлять на все веб-страницы в разделе <head>:

charset определяет кодировку символов HTML-документа. Браузер использует эту информацию, чтобы правильно отобразить страницу.

http-viewport задает видимую пользователю область веб-страницы. Этот метатег был введен в адаптивном веб-дизайне. Он позволяет контролировать начальные размеры окна просмотра и их изменение при загрузке страницы.

Давайте расширим наш предыдущий пример:

<!DOCTYPE html>
<html>
    <head>
        <!—Кодировка символов UTF8 -->
        <meta charset="utf-8">
        <!—Установка ширины страницы на ширину для устройства с масштабом 1 -->
        <meta name="viewport" content="width=device-width, initial-scale=1">

        <!—Тайтл страницы заключается в тег <title> -->
        <title>Это тайтл вашей страницы</title>
        <!—Описание страницы определяется в мета-формате -->
        <meta name="description" content="Это описание вашей страницы">
    </head>

    <body>
        <!—Содержимое страницы... -->
    </body>
</html>

Существуют и другие менее используемые мета теги для сайта интернет магазина. Наиболее важные из них: robots, google и http-equiv. Мы должны упомянуть еще одну важную часть метаинформации, хотя она не задается в виде тега. Атрибут изображений alt описывает содержимое картинок на сайте.

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

Блогеры, веб-мастера должны подтвердить право собственности на сайт при использовании онлайн-сервисов. Вы обязаны делать это, когда:

• данные вашего сайта используются сервисом;
• идентификация вашего сайта является частью идентификации сервиса.

Позвольте мне объяснить.

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

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

Самый простой вариант доказать право собственности на сайт — это метатег. Коды верификации предоставляются Google Search Console, Pinterest и т.д.

Добавим в наш пример использования мета тегов для сайта код, в котором значение поля Content является кодом верификации, предоставляемым Google Search Console:

<!DOCTYPE html>
<html>
    <head>
        <!—Кодировка символов UTF8 -->
        <meta charset="utf-8">
        <!—Установка ширины страницы на ширину для устройства с масштабом 1 -->
        <meta name="viewport" content="width=device-width, initial-scale=1">

        <!—Тайтл страницы заключается в тег <title> -->
        <title>Это тайтл вашей страницы</title>
        <!—Описание страницы определяется в мета-формате -->
        <meta name="description" content="Это описание вашей страницы">
<!—Верификация сайта в Google -->
        <meta name="google-site-verification" content="59408yhfuhfjskdlhfasdhfuoyHJHLJHK__Random__BLAH_BLAH" />

    </head>

    <body>
        <!—Содержимое страницы... -->
    </body>
</html>

Эти элементы содержат информацию, которая подхватывается социальными сетями, когда вы копируете ссылку на страницу или нажимаете кнопку «Поделиться» в панели социальных кнопок вашего сайта. Минимальная информация, которую нужно предоставить — это заголовок, мета тег description для сайта и изображение.

Большинство социальных ресурсов поддерживают протокол Open Graph для считывания полезной информации о веб-странице.

Twitter использует свои собственные обозначения, но если они отсутствуют на странице, сервис микроблогов будет использовать данные Open Graph.

Зададим набор тегов Open Graph для Facebook, Google + и LinkedIn. Я также добавил заголовок для Twitter:

<!DOCTYPE html>
<html>
    <head>
        <!—Кодировка символов UTF8 -->
        <meta charset="utf-8">
        <!—Установка ширины страницы на ширину для устройства с масштабом 1 -->
        <meta name="viewport" content="width=device-width, initial-scale=1">

        <!—Тайтл страницы заключается в тег <title> -->
        <title>Это тайтл вашей страницы</title>
        <!—Описание страницы определяется в мета-формате -->
        <meta name="description" content="Это описание вашей страницы">
<!—Верификация сайта в Google -->
        <meta name="google-site-verification" content="59408yhfuhfjskdlhfasdhfuoyHJHLJHK__Random__BLAH_BLAH" />
<!—Данные Open Graph -->
        <meta property="og:title" content="Это тайтл вашей страницы<" />
        <meta property="twitter:title" content="Это тайтл вашей страницы<" />
        <meta property="og:description" content="Это описание вашей страницы ">
        <meta property="og:image" content="http://yourtsite.com/yourimagedir/yourthumbnail.jpg" />

    </head>

    <body>
        <!—Содержимое страницы... -->
    </body>
</html>

Если у вас возникнут проблемы с метатегами Open Graph, произведите отладку с помощью Open Graph отладчика Facebook.

Schema.org предоставляет схемы для структурированных данных в Интернете.

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

Рассмотрим пример статьи в блоге:

<article itemscope itemtype="http://schema.org/BlogPosting">
    <meta itemprop="image" content="http://yoursite.com/image.jpg">
    <img src="http://yoursite.com/image.jpg">

    <h2 itemprop="name headline">Тайтл статьи</h2>

    <p>
        <time datetime="date_to_xmlschema" itemprop="datePublished">Apr 4, 2016</time>

        <span itemprop="author" itemscope itemtype="http://schema.org/Person">
            <span itemprop="name">Имя автора статьи</span>
        </span>
    </p>

    <div itemprop="articleBody">
        <!—Тело статьи -->
    </div>
</article>

Используйте атрибут itemscope, чтобы обозначить начало нового объекта schema.org. itemtype определяет тип элемента, начинающегося с itemscope. Используйте атрибут itemprop в пределах открывающегося и закрывающегося тегов элемента с атрибутом itemscope.

Разметка itemprop, которую вы поместите в пределах itemscope, будет определять различные свойства объекта. В нашем примере статьи мы определили свойства мета тега для сайта title, изображения, дату публикации, автора и тело статьи.

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

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

Данная публикация представляет собой перевод статьи «What HTML meta tags to add to your site and what do they do» , подготовленной дружной командой проекта Интернет-технологии.ру