Предварительное замечание: Чтобы не путаться в смысле того, что будет изложено ниже, давайте договоримся о терминологии. А именно, будем называть верхнюю часть показываемой пользователю страницы "шапкой страницы" или "шапкой сайта" (шапка зачастую одинакова для всех страниц сайта). А служебную часть кода страницы назовем заголовком страницы. Имеется в виду та часть кода страницы, которая предшествует тегу <body> и выделяется (расположена между) тегами <head> и </head>.
Заголовок страницы имеет следующий формат:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<HEAD>
Все, что здесь размещено, относится к заголовку.
</HEAD>
Содержимое тега <head> не отображается напрямую на веб-странице, за исключением тега TITLE, устанавливающего заголовок окна веб-страницы. Внутри контейнера <head> допускается размещать следующие элементы: <BASE>, <BASEFONT >, <BGSOUND>, <LINK>, <META>, <SCRIPT>, <STYLE>, <TITLE>. Эти элементы мы сейчас последовательно рассмотрим и начнем наш рассказ с тега <Title>, который является одним из важнейших элементов заголовка страницы.
Tег <Title>
Основой для описания этого метатега послужила статья Джил Уоллен (Jill Whalen) с сайта , переведенная Леонидом Климовым. Оригинал перевода - на сайте Searchengines.ru
Тэг Title - это, прежде всего, элемент HTML-кода, который отвечает за те
слова, которые появятся в заголовке окна веб-браузера, когда он
обратится к созданной вами странице. Например, при просмотре текущей страницы
в заголовке вашего браузера видны слова "Конспект вебмастера. Заголовок страницы, метатеги".
Эти слова были введены в тэг Title в HTML-коде сайта, и они не отображаются
более нигде в содержании страницы (если, конечно, вы не повторите их в тексте).
HTML-код для данного тэга выглядит следующим образом
<TITLE>Конспект вебмастера. Заголовок страницы, метатеги</TITLE>
Тэг Title обычно является первым элементом в секции HEAD кода страницы, хотя большинство экспертов по поисковым системам считают, что порядковое расположение тэга Title в секции <HEAD> не имеет существенного значения. Тем не менее, согласно сложившейся практике, он располагается именно первым.
Некоторые программы автоматизированного создания сайтов генерируют тэг Title без участия пользователя, исходя из той информации, которую вы им предоставляете. Возможно, вы обращали внимание, иногда встречаются сайты, страницы которых носят названия “Home Page” (“Домашняя страница”), “Page 1” (“Страница 1”), “Page 2” и так далее. Такие названия часто используются начинающими вебмастерами, которые просто не знают как правильно использовать тэг Title, чтобы достичь лучших результатов в позиционировании.
Все поисковые системы используют тэги Title для того,
чтобы отобразить информацию о вашем сайте в результатах поиска. Слово или
слова, указанные в тэге Title, появятся в виде ссылок на странице результатов
поиска, и пользователи будут руководствоваться именно этими словами при принятии
решения о том, следует ли переходить из поисковых систем на сайт по этой ссылке.
Без сомнения, по значению для определения привлекательности сайта для пользователя
тэги Title можно поставить на второе место, сразу после собственно содержания
вашей страницы.
Гораздо более важными, чем место расположения тэга,
являются слова, которые будут в этом тэге расположены и даже порядок
их следования. Большинство начинающих владельцев веб-сайтов ошибочно полагают,
что в данный тэг следует помещать название их сайта. Это сработает только в
том случае, если сайт уже достаточно известен или это сайт известной фирмы или
организации, которую люди будут искать именно по названию, например, Кока-Кола
или IBM. И то, посетитель поисковой системы может оказаться разочарованным,
перейдя по ссылке на какую-то внутреннюю страницу вместо титульной страницы сайта.
Таким образом, следует исходить из того, что пользователи будут
осуществлять поиск по названию конкретно интересующего их предмета, продукта,
явления или услуги, а не по названию организации.
Следовательно, тэг Title должен включать специфичные именно для текущей страницы ключевые слова и фразы. Приведем небольшой пример, заимствованный из упомянутой выше статьи.
Будучи налоговым консультантом в Техасе, вы наверняка хотите, чтобы ваш сайт появлялся в результатах поиска по таким ключевым словам и фразам как “Налоговые консультанты в Техасе” и “Консультации по налогообложению в Техасе”. Вам требуется быть еще более специфичными, если вы предпочитаете работать только с клиентами из Далласа. В этом случае используйте в тэге Title такие ключевые слова как “Налоговые консультанты Далласа”. Итак, если вы заинтересованы только в клиентах или посетителях из определенной географической области, ваши ключевые слова в заголовке сайта должны отражать эту региональную специфику. Когда люди будут искать себе налогового консультанта, они, возможно, начнут поиск по ключевой фразе “налоговый консультант”, однако, когда они увидят, что в результатах выведены сайты со всего мира, они сузят область поиска, добавив к ключевым словам название города или региона, где они проживают. Важно, чтобы именно в этом поиске ваш сайт оказался на первой странице результатов.
В примере с налоговым консультантом из Далласа
можно задать тэг следующим образом:
<TITLE>Налоговые консультанты Далласа </TITLE>
или же:
<TITLE>Консультации по налогообложению в Далласе </TITLE>.
Однако, в тэге Title более чем достаточно места, чтобы
включить обе эти важные ключевые фразы. (Фактически поисковые системы выводят
от 60 до 115 символов тэга Title в результатах поиска). Вот пример более
правильного подхода:
<TITLE>ДАЛЛАС налоговые консультанты Даллас
консультации по налогообложению </TITLE>
Как вы можете видеть, слово “Даллас” использовано дважды,
в том числе один раз ПРОПИСНЫМИ буквами.
Большинство поисковых систем не учитывают регистр при осуществлении поиска,
однако, некоторые из них, например, AltaVista и Hotbot, придают ему значение.
Это означает, что ваш сайт может оказаться на высокой позиции при поиске с
использованием данных поисковых систем, если запрос был введен прописными
буквами. (Исследования показывают, что, как правило, при введении запросов
используются строчные буквы, но, тем не менее, достаточно часто встречаются
и запросы, полностью набранные заглавными буквами).
Что касается двукратного использования слова Dallas, то такой подход является вполне допустимым и весьма эффективным. Но проверьте, чтобы два одинаковых слова не стояли рядом. Например, тэг, содержащий текст “Налоговые консультанты Далласа Даллас консультации по налогообложению”, скорее всего, будет “забракован” некоторыми поисковыми системами, в результате чего слово “Даллас” будет полностью проигнорировано. В тэге также лучше не использовать одно слово более двух раз и не допускать повторов более чем двух слов. Однако, если вы придерживаетесь этих ограничений, я всячески рекомендую использование повторов одного-двух слов в ваших тэгах Title.
Используйте только слова и фразы, которые есть в тексте страницы. Если вы не уверены в том, какие слова использовать в заголовке, посмотрите на текст, на основное содержание вашей страницы. Если ваши тексты и документы подготовлены качественно, то вы найдете все необходимые ключевые слова прямо на вашей странице - просто выберите самые подходящие для ее заголовка. Но помните: если слова не содержатся где-либо в содержании (тексте) страницы, то они не должны включаться в ее тэг Title.
Если придуманное вами содержание тега Title состоит из слов, не встречающихся в тексте страницы, следует постараться переработать текст так, чтобы в нем содержались столь важные и специфичные ключевые слова. Это не означает, что вы можете просто напросто добавить эти слова в верхнюю или нижнюю часть странички. Это не значит, что вы можете сделать их одного цвета с фоном, чтобы не изменять основной текст. Не надо и выводить их шрифтом самого маленького размера, чтобы никто их не заметил. Не стоит и попросту добавлять их в мета-тэги. Если эти ключевые слова действительно настолько важны, что вы хотите, чтобы поиск по ним приводил именно на эту страницу сайт, то вам надо постараться, чтобы они были красиво и изящно включены в содержание текста данной странички.
Метатеги
Метатеги - это теги языка HTML, содержащие различную служебную информацию
и имеющие следующий формат:
<meta name="имя" content="значение">
или
<meta http-equiv="имя" content="действие">.
Метатеги служат для предоставления браузеру клиента и поисковым системам некоторой
служебной информации.
Метатеги можно использовать для предоставления сведений самым разным клиентам, и каждая система
обрабатывает метатеги только заданного формата, игнорируя остальные.
Ни один из метатегов не является обязательным. Более того, большое количество и объем
метатегов увеличивают объем HTML-кода страницы и замедляют ее загрузку. Но правильная и в
разумных количествах установка их на страницы вашего сайта принесет несомненную пользу.
Условно метатеги можно разделить на три группы:
- содержащие управляющие команды для браузера;
- содержащие управляющие команды для поисковых систем;
- содержащие информацию о странице и ее авторе.
Mетатеги, содержащие управляющие команды для браузера
О том, что данный метатег предназначен для управления браузером, говорит атрибут http-equiv.
<meta http-equiv="Content-type" content="text/html; charset=windows-1251">
Этот метатег говорит браузеру, в какой кодировке сделана страница. Вообще-то, определять
правильную кодировку должен либо сервер, либо браузер. Но не всегда они бывают правильно
настроены. И тогда посетитель, зайдя на страницу, увидит вместо русского текста непонятные
крокозябры. Причем в некоторых случаях не помогает даже явное переключение кодировки в
браузере.
Поэтому можно порекомендовать всегда включать этот тег в заголовок страницы, при этом необходимо
проверить, чтобы указанная в нем кодировка соответствовала кодировке, в которой страницу отдает
сервер.
<meta http-equiv="Content-Language" content="ru">
Этот метатег сообщает, на каком языке написана страница. В большинстве случаев этот тег можно
считать излишним, но, как и в предыдущем примере, он может оказаться полезен в случае
неправильных настроек браузера.
<meta http-equiv="pragma" content="no-cache">
Этот метатег запрещает браузеру кэшировать страницу (то есть сохранять ее в памяти). Полезно
применять его на часто обновляющихся страницах.
<meta http-equiv="refresh" content="N; url=URL">
Этот метатег через N секунд после загрузки в браузер текущей страницы перезагрузит вместо нее
страницу URL (естественно, вместо N должна быть написана цифра - количество секунд, а вместо URL
- правильный адрес страницы). Тег очень полезен в случае переезда сайта или изменения его
структуры, т.к. позволяет перенаправить посетителя, пришедшего по старой ссылке, на нужную
страницу.
Mетатеги, содержащие управляющие команды для поисковых систем
Метатеги <description> и <keywords> были придуманы для того, чтобы поисковые системы могли правильно классифицировать содержимое веб-страницы, а также для описания содержимого страниц, содержащих в основном графику. Когда-то эти метатеги были очень важны, правильно используя их, можно было достаточно легко вывести свой сайт на хорошие позиции в поисковиках. Но многие веб-мастера начали злоупотреблять этими возможностями. Ответным ходом со стороны поисковиков стало понижение значения этих тегов, и сейчас значимость большинства из них снизилась практически до нуля. Теперь выигрывают не метатеги, а содержание страниц. Но слишком расслабляться не следует. Еще имеется в Интернете несколько так называемых мета-поисковых систем, которые используют метатеги данной группы.
<meta name="description" content="описание страницы">
Cамый, пожалуй, важный из метатегов, содержащих управляющие команды для
поисковых систем. И не потому, что поисковики его индексируют или используют при поиске. Не
индексируют и не используют. Но именно "описание страницы" из этого метатега поисковые системы
часто показывают в результатах поиска, и от того, насколько это описание хорошее, "зазывающее" и
соответствующее тому, что хочет найти пользователь, во многом зависит, перейдет ли он на ваш сайт
или на соседний.
Поэтому можно порекомендовать всегда использовать этот метатег, при этом серьезно и тщательно
продумывая включаемое в него описание страницы.
Во-первых, постарайтесь, чтобы описание выглядело призывно. Безусловно, оно должно отражать содержание конкретной страницы. Описание должно быть лаконичным. Большинство поисковиков читает более 170 символов в этом теге, но в списке показывают только 170 символов. Зачем же писать больше?
Наконец, если вам нужно больше места, чтобы описать содержание страницы, попробуйте разбить ее на несколько более мелких страниц. Тем более, что многие поисковики больше любят небольшие по размеру страницы.
<meta name="keywords" content="ключевые слова">
Тег <keywords> был придуман для того, чтобы поисковые системы могли правильно классифицировать содержимое веб-страницы, а также для описания содержимого страниц, содержащих в основном графику. По задумке разработчиков, в нем должны содержаться ключевые слова, характеризующие страницу, и поисковые системы должны уделять этим словам самое пристальное внимание.
Все было прекрасно придумано и работало, пока в процесс не вмешались спамеры, которые создавали так называемые дорвеи - сайты, не содержащие полезной информации, но за счет грамотного заполнения тега "keyword" оказывавшиеся на первых местах в поисковой выдаче. В результате поисковые системы были вынуждены практически исключить из рассмотрения при индексировании страниц ключевые слова и описания, чтобы сохранить релевантность списка результатов поиска. Так что сейчас все основные поисковики либо вообще игнорируют этот метатег, либо придают ему мизерное значение:
- цитата из хелпов Рамблера: При индексации учитывается лишь та информация, которую пользователь может увидеть на странице. Скрытые поля (meta name="keywords"...) при индексировании сайтов игнорируются.
- цитата из хелпов Яндекса: Если слово из основного текста документа не расценено как спам и есть в "keywords" среди первых 50, то вес этого слова в запросе повышается, то есть документ получает более высокую релевантность. Если слово есть в "keywords", но отсутствует в основном (видимом пользователю) тексте документа, то по умолчанию документ по этому слову не найдется. Его можно найти специальным запросом #keywords=(слово).
Вот несколько правил, которые помогут при работе с метатегом keywords:
- Любое ключевое слово, упомянутое на странице, должно быть включено в этот тег.
- И, наоборот, если вы вписываете слово в этот тег, оно должно упоминаться на странице.
- Постарайтесь как можно точнее определить ключевые слова. Не стоит пользоваться слишком общими словами, тогда ваша страница просто потеряется в общей массе.
- Избегайте повторения одного и того же слова. Даже с учетом повторения слова в разных формах оно может быть безопасно упомянуто не более 3 раз. Превышение этого лимита могут счесть спамом. Если же повторить слово 5 раз, проблемы обеспечены.
- Некоторые поисковики считают слова из заглавных и прописных букв разными словами (т.е. Музыка и музыка).Учтите, что, согласно статистике, большинство запросов в поисковых машинах делается прописными буквами. Во всяком случае, наличие в теге двух версий слова желательно.
- Не забывайте о возможных ошибках в написании слов. Существует множество популярных ошибок в написании слов, если ваше ключевое слово входит в это число, включите такие ошибки в ключевые слова.
- Не используйте точки и запятые. Во-первых, их отсутствие может заставить робота воспринять несколько слов подряд как возможную фразу. Во-вторых, поскольку роботы читают ограниченное число символов в каждом теге (обычно не более 200), каждая точка или запятая крадет у вас доступное пространство.
- Разместите тег как можно выше, и, уж конечно, выше скриптов. Роботы обычно не читают ява-скрипты, поэтому такое размещение предотвратит пропуск тегов.
- Если ваш сайт относится к какому-либо региону, упомяните об этом в теге. К примеру, если вы доставляете пиццу в Москве, зачем вам посетитель из Хабаровска?
Из всего вышесказанного следует рекомендация: метатег "keywords" использовать есть смысл, включая в него 5-10 наиболее важных слов, обязательно из числа присутствующих в "видимом" тексте страницы, но многого от него ждать не стоит.
<meta name="robots" content="index, follow">
Этот метатег управляет индексированием страниц. Наверно, единственный метатег, который сейчас
учитывают все основные поисковики. Возможные значения:
- index / noindex — индексировать / не индексировать эту страницу;
- follow / nofollow — идти / не идти по ссылкам с этой страницы;
- all — эквивалентно index, follow
- none — эквивалентно noindex, nofollow
Нужен ли этот тег? Учитывая, что "по умолчанию" поисковики страницу проиндексируют и по ссылкам с нее пойдут? Конечно, бывает необходимо закрыть от индексирования какие-то страницы сайта, но, думается, гораздо удобнее сделать это с помощью файла robots.txt.
<meta name="revisit" content="3 days">
<meta name="revisit-after" content="3 days">
Смысл тега, как это задумывалось разработчиками - дать команду поисковой системе индексировать
сайт с нужной периодичностью. На самом деле роботы всех основных поисковых систем заходят на сайт
по собственному графику, просто не обращая внимания на этот метатег. Более того, среди
специалистов, профессионально занимающихся продвижением и раскруткой сайтов, ходят полушутливые
слухи о том, что поисковики "обижаются" на подобные приказы и после появления этих тегов начинают
заходить на сайт реже, чем обычно :)
Mетатеги, содержащие информацию о странице и ее авторе
Совершенно необязательные метатеги, писать которые можно в произвольном формате. Из часто употребляемых можно упомянуть следующие:
<meta name="Generator" content="Название генератора">
Сообщает, с помощью какой программы был сгенерирован код страницы. Этот тег автоматически
вставляют в код страницы почти все генераторы HTML и визуальные редакторы (Word, FrontPage,
DreamWeaver...). Увидев в коде страницы этот метатег, можно довольно уверенно определить
профессионализм веб-мастера :)
<meta name="site-created" content="10.11.2000">
Указывает дату создания сайта.
<meta name="expires" content="31.12.2009">
Указывает предполагаемую дату закрытия сайта.
<meta name="Author" content="автор">
Указывает автора страницы.
<meta name="Copyright" content="авторские права">
Указывает владельца авторских прав.
<meta name="Reply-to" content="vasya@pupkin.ru">
Указывает способ связи с автором страницы.
<meta name="Owner" content="Владелец">
Указывает собственника страницы.
<meta name="Address" content="Адрес">
Указывает адрес автора или собственника страницы.
Используя эти метатеги, надо учитывать, что автор, собственник и владелец авторских прав далеко не всегда одно и то же лицо.
Стили и ссылки на другие файлы (link-и)
Кроме необходимых атрибутов: мета-тегов и названия, заголовок страницы может содержать также описания стилей (CSS), которые используются на странице. Стили обрамляются тегами <style> </style>и неплохо бы их также заключить в тег комментариев, так как браузеры старых версий, коих осталось немного, но, все же, есть, могут не понять, что же вы им понаписали, и вывалить все это на экран недоумевающему пользователю. С помощью Каскадных таблиц стилей (CSS) можно описывать все, что угодно, начиная от оформления текста и заканчивая внешним видом страницы в целом. Выглядит это примерно следующим образом:
<style>
A:link {text-decoration: none}
A:visited {text-decoration: none}
</style>
Этот пример приведен только для иллюстрации возможности размещения описания стилей в заголовке страницы. Более подробно о каскадных таблицах стилей (CSS) вы можете прочитать на отдельной странице, где вы найдете и ссылки на справочники и руководства по CSS.
Таблицы стилей можно выделить в отдельный файл, так, чтобы его было удобнее изменять и не требовалось вписывать в файл каждой статической страницы (объем которой при этом, также уменьшается). Тогда в заголовке страницы необходимо указать ссылку на файл, где находятся таблицы стилей. Выглядит это следующим образом:
<link rel="STYLESHEET" type="text/css" href="styles.css">
С помощью тега link можно указать браузеру не только расположение файла стилей, но и некоторых других файлов, например, favicon.ico. В отличие от тега <A>, тег <LINK> размещается всегда внутри контейнера <HEAD> и не создает ссылку.
Скрипты
В заголовке страницы вы можете также разместить Java-скрипты, которые будут тем или иным образом управлять загрузкой страницы. Скрипты могут быть самые разные, начиная с паролирования доступа пользователей к содержимому страницы, и заканчивая определением технического оснащения пользователя для последующей пересылки его на страницу оптимизированную именно для его версии браузера, цветности монитора и установленных дополнений. Здесь же вы можете подгружать картинки, которые понадобятся вам в процессе работы пользователя на странице. Так, например, если вы используете подмену картинки при наведении или клики на нее мышкой, то имеет смысл загрузить эти картинки сразу вместе со всеми остальными материалами страницы, а не начинать загрузку, когда пользователь уже подведет мышь к эффектной картинке.
Посмотреть примеры размещения скриптов в заголовке страницы вы можете практически на любом крупном сайте. Достаточно открыть исходный код страницы. С помощью скриптов могут определяться тип и настройки браузера, что позволяет подстраивать под них макет страницы. Полюбопытствуйте. Посмотрите Апорт, RLE и др. крупные сайты.
Элементы <BASE>, <BASEFONT>, <BGSOUND>
Элемент <BASE> определен внутри контейнера <HEAD> и инструктирует браузер относительно полного базового адреса текущего документа. Тег <BASE> предназначен для документов, в которых используется относительный адрес и эти документы могут переноситься в другую папку или даже на другой компьютер без потери связи. Браузер ищет тег <BASE>, определяет полный адрес документа и корректно загружает его. Например, если адрес документа указан как <base href="http://www.megasite.ru/hzchd">, то при добавлении рисунков достаточно использовать относительный адрес <img src="/images/labuda.gif">. При этом полный путь к изображению будет http://www.megasite.ru/hzchd/images/labuda.gif, что позволяет браузеру всегда находить графический файл, независимо от того, где находится текущая веб-страница. Также можно применять и иерархическую систему пути с двоеточием. Так, если изображение добавляется как <img src="../images/labuda.gif">, то полный путь к файлу будет http://www.megasite.ru/images/labuda.gif.
Второе применение тега <BASE> — задание целевого окна для всех ссылок на текущей странице.
Тег <BASEFONT> предназначен для задания шрифта, размера и цвета текста по умолчанию. Указанные значения будут использоваться во всем документе за исключением тега <FONT>, в котором можно переопределить параметры оформления текста. Допускается использование тега в контейнере <HEAD> или <BODY>, причем несколько раз. Это позволяет изменять вид шрифта для части документа.
Тег <BGSOUND> определяет музыкальный файл, который будет проигрываться на веб-странице при ее открытии. Громкость, продолжительность звучания музыки и другие характеристики определяются с помощью параметров тега, а также могут управляться через скрипты. Этот тег должен размещаться только в контейнере <HEAD>.
Тег <BGSOUND> не входит в спецификацию HTML и при его использовании код не пройдет валидацию. К тому же пользователи, как правило, отрицательно относятся к музыке, которая играет на сайте, поэтому используйте эту возможность с осторожностью и по необходимости.
Источники и ссылки
| Назад | Оглавление | Вперед |