| Меню сайта |
|
 |
| Реклама |
 |
|
|
 | |  |
|
основа создания web-страниц
|
|
Метаданные
Метаданные — это необязательные характеристики страницы сайта, необходимые для ее корректного отображения и упрощения поиска. Метаданные несут в себе управляющую и справочную информацию, которая используется поисковыми роботами и различными клиентскими приложениями, например, браузерами.
Метаданные обеспечивают html-странице наглядность и помогают пользователю найти страницу с помощью поисковых систем. На данный момент поисковые системы работают в основном с текстовым содержимым страницы, при этом учитываются и метаданные.
Общепринято разделять мета-теги две на две основные группы: это эквиваленты HTTP-заголовка(управляющие) и информационно-управляющая часть, не входящая в заголовок HTTP.
Группа эквивалентов HTTP-заголовка (HTTP-EQUIV). Как уже было упомянуто выше — это группа управляющих тегов на стороне клиента. Они дают браузеру информацию о типе передаваемой страницы, о скорости ее «устаревания», и другую служебную информацию.
Дата устаревания документа. Данный тег сообщает браузеру после истечения какого срока размещенная страница потерает свою актуальность и ее необходимо будет снова загрузить с сервера, а не из кэш-памяти браузера.
Пример:
Дата устаревания документа. Данный тег сообщает браузеру после истечения какого срока размещенная страница потерает свою актуальность и ее необходимо будет снова загрузить с сервера, а не из кэш-памяти браузера.
<meta http-equiv="EXPIRES" content="Wed, 26 JAN 2011 08:21:57 GMT" />
Управление кэшированием. Этот тег определяет возможность кэширования страниц браузером. Значение NO-CACHE запрещает кэшировать данный документ.
<meta http-equiv="PRAGMA" content="NO-CACHE" />
Тип документа и его кодировка. Тег Content-type «диктует» тип документа и его кодировку браузеру. Часто бывает что веб-сервер не поддерживает автоматическую перекодировку документов или же браузер пользователя не настроен должным образом. Поэтому рекомендую не пренебрегать этим тегом.
<meta content="text/html; charset=utf-8" http-equiv="CONTENT-TYPE" />
Язык документа. Использование данного тега говорит о явном указании языка документа.
<meta content="ru-RU" http-equiv="CONTENT-LANGUAGE" />
Управление кэшированием. Данный тег предназначен для управления кэшированием документа в общем или частном кэше. Также возможно указать не кэшировать документ (NO-CACHE) или кэшировать, но не сохранять (NO-STORE).
<meta content="NO-STORE" http-equiv="CACHE-CONTROL" />
Информационно-управляющая группа NAME
Каждая станица имеет описание, которое создается поисковой системой или мета-тегом Description. В настоящее время поисковые системы перешли на формирование описания страницы из содержания контента. Но в некоторых поисковых системах при ранжировании сайта до сих пор учитывается описание страницы из данного мета-тега. Поисковые системы Яндекс и Google формируют описание страницы исходя из содержимого данной страницы, то есть того, что может прочитать пользователь, перейдя на данный сайт.
<meta content="Описание этого документа ограничивалось 100 символами" name="DESCRIPTION" />
Этот тег использовался для определения поисковой системой ключевых слов, которые находятся на каждой конкретной странице сайта. В настоящее время большинство поисковых систем не придают этому тегу значения. Причиной изменения алгоритма послужило намеренное расширение владельцем сайта количества поисковых запросов (ключевых слов), что отрицательно сказалось на качестве выдачи. Вследствие чего был введен новый алгоритм ранжирования сайтов, в котором не учитывались ключевые слова.
<meta content="Ключевые слова, разделенные запятой, до 1000 символов" name="KEYWORDS" />
Данный тег управляет частотой индексации страницы и может принимать следующие значения:
static — документ статичен, следовательно, индексировать его нужно только один раз;
dynmic — для часто изменяющихся документов, которые нужно переиндексировать.
<meta content="STATIC" name="DOCUMENT-STATE" />
Управление индексацией документа
Возможные варианты:
index — разрешает индекссацию данного документа поисковыми системами;
noindex — запрет на индекссацию данного документа поисковыми системами;
follow — разрешает индекссацию документов, на которые есть ссылки в этом документе;
nofollow — запрет на индекссацию документов, на которые есть ссылки в данном документе;
alt — эквивалент одновременного использования index и follow;
none — эквивалент одновременного использования noindex и nofollow.
Описание для изображения (alt). Важным атрибутом является alt, который позволяет создавать короткие описания для каждого изображения на сайте.
Это полезно и удобно для пользователей, который просматривает страницу с помощью браузера, отображающего только текст.
<img alt="Изображение цветка" src="flower.jpg" />
Отдельно необходимо рассказать о таких теге title и атрибуте alt
<title>Заголовок документа</title>
Заголовок документа (title). Данный тег используют все поисковые системы при отображении страницы в результатах выдачи. Если в результатах выдачи поисковой системы страница Вашего сайта будет без заголовка или этот заголовок не будет подходить под запрос пользователя, то Вы не получите посещений. В зависимости от выбранной стратегии продвижения, необходимо подбирать уникальные заголовки для каждой страницы и следить за правильностью их написания. В настоящее время поисковые системы придают большое значение заголовкам страниц, следовательно, заголовок влияет на положение страницы сайта в выдаче поисковой системы. Для написания качественных заголовков необходимо придерживаться следующих рекомендаций:
заголовок страницы должен кратко описывать информацию на странице;
заголовок должен включать ключевые слова;
заголовок должен быть легко читаемым и понятным пользователю;
заголовки не должны быть одинаковыми по всему сайту;
заголовок должен отвечать на вопрос пользователя.
Грамотное использование тега title позволяет привлечь на сайт больше пользователей из поисковых систем. В свою очередь использование атрибута alt позволяет привлечь аудиторию, которая ищет по изображениям. Эти методы используются уже давно, но, при этом, остаются одними из самых действенных.
Секции Web-страницы
Снова вернемся в полному HTML-коду нашей Web-странички. Мысленно удалим из него уже рассмотренный фрагмент и получим листинг 1.4.
Листинг 1.4
<! DOCTYPE html>
<html>
<head>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html" charset=utf-8">
<title>Название сайта</title>
</head>
<body>
. . . .
</body>
</html>
Здесь применены несколько тегов html, которые нам не знакомы. Это так называемые невидимые теги — теги, содержимое которых никак не отображается Web-обозревателем. Они занимаются тем, что хранят сведения о параметрах самой Web-страницы и делят ее на две секции, имеющие принципиально разное назначение.
Секция тела Web-страницы находится внутри парного тега html <body>. Она описывает само содержимое Web-страницы, то, что будет выведено на экран. Именно секцию тела мы рассматривали в предыдущих разделах.
А в парном теге <head> находится секция заголовка Web-страницы. (Не путать с заголовком, который создается с помощью тега <h1>!) В эту секцию помещают сведения о параметрах Web-страницы, не отображаемые на экране и предназначенные исключительно для Web-обозревателя.
И заголовок, и тело Web-страницы находятся внутри парного тега <html>, который расположен на самом высшем (нулевом) уровне вложенности и не имеет родителя.
Любая Web-страница должна быть правильно отформатирована: иметь секции заголовка и тела и все соответствующие им теги html. Только в таком случае она будет считаться корректной с точки зрения стандартов HTML.
 
|
|
|
|
|
| |
 | |  |
|
| Заработай сейчас! |
 |
|
| Навигация по сайту |
|
|
| Поиск по сайту |
|
|
|
