Обучение
Продвижение магазинаМета-теги
Нельзя создать действительно успешный сайт, не позаботившись о мета-тегах в ваших страницах. Но при этом также не следует преувеличивать их значение: мета-теги – это всего лишь еще один кирпичик в структуре полноценного веб-сайта, и качественно составленный контент страницы имеет гораздо большее значение, чем правильно написанные мета-теги. Кроме всего прочего, наличие мета-тегов является хорошим тоном, это говорит о том, что владелец сайта заботится о своих посетителях. Итак, приступим:
Откройте вашу HTML страницу в любом редакторе и посмотрите на начало страницы. В этом месте, заключенная между парными тегами HEAD, находится заглавная часть страницы. Именно в ней и располагаются мета-теги. В большинстве случаев HTML редактор не обеспечивает присутствия всех необходимых мета-тегов, поэтому мы рекомендуем вам отредактировать начало каждой HTML страницы вручную и вставить туда вот такой блок:
<html><head><title>Ваш Title (заголовок страницы)</title>
<META http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<META http-equiv="Content-Language" content="en">
<META http-equiv="Resource-Type" content="document">
<META http-equiv="Distribution" content="global">
<META name="distribution" content="global">
<META name="language" content="en">
<META name="robots" content="index,follow">
<META name="description" content="Ваше описание">
<META name="keywords" content="Ваши ключевые слова">
<META name="GENERATOR" content="MSHTML 5.00.2614.3401">
... Здесь можно размесить CSS и Java скрипты (конечно, если они у вас есть) ...
</head>
<body + ваши параметры для страницы – цвет текста, цвет фона, поля и т.п.>
........далее само содержание вашей страницы....
Разумеется, после добавления этого блока нужно откорректировать значения Title, Description и Keywords, а также нужно удалить заглавную часть страницы, которая была ранее (вплоть до тега ). Приведем краткое описание новых мета-тегов, добавленных на вашу страницу:
- "<!DOCTYPE HTML PUBLIC..." – это информационный тег, который информирует браузер о версии HTML, используемой на странице. Здесь указана свежая версия спецификации – 4.0, при желании ее можно поменять. "EN" указывает на язык страницы – английский. Таких тегов, указывающих на язык документа, мы встретим еще несколько. Если вы будете делать сайт на русском языке, вам нужно будет заменить "EN" на "//RU".
- "<title></title>" – между этими тегами вы должны указать заголовок страницы (Title). Этот заголовок будет отображаться в заголовке окна web-браузера.
- "http-equiv=Content-Type content="text/html" – указывает на то, что содержимое страницы – это HTML документ.
- "charset=iso-8859-1" – указывает используемую в документе кодовую таблицу (кодировку). Если вы создаете сайт на русском языке, то вы должны заменить "iso-8859-1" на ту кодировку, которую вы будете использовать ("windows-1251" или "koi8-r").
- "http-equiv=Content-Language content="en" – еще одно указание на язык страницы. Соответственно, это значение также нужно будет изменить при создании русскоязычного сайта.
- "http-equiv=Resource-Type content="document" – указывает на тип веб-страницы – документ. На самом деле, других типов пока просто не существует, поэтому данный тег можно считать формальностью.
- "http-equiv="Distribution" – указывает на зону распространения документа. "Global" означает, что документ предназначен для глобального распространения.
- "name="distribution" – дублирует "http-equiv=Distribution".
- "name="language" – дублирует "http-equiv=Content-Language".
- "name="robots" content="index,follow" – разрешает поисковым роботам проиндексировать (добавить в поисковую базу) вашу страницу и перейти по ссылкам в ней.
- "name="description" и name="keywords" – соответственно, описание и ключевые слова вашей страницы – теги, необходимые для поисковых систем. Рекомендуем вам пока не заполнять эти теги, если вы не знаете, как это правильно делать. Прочтите ниже советы по работе с поисковыми системами, и многое для вас прояснится.
- "name="GENERATOR" – служебный тег, вставляемый большинством HTML-редакторов. Советуем вам оставить его на месте.
- <body> – внутри этого тега находится описание параметров вашей страницы – цвет текста, фона, поля отступов страницы, запуск Java скрпитов и т.д. Если вы не знаете синтаксис этого тега, лучше просто перекопируйте сюда тот тег BODY, который уже был создан вашим HTML-редактором.