it-blog.club
Какие meta теги вы просто обязаны использовать при разработке сайта

Какие meta теги вы просто обязаны использовать при разработке сайта

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

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

Charset

Ну вот явный пример. Есть тег charset который указывает кодировку вашей страницы. Я часто замечал, что процентов 80% программистов просто забывают про данный мета тег. А ведь именно он сообщает браузеру и поисковику в какой кодировке находится ваша страница. Именно по этому обязательно добавляйте этот мета тег в свой проект.


<head>
<meta charset="utf-8">
</head>

Title

Далее нужно выделить особо важный тег, который "съедают" поисковые машины и социальные сети. Это тег title. Как это не печально, но не так давно мне попалась группа сеошников со стороны клиента которые о данном теге по всей видимости не знали. Ну или о нём не знали бывшие разработчики проекта. Так как тег бул упущен и сайт пару лет работал без него. Обязательно добавляйте его к тебе на сайт. Ведь именно он сообщает поисковику и социалкам название вашей страницы. Именно его содержимое будет отображаться в поисковой выдачи:


<head>
<meta name="title" content="IT-BLOG CLUB">
<title>IT-BLOG CLUB</title>
</head>

Description

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


<head>
<meta name="description" content="Простые решения сложных задач, новости, уроки и многое другое">
<title>IT-BLOG CLUB</title>
</head>

Keywords

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

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


<head>
<meta name="keywords" content="it,news,blog,club,ит,блог,новости,статьи,уроки,php,пхп,битрикс,seo">
</head>

Viewport

Если вы пишите адаптивный под все устройства сайт, то использование тега viewport просто обязательно. Так как он отдаёт информацию по поводу изменения содержимого страницы в зависимости от того, с какого устройства мы зашли PC, планшета или телефона. Вам не надо ничего выдумывать по поводу того как заполнить данный тег, вот вам ссылка на сайт от mozilla где вы можете ближе ознакомиться с данным тегом.

А так же можете просто воспользоваться стандартным заполнением:


<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>

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


it-blog.club 371
Автор: Ярослав Хмель


Если Вам понравилась статья, то можете поддержать блог переведя N сумму на кофе авторам или оплату хостинга!
В любом случае спасибо! А так же не забывайте про группу в ВК
ПОИСК ПО САЙТУ
Поддержать