Чёткая структура данных есть неприменный признак качественного Web-дизайна.
Основные элементы Web-страницы
На любой Web-странице должны присутствовать минимум четыре элемента: html, head, title и body.
Элемент верхнего уровня html
Элемент верхнего уровня html — основной элемент Web-страницы.
Он находится на вершине «дерева» Web-страницы.
В элемент html включаются два элемента — элементы head и body.
Элемент head
Элемент head выполняет служебные функции.
В элементе head находится служебная информация.
Эта информация характеризует Web-страницу как единое целое.
На обычной Web-странице в head находится такая информация:
- Название страницы, её описание, имя автора.
- Правила по оформлению страницы — цветовая гамма, шрифты, расположение навигационных элементов и т. д.
- Сценарии, отвечающие за реакцию Web-страницы на действия пользователя и взаимодействие с ним.
Как видите, эти данные характеризуют всю Web-страницу в целом, и именно поэтому они выносятся в head.
Элемент head всегда должен присутствовать в элементе html.
Элемент body
Элемент body — «тело» Web-страницы.
Элемент body всегда должен присутствовать в элементе html.
В body включаются абзацы, заголовки и другие блочные и линейные элементы.
Элемент title
title — название Web-страницы.
Элемент title представляет собой название Web-страницы.
Оно отображается в заголовке окна.
Название является первым, что видит посетитель, поэтому к его составлению следует подходить серьёзно.
Элемент title всегда должен присутствовать в элементе head. У любой страницы должно быть название.
Простейшая Web-страница
Итак, мы уже знаем, что на любой Web-странице есть элементы html, head, title и body. Давайте реализуем наши знания.
html является элементом верхнего уровня.
В него включаются элементы head и body.
В head включается элемент title.
Давайте соберём полученные знания вместе.
У нас получится простейшая Web-страница.
<html>
<head>
<title>
Название Web-страницы
</title>
</head>
<body>
Информация на Web-странице
</body>
</html>
В элементе title находится название Web-страницы.
В элементе body находится текст, который будет отображаться на Web-странице.
Как назвать Web-страницу
Каждая Web-страница должна иметь название. Название страницы определяется элементом title.
Названия страниц часто являются единственно доступной информацией в списке избранного, журнале посещений, результатах поиска вашего потенциального посетителя. То есть, часто название буквально «вырывается» из контекста, и поэтому архиважно, чтобы оно оставалось осмысленным, будучи одним из множества в какой-либо подборке ресурсов — тех же результатах поиска и меню «Избранное».
Кажется, что тут сложного: написать аннотацию к своей странице и использовать её как название. Но длинные названия часто просто обрезаются, и в результате теряют какой-либо смысл. Например:
Добро пожаловать на главную страницу Web-узла по…
Как вы думаете, о чём эта страница? Может быть, её название до обрезки давало полное представление о ней и Web-узле целиком, но ведь важен конечный результат, а его тут просто нет.
Ведь если это просто один из элементов большого списка, велика вероятность того, что потенциальный посетитель выберет другой, конкурирующий ресурс. И не важно, что у вас информации больше, важно, что вы не смогли её донести.
Другая частая ошибка — одинаковые названия для разных страниц. Например, вы посетили семь одноимённых страниц. Как потом найти нужную из них в журнале?
Или же посетители, которых Вы заинтересовали, захотят добавить вашу страницу в избранное. Но ведь там уже есть страница с таким именем. И перед Вашим будущим постоянным посетителем возникает выбор: отказаться от уже привычного старого в пользу ещё неизвестного нового, либо оставить всё, как есть. К сожалению, люди инертны и ленивы, поэтому, скорее всего, выбор будет не в вашу пользу.
Вывод: все страницы должны иметь разные названия, и следует избегать стандартных клише типа «homepage».
Ну и последним требованием является оптимизация названий для быстрого сканирования.
Это выражается в перемещении ключевых слов в начало названия, что соответствует запросам пользователя, когда он просматривает меню или список ссылок.
Обычной ошибкой являются названия типа «Добро пожаловать на узел журнала по программированию "RANDWAY"». Намного лучше использовать «RANDWAY, программирование — главная страница».
Обратите внимание, что во втором случае первое слово не взято в кавычки. Для первых слов названия не используются кавычки.
Также, важно не использовать предлоги как первые слова заголовков, поскольку списки часто сортируются по алфавиту. Например, вместо «Из произведений А. С. Пушкина» следует использовать «Пушкин, А. С. — избранные произведения».
В английском, французском, немецком языке перед первым словом названия опускается артикль.
Требования к заголовкам
- Ясно объясняйте, о чём статья или электронное письмо. Используйте термины, с которыми знаком потенциальный посетитель. Название должно быть сверхкраткой и самодостаточной миниатюрой описываемого содержимого. Обычно у вас есть порядка 40–60 символов (это около 7 слов).
- Используйте простые слова. Избегайте сокращений, подразумеваемых слов, вычурных формулировок.
- Никаких интригующих заголовков. Обычно люди просто игнорируют всё то, что прямо не относится к интересующей их информации. Интригующие заголовки хороши для газет, где ничего не стоит перелистнуть страницу и просмотреть статью. В Интернете часто приходится подолгу ждать загрузки каждого нового информационного фрагмента, и поэтому люди избегают любых неточностей и недомолвок.
- Начинайте с основного слова. Это улучшит «обнаруживаемость» при сканировании и обеспечит приоритетные места в результатах поиска. Желательно начинать с названия компании, имени человека либо понятия, обсуждаемого на странице.
- Не начинайте названия всех страниц с одного и того же слова; их будет тяжело различать при просмотре длинного списка. Перемещайте менее значимые элементы в конец заголовка. Например: «продукт, компания, описание возможностей».
- У разных страниц должны быть разные названия.
Примеры названий
«Голубой гигант» на Уолл-Стрит
О чём это может быть? В контексте компьютерных технологий и финансов понятно, что речь идёт об «Ай-Би-Эм», но просто в списке ссылок фраза не понятна.
«Голубой гигант» (Big Blue) — жаргонное название «Ай-Би-Эм». Уолл-Стрит — улица, на которой находится Нью-йоркская фондовая биржа.
News Неон В
Совершенно непонятно, о чём страница.
«Неон В» — большой файловый архив. Как видите, в заголовке нет и намёка на то, о чём страница.
<<<<<<<<<<<< © А В Т О С А Л О Н >>>>>>>>>>>
Название начинается со всяких украшательств, значит на кнопке на панели задач вряд ли отобразятся даже первые буквы самого названия.
Тематическое разделение информации.
Обновления в статьях по xhtml, css, java-script, UcoZ-системе и т.д.
Ваши комментарии.
