Веб-разработка, логотип Websash

Какие метатеги использовать, тег meta - его основные значения

html-meta-tags

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

Метатеги, как правило, указываются в заголовке документа, в теге head. Тег meta имеет пять основных атрибутов:

Начнем с самого простого, атрибут charset. Этот атрибут легко использовать, достаточно прописать одну строчку кода, в результате чего для документа будет установлена нужная кодировка:

<meta charset="utf-8">

С атрибутом content все понятно, он используется для задания содержимого для других атрибутов. Рассмотрим следующий атрибут - http-equiv. Возможных значений атрибута довольно много:

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

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

<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="keywords" content="ключевое слово 1, ключевое слово 2, ключевое слово 3">
<meta name="description" content="Описание страницы, рекомендуемый размер - от 70 до 140 символов, а максимально обрабатываемый - 400">

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

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

Оставить заявку

Последние статьи

Популярные разделы