Мета-теги в HTML
Всем доброго времени суток. На связи Алексей Гулынин. В прошлой статье мы разобрали создание форм в HTML. В данной статье я бы хотел поговорить о мета-тегах в HTML. По сути, мета-теги несут в себе специальную служебную информацию и делятся на несколько типов: для поисковых систем, для страницы, для браузера. Сразу скажу, что все мета-теги вставляются в заголовок документа, т.е. между тегами <head> и </head>.
Давайте постепенно начнем разбираться с мета-тегами для поисковых систем.
Мета-теги для поисковых систем имеют большую важность, так как они влияют на оптимизацию страницы.
Выпишем все мета-теги для поисковых систем:
<meta name="description" content="Мета-теги в HTML - в данной статье вы можете прочитать обо всех мета-тегах в HTML"/> <meta name="keywords" content="Мета-теги HTML, мета-теги для поисковых систем, мета-теги для браузера, мета-теги для страницы"/> <meta name="robots" content="noindex,nofollow"/>
Мета-тег description отвечает за описание страницы, рекомендую ставить на каждой странице, так как данный мета-тег влияет на выдачу в поисковой системе.
Мета-тег keywords содержит все ключевые слова, которым соответствует ваша страница, также рекомендую ставить на каждой странице вашего сайта.
Мета-тег robots необходим для того, чтобы сказать поисковой системе нужно ли индексировать данную страницу и переходить по ссылкам на ней.
У данного мета-тега существуют 4 значения:
index, follow — страницу нужно индексировать и переходить по ссылкам на ней.
index, nofollow — страницу нужно индексировать и не нужно переходить по ссылкам на ней
noindex, follow — страницу не нужно индексировать, но нужно переходить по ссылкам на ней
noindex, nofollow — страницу не нужно индексировать, также не нужно переходить по ссылкам на ней.
Обычно вся информация о том, что нужно индексировать, а что нет, содержится в файле robots.txt, который должен быть абсолютно на любом сайте, но о данном файле поговорим в одной из следующих статей.
Давайте теперь разберем мета-теги для страницы. Сразу отмечу, что мета-теги для страницы необязательны и несут в себе лишь ознакомительную информацию. Напишем наиболее встречаемые из них:
<meta name = "author" content = "Aleksey Gulynin" /> <meta name = "generator" content = "Wordpress" /> <meta name = "reply-to" content = "mysite@gmail.com" /> <meta name = "site-created" content = "25.05.2014" />
Кратенько напишу о каждом из этих мета-тегов, хотя здесь и так всё прозрачно.
Мета-тег author указывает на автора данной страницы. Очень редко где встречал, разве что новички обычно вставляют его на свой сайт.
Мета-тег generator указывает на то, в чем была сделана данная страница. Обычно данный тег присутствует у всех систем управления контентом (CMS), таких как Joomla, WordPress. И обычно люди убирают данный мета-тег, чтобы скрыть, что их сайт сделан на данной CMS (однако, если взглянуть на код страницы, то итак становится понятно,на чем она сделана).
Мета-тег reply-to указывает на e-mail автора.
Мета-тег site-created указывает на то, когда был создан сайт.
Включать или нет мета-теги для страниц своего сайта — решать вам, но смысла особо большого в этом я не вижу.
Осталась ещё одна группу мета-тегов — это мета-теги для браузера. Это также очень важная группа мета-тегов. Сразу примеры:
<meta http-equiv = "Content-type" content = "text/html; charset = utf-8" /> <meta http-equiv = "Content-language" content = "ru" /> <meta http-equiv = "Refresh" content = "10; url = https://alekseygulynin.ru" />
Мета-тег Content-type является, на мой взгляд, самым важным мета-тегом, так как в нём указывается тип страницы и кодировка. Если не указывать данный мета-тег, то в будущем могут возникнуть проблемы с кодировкой на сайте. О том, как решить данную проблему, вы можете прочитать в этой статье.
Мета-тег Content-language указывает язык страницы. Обычно браузеры сами распознают язык на странице.
Мета-тег Refresh отвечает за обновление страницы. В данном случае написано, что каждые 10 секунд будет происходить обновление страницы и переход на мой сайт. Автообновление страницы бывает нужным, например для страницы, содержащий заказы интернет-магазина.
Домашнее задание: создайте тестовую страницу и сделайте, чтобы каждые 5 секунд страница обновлялась, без перехода на другой ресурс.
В данной статье вы узнали что такое мета-теги в HTML и рассмотрели наиболее важные из них.
На связи был Алексей Гулынин, оставляйте свои комментарии, увидимся в следующих статьях.
