Итак, что текое мета-теги страницы и для чего они нужны? Мета-теги позволяют браузеру правильно отображать HTML-страницу, а поисковым роботам - правильно индексировать и ранжировать сайты. Таким образом, с помощью мета-тегов вебмастер сообщает метаданные (то есть дополнительные данные, которые не видны пользователю) о каждой конкретной странице сайта. Именно поэтому использовать мета теги для сайта так необходимо.
Основные мета-теги для HTML-страницы
Метаданные указываются между тегами <head></head> с помощью HTML-тега meta. Тег meta имеет несколько атрибутов:
- charset - используется для задания кодировки страницы (utf-8, windows-1251);
- name - название мета-тега, которое указывает на его предназначение;
- content - задает значение параметра, указанного с помощью атрибута name;
Например, задать кодировку страницы можно следующим образом:
<head>
<meta charset="UTF-8">
...
</head>Наиболее популярными мета-тегами являются:
- title - определяет заголовок веб-страницы;
- description - позволяет задать описание HTML-страницы (используется поисковыми роботами);
- keywords - позволяет задать ключевые слова для HTML-страницы (используется поисковыми роботами для ранжирования страниц в поисковой выдаче);
- content-type - задает тип документа (например, text/html) и его кодировку;
- content-language - устанавливает язык страницы;
- refresh - предоставляет возможность автоматического обновления страницы через определенный интервал времени (также позволяет сделать редирект, т.е. перенаправление);
- robots - позволяет управлять поисковым роботом на вашем сайте (разрешить или запретить индексацию страницы, разрешить или запретить роботу переходить по ссылкам на странице);
- author - дает возможность указать автора контента;
- copyright - дает возможность указать владельца контента, используемого на странице;
Использование мета-тегов
Пример использования наиболее популярных мета-тегов на странице:
<html>
<head>
<title>Использование мета-тегов на сайте</title>
<meta name="description" content="Здесь задается краткое описание веб-страницы">
<meta name="keywords" content="Здесь удаются ключевые слова">
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="author" content="Nubex">
<meta name="copyright" content="Nubex">
<meta name="content-language" content="ru">
<meta name="robots" content="all">
<meta name="refresh" content="3;http://nubex.ru/">
</head>
<body>
<h1>Применение мета-тегов</h1>
<p>Контент страницы</p>
</body>
</html>