Эффективный Web-сайт/Web Site Analysis and Reporting 5-89392-084-8, 0-7615-2842-3

Citation preview

ЗНАНИЯ И  ОПЫТ ЭКСПЕРТОВ

Робин Ноблес Керри-Лэй  Греди

Робин  Ноблес Керри-Лэй  Грели

ЭФФЕКТИВНЫЙ WEB-САЙТ

«Издательство ТРИУМФ» Москва

УДК  004.7 Робин Ноблес, Керри-Лэй  Греди Эффективный  Web-сайт.  Учебное  пособие.— М,:  Издательство ТРИУМФ, 2004 — 560с.:  ил. ISBN  5-89392-084-8 ISBN  0-7615-2842-3  (амер.) Серия: «Знания и опыт экспертов» Чтобы  добиться  успеха  в  электронном  бизнесе,  ваш  сайт  должен  предлагать посетителям нечто большее, чем просто информацию о товарах и услугах. В данной книге подробно описываются все задачи: маркетинговые, технические и  финансовые,  которые  должен  решить  владелец  любого  коммерческого  сайта, стремящийся добиться процветания своего онлайнового бизнеса. Чтобы наилучшим образом  представить  свой  бизнес  в  сети,  вам  придется  заняться  множеством проблем-  от  дизайна  и  регистрации  сайта  на  основных  машинах  поиска до организации  онлайнового  сообщества  и  обеспечения  безопасности  посетителей сайта.  Вы  поймете,  насколько  важно  анализировать  текущую  активность  сайта  и использовать результаты анализа для обустройства процветающего бизнеса.

Authorized  translation  from  English  language  edition  published  by  Premier  Press,  Inc.  Original copyright  ©  2001  by  Prima  Publishing,  «Web  Site  Analysis  and  Reporting».  Translation  by  Triumph Publishing  (OOO  «Издательство  Триумф»),  Copyright  ©  2004. ©  2001  by  Prima  Publishing.  All  rights  reserved.  No  part  of  this  book  may  be  reproduced  or transmitted  in  any  form  or  by  any  means,  electronic  or  mechanical,  including  phutocopying,  recording  or by  any  information  storage  or  retrieval  system  without  written  permission  from  Prima  Publishing,  except for  the  inclusion  of  brief quotations  in  a  review.

ITECMI A DIVISION  OFPRIMA PUBLISHING Prima  Publishing  and  colophon  are  registered  trademarks  of  Prima  Communications,  Inc.  Prima  Tech is  a  registered  trademark  of Prima  Communications,  Inc.,  Roseville,  California  95661. Microsoft,  Windows,  Internet  Explorer,  Notepad,  VBScript,  ActiveX,  and  FrontPage  are  trademarks or  registered  trademarks  of  Microsoft  Corporation.  Netscape  is  a  registered  trademark  of  Netscape Communications  Corporation.

ISBN 5-89392-084-8  ISBN 0-7615-2842-3  (амер.) 

©  Обложка,  серия,  оформление ООО  «Издательство ТРИУМФ»,  2004

С  искренней  благодарностью  посвящаем  эту  книгу  прекрасному  специалисту  Ричарду Куртису  (Richard  Curtis)  за  его  вклад  в  подготовку  книги

Благодарности Невозможно  поименно  назвать  всех  людей,  помогавших  нам  писать  эту  книгу;  все  же мы  хотим  особо  отметить  некоторых  из  них, Благодарности  от  Робин  (Robin)... Джинетта  Дегнер  (Ginette  Degner),  что  бы  я  делала  без  Вас?  Вы  -  щедрый  источник  информации,  который  всегда  находится  там,  где  нужно.  Что  бы  я  делала  без  Вас! Особые  благодарности  я  приношу  своим  студентам,  которые  любезно  позволяли  мне «попользоваться»  их  Web-сайтами  во  многих  примерах  книги  и  постоянно  расширяли мой  опыт  преподавания. Спасибо  моей  семье,  которая  всегда  поддерживала  меня,  даже  когда  я  сутками  пропадала в  офисе. Благодарности  от  Керри-Лей  (Kerri-Leigh)... Спасибо  моей  семье,  которая  поощряла  и  поддерживала  меня  на  протяжении  всего  этого проекта.  Без  этой  поддержки  я,  наверное,  сошла  бы  с  ума.  Мама,  тебя  я  особо  благодарю за разрешение  пользоваться  кабинетом. Спасибо  Омиду  Поурзаньяни  (Omid  Pourzanjani)  за  терпение,  время  и  массу  информации.  Я  буду  вечно  благодарна  Деби  Смит  (Debbie  Smith),  Скотту  Дахлу  (Scott  Dahl), Лизе  Рингер  (Lisa  Ringler)  и  Карен  Тейлор  (Karen  Taylor)  -  они  уверили  меня,  что  я  еще не  сошла  с  ума  (хотя,  может  быть,  слегка  превратилась  в  мазохистку). Но  больше  всех  я  ценю  пятерых  человек,  которые  удерживали  меня  от  нарушения  всех законов,  когда  жизнь  казалась  слишком  безумной:  Терезу  Брукс  (Theresa  Brooks),  с  которой  мы  обсуждали  возможности  Кодака  (Kodak),  Дину  Падиллу  (Deanna  Padilla),  которая  внушала  мне  уверенность  в  себе,  Тамалун  Холланд  (Tamalun  Holland),  терпеливо выносящую  мои  безумства  и  прощающую  вспышки  бешенства,  и  Робин  (Robin)-  за справедливость.  Наконец,  спасибо  моему  наставнику  в  Интернете,  который  мыл  кухню  и оставлял  меня  одну  на  выходные  дни.  Джоди  (Jody),  Вы -лучшая  из  всех.

Об  авторах Робин  Ноблес  (Robin  Nobles)  работала  инструктором  по  размещению  в  Интернете  первых  поисковых  машин.  На  своих  начальных  и  расширенных  онлайновых  курсах,  а также симпозиумах  и  семинарах  в  разных  штатах  она  обучила  более  1000  студентов.  Ее  вторая книга  на  эту  тему,  озаглавленная  «Maximize  Web  Site  Traffic,  Build  Web  Site  Traffic  Fast and  Free  by  Optimizing  Search  Engine  Placement»  (Повышение  посещаемости  и  улучшение  доступа  к  Web-сайтам  путем  оптимизации  машин  поиска),  была  опубликована  в конце 2000 года. Керри-Лей  Греди  (Kerri-Leigh  Grady),  урожденная  гречанка,  которая  вошла  в  компьютерный  клуб  в  четвертом  классе,  работает  программистом,  Web-дизайнером  и  писателем.  Проживает  в  г.  Сан-Диего,  Калифорния.  Автор  электронной  новеллы,  посвященной языку  PEARL,  нескольких  фантастических  рассказов  и  множества  плохих  стихов.  Во время,  свободное  от  этих  занятий,  изучает  проблемы  компьютерной  безопасности  и  пьет слишком  много  кофе.

Введение Задавайте  себе  правильные  вопросы Раз  уж  вы  читаете  эту  книгу,  то  у  вас,  наверное,  есть  свой  Web-сайт,  и  вы,  успешно  или не  очень,  занимаетесь  электронным  бизнесом.  Но  сколько  раз  вы  возвращались  на  сайт после  завершения  проектирования,  чтобы  проанализировать  его  элементы  и  заставить работать  с  полной  отдачей? Просматривали  ли  вы  внимательно  каждую  страницу  сайта,  чтобы  убедиться,  что  она спроектирована  так,  что  привлекает  к  себе  посетителей  и  предоставляет  им  информацию легко  и  быстро?  Рассматривали  ли  вы,  как  эти  отдельные  страницы  сочетаются  друг  с другом,  образуя  завершенный  Web-сайт,  в  котором  посетители  могут  несколькими щелчками  мыши  быстро  найти  нужную  информацию? А  как  обстоят  дела  с  основными  машинами  поиска  и  каталогами?  Учтена  ли  в  исходной конструкции  сайта  стратегия  машин  поиска?  Скорее  всего,  нет.  Поскольку  около  85% посетителей  большинства  Web-сайтов  попадают  на  них  из  основных  машин  поиска  и каталогов,  анализ  сайта  с  точки  зрения  этих  объектов  критически  важен  для  успеха  онлайнового  бизнеса. Продумывались  ли  вами  вопросы  безопасности?  Помните,  что  ваши  заказчики  будут покупать  у  вас  товары  и  услуги  только  в  том  случае,  если  ваш  сайт  внушает  им  чувство безопасности  и  доверия.  Даже  сегодня,  когда  ежемесячный  объем  продаж  товаров  и  услуг  по  Интернету  составляет  миллионы  долларов,  многие  люди  все  еще  опасаются  передавать  по  сети  информацию  из  своих  кредитных  карточек. Как  видите,  при  анализе  Web-сайта  необходимо  рассмотреть  множество  компонентов,  и мы  подробно  обсудим  эти  вопросы.  Чтобы  создать  успешный  онлайновый  бизнес,  все компоненты  сайта  должны  работать  согласованно  друг  с  другом.  Если  вы  сосредоточитесь  на  одном  или  двух  компонентах,  а  другими  попросту  пренебрежете,  то  сайт  не  раскроет  все  свои  потенциальные  возможности  и  итоговые  показатели  бизнеса  ухудшатся.

Обзор  обших  вопросов  электронного  бизнеса Если  в  какой-то  момент  вы  усомнитесь  в  мощи  Интернета,  то  не  пожалейте  нескольких минут  и  просмотрите  общие  показатели  оборота  электронного  бизнеса.  Эти  цифры  рассеют  ваши  сомнения.  Действительно,  оценочное  число  пользователей  Интернета  сравнимо  с  числом  песчинок  в  сосуде  емкостью  в  галлон.  По  оценке  компании  Nua  Internet Surveys  (http://www.nua.org/surveys)  число  пользователей  Интернета  в  июне  2000  года составило 33273 миллионов. На  Рис.  I.I  показаны  сводные  показатели,  разделенные  по  географическим  областям, причем  на  первом  месте  стоят  Соединенные  Штаты  и  Канада.

Эффективный  Web-сайт dlnlainiil Нон Many Online-M-MDBjA UJetr.d Еч*ти flaaiei lip

Рнс.  Л1.  Оценка  всемирного  использования Интернета в июне 2000 года А  какая  доля  людей  из  этого  огромного  числа делает  какие-либо  покупки  в  сети? Компания  ActivMedia  Search  (http://www.activmediaresearch.com/)  предсказывает  удвоение  объема  Web-коммерции  в  2000  году.  Она  опирается  на  тот  факт,  что  в  середине 2000  года  число  реально  существующих  онлайновых  бизнесов  увеличилось  на  треть примерно  до  550  000,  а  доходы  этих  онлайновых  бизнесов  растут  со  средней  скоростью 130%  по  сравнению  с  показателями  1999  года. Руководствуясь  этими  показателями,  фирма  ActivMedia  Search  предсказывала,  что  оборот  мировой  онлайновой  торговли  в  2000  году  возрастет  до  132  миллиардов  долларов, что  более  чем  вдвое  превышает  оборот  58  миллиардов  долларов  в  1999  году. Эпоха  чисто  информационных  сайтов  уходит,  поскольку  примерно  две  трети  всех  новых  Web-сайтов  занимаются  онлайновой  продажей  товаров  и  услуг.  В  прошлом  Webсайты  были  немало  озабочены  сложностями  практической  постановки  онлайнового бизнеса.  Однако  сейчас,  с  появлением  необходимых  программных  средств  и технологий, коммерческие  Web-сайты  растут  как  грибы,  а  их  создатели  не  слишком  озабочены  их полезностью. В  настоящее  время  все  более  важным  становится  анализ  уже  существующих  сайтов,  а также  разработка  средств  генерирования  отчетов  об  активности  сайтов  в  целях  улучшения и упрочнения онлайнового бизнеса. На  Рис.  1.2,  заимствованном  у  компании  Nua  Internet  Surveys,  можно  видеть,  что  в  2002 году  прогнозируемые  доходы  от  деятельности  в  Интернете  возрастут  до  1  234  миллиардов  долларов. При  подобных  показателях  становится  очевидным,  что  большая  часть  этих  доходов приносит торговля между предприятиями,  а не с  потребителями.

Введение

Рис.  1.2 Доходы  от деятельности в Интернете в период между  1994 и 2002 годами В  соответствии  с  данными  Nua  Internet  Surveys  (Рис.  1.3),  к  2000  году  в  Соединенных Штатах  объем  продаж  потребителям  достигнет  33  миллионов  долларов,  в  то  время  как объем  торговли  между  бизнесами  перевалит  за  цифру 251  миллион  долларов.

.  .

, Lrki  е] IijiBimj. Lrtj  e]Fr«eriotnrf  gJWndom  g] Эв1 allh«W.b  Kj Clarke-. йлЬ

-  -»  .  J  и  1

-

:

^"  a 

"

Huta?  • 

rid 

Pin 

EtH ^Go-

US  ECQMMERCE  1998-2003 •  БлЬмн-Ю.ВшЬкн

а

. Л J 

I  I I •

Рис.  /,5  Объемы электронной торговли в США в период между  1998 и 2003 годами

Важность анализа эффективности  сайта На  основе  приведенных  выше  статистических  данных  нетрудно  видеть  астрономические возможности  рынка  Интернета.  Но  чтобы  использовать  эти  возможности,  вы  должны начать с  анализа своего  собственного сайта,  и  именно  этому  посвящена  наша  книга.

_10 

Эффективный Web-сайт

Возможно,  по  мере  того,  как  мы  будем  подробно  изучать  различные  аспекты  анализа эффективности Web-сайта,  многие  из  обсуждаемых  вопросов  покажутся  вам  азбучными истинами,  которые  не  принесут  никакой  пользы.  Однако  прежде  чем  делать  такое  заключение,  мы  призываем  вас  прочитать  информацию  и  применить  ее  к  вашему  собственному сайту. Ведь сам  по  себе тот факт,  что ваша компания затратила сотни тысяч долларов  на  проектирование  Web-сайта,  вовсе  не  гарантирует  соответствие  вашего  сайта  требованиям, предъявляемым  к  действительно  эффективному  сайту.  Это  обстоятельство  бросается  в глаза буквально  при  каждом  визите  в Интернет. Поэтому  найдите  время  на  прочтение  книги,  а  затем  примените  полученные  знания  к своему  сайту.  В  награду  за  потраченное  время  и  силы  вы  создадите  намного  более  эффективный онлайновый бизнес, который выдержит самое придирчивое исследование.

Как организована эта книга В  основных разделах книги  обсуждаются  различные  составляющие успешного онлайнового бизнеса, кратко упомянутые ниже: •  Анализ Web-страницы и Web-сайта Согласно  выпуску  Business  2.0  за  август  2000  года,  средняя  продолжительность  просмотра  страницы  составляет  50  секунд.  Иначе  говоря,  нравится  вам  это  или  нет,  у  вас есть  менее  одной  минуты  на  то,  чтобы  убедить  среднего  пользователя  продолжить  просмотр сайта и завершить визит покупкой. Таким  образом, для успеха всего  сайта важна эффективность каждой его страницы. Не  забывайте,  однако,  что  все  страницы сайта должны  работать согласованно,  создавая  в итоге  целостный  эффективный  сайт.  Поэтому  вы  должны  убедить  пользователей  не только  в  том,  что  ваш  онлайновый  бизнес  может  предложить  им  все,  что  им  надо.  Вы должны  объединить  свои  страницы  так,  чтобы  предельно  упростить  навигацию  посетителей по горам предоставляемой информации, •  Капитализация возвратного трафика Есть  ли  на  вашем  сайте  такая  информация,  что  посетители  будут  снова  и  снова  возвращаться  на  его  страницы?  Пометят  ли  они  его  закладкой,  чтобы  находить  его  без  малейшего  труда?  Поощряете ли вы  повторные  визиты  на сайт,  или  его  страницы  застоялись  и не  предлагают  новую информацию? Реализуете  ли  вы  всю  мощь  технологии  извлечения  адресов  электронной  почты  ваших посетителей?  Установлена  ли  у  вас  партнерская  программа,  соблазняющая  других  людей  покупкой  ваших  продуктов  или  услуг? Пытались  ли  вы  создать  для  потребителей  или  служащих  онлайновые  сообщества? После  привлечения  посетителей  на  сайт,  вы  победите  только  наполовину.  Теперь  вы должны заставить  их снова и  снова  возвращаться  на  ваш  сайт. I/  Процесс Web-проектирования

Введение 

11_

На  протяжении  лет  архитекторы  и  инженеры  при  создании  своих  шедевров  следуют  некоторому технологическому процессу.  Инженеры-программисты только  недавно  начали привлекать  мощь  технологического  процесса  для  повышения  эффективности  работы, С целью  повышения эффективности и улучшения  сопровождения сайта, а также расширения  присутствия  в  Web  в  настоящее  время  Web-дизайнеры  начали  следовать  согласованному процессу проектирования. Процесс  Web-проектирования  позволяет  вам  легче  и  эффективнее  вносить  изменения  в свой  сайт  или,  если  у  вас  все  еще  нет  сайта,  приступать  к  проектированию,  вооружившись  знаниями,  которые  впоследствии  уменьшат число  и  сложность  проблем,  с  которыми  вы  столкнетесь  при  построении  и поддержке  сайта. \/  Анализ  решений  электронной  коммерции При  анализе  Web-сайта  вам,  несомненно,  нужно  тщательно  и  всесторонне  просмотреть его  области,  относящиеся  к  электронной  коммерции.  Вы  должны  убедиться,  что  они работают  гладко  на  всех  этапах,  начиная  от  входа  покупателя  в  ваш  онлайновый  магазин, и до завершения сделки. Достаточно  ли  схем  оплаты  вы  предлагаете?  Насколько  эффективно  работают  ваши электронные  тележки?  Есть  ли  другие  технологии,  которые  могут  принести  пользу  вашему  сайту? •  Создание  сайтов  Web,  дружественных  машинам  поиска Несомненно,  выражение  «настройка  машин  поиска»  можно  отнести  к  одному  из  расхожих  современных  терминов,  который  отражает  тот  факт,  что  веб-мастера  и  дизайнеры окончательно осознали огромные возможности основных машин и  каталогов поиска. Подавляющее  большинство  сайтов  W e b  используют  технологии,  которые  мешают  работе  машин  поиска.  Поэтому  повторный  анализ  страниц сайта с точки зрения  машин поиска  может  повысить  «обнаружимость»  и  усилить  посещаемость  вашего  сайта. •  Анализ угроз безопасности По  оценке  компании  Nua  Internet  Surveys,  в  2000  году  вынужденный  простой  компьютеров  в  результате  воздействия  вирусов  и  других  деструктивных  действий  компьютерных хакеров  обойдется  бизнесам  по  всему  миру  убытками  более  чем  в  1,6  триллиона  долларов  и  потерей  83,2  миллиона  часов  производительности. Анализ  безопасности  вашего  сайта  затрагивает  такие  области,  как  операционные  системы,  Web-серверы,  целостность  и  конфиденциальность  данных,  защиту  и  восстановление данных,  а также  угрозы  интерактивным  Web-сайтам. •  Анализ  трафика В  большинстве  случаев  разработчики  Web-сайтов  устанавливают  сложные  системы  регистрации  входа,  которые  отслеживают  каждый  шаг  пользователей  на  всех  страницах сайта,  Но  насколько  часто  эти люди  анализируют  собранные  данные  и  реально  используют  их  для  улучшения  сайтов? Какие  разделы  файла  журнала  действительно  важны?  О  чем  вам  может  рассказать  файл журнала,  и  как  использовать эту информацию для улучшения  сайта? Простая  запись  трафика  в  журнал  не  принесет  пользы  вашему  сайту,  если  вы  не  проанализируете  эту  информацию,  а затем  используете  ее  для  улучшения  сайта.

12 

Эффективный Web-сайт

Эта отрасль быстро развивается Как  вы  знаете,  в  любых  технологических  областях  изменения  происходят  почти  ежедневно.  Те  приемы,  которые  мы  используем  сегодня,  через  год могут  измениться. Это  обстоятельство  повредило  нашей  книге.  После того  как все  главы были  написаны  и окончательно  отредактированы,  компания  Disney  объявила  о  намерении  закрыть  свой сайт  GO.com.  По  заявлению  компании,  она  пытается  найти  покупателя  своей  машины  и каталога  поиска  GO.  Таким  образом,  если  машина  и  относящийся  к  ней  каталог  будут проданы,  то  они  будут  перенесены  в  новое  место.  Если  же  продажа  не  состоится,  они будут  закрыты. Поскольку  машина  поиска  GO,  ранее  известная  как  InfoSeek,  всегда  использовалась  как одна  из  основных  машин,  это,  несомненно,  создало  бы  некоторую  прореху  в  этом  издании книги. Поэтому,  в  надежде,  что  машина  GO  будет  продана  и  продолжит  работу  как  жизнеспособная  машина,  мы  оставили  в  книге  информацию  об  этой  машине  поиска.  Однако  по ходу  книги  мы  несколько  раз  напомним  о  возможности  закрытия  или  перемещения  этой машины. Для  этой  книги  авторы  установили  особый  Web-сайт  с  URL  http://www.kernleigh.com/wsar.  Чтобы  узнать  окончательный  статус  машины  поиска  GO,  обязательно посетите  наш  сайт.

Последнее замечание Мы рассказали об основных  компонентах,  необходимых для эффективного анализа Webсайта.  Теперь  вы  готовы  начать  изучение  книги  и  приступить  к анализу своего  сайта. В  зависимости  от  специфики  вашего  сайта,  вы  можете  пойти  разными  путями  использования  знаний,  почерпнутых  в  этой  книге.  Например,  владелец  медицинского  сайта,  несомненно,  подойдет  к  некоторым  разделам  книги  иначе,  чем  продавец  антиквариата. Однако  основные  концепции  и  стратегии  остаются  одинаковыми. Поэтому,  прежде  чем  начать,  найдите  несколько  минут,  и  поразмыслите  над  своим  сайтом.  Каковы  ваши  задачи  сейчас,  и  какими  задачами  вы  планируете  заняться  через  пять лет?  Через  десять  лет?  Для  какой  аудитории  предназначен  ваш  сайт?  Кто  ваши  посетители  - бывалые  пользователи  или  совершенные  новички  в  Интернете? Читая  эту  книгу,  всегда  заглядывайте  вперед,  имея  в  виду  ваши  конкретные  цели  и  конечную  аудиторию. Прежде  всего  используйте  все  концепции  и  советы,  приведенные  здесь,  для  создания динамического  онлайнового  бизнеса,  который  пользуется  доверием  пользователей,  внушает  им  уверенность  и,  таким  образом,  способствует  продаже  ваших  товаров  или  услуг. И-удачи!

Часть I Проектирование Web-сайта Глава  1.  Анализ  Web-страниц  с  целью  достижения максимальной эффективности 

15

Глава  2.  Анализ  структуры  сайта  для  достижения максимальной доступности 

31

Г Л А В А  1.

Анализ Web-странии с  целью достижения максимальной эффективности В  этой  главе: •  Этикет  дизайна  страницы •  Конструкция  и  формат страниц •  Включение  на страницу  контактной  информации •  Проблемы  авторских  прав •  Интерактивные возможности •  Анализ  сайтов  конкурентов •  Инструменты  для  анализа  и  разработки  Web-страниц Первое  (и  самое  сильное)  впечатление  о  Web-сайте  посетители  получают  от  просмотра его  отдельных  Web-страниц,  и  их  оценка  сайта  в  целом  во  многом  зависит  от  оценки каждой  страницы.  Поэтому,  обдумывая  потребности  своей  аудитории,  обратите  особое внимание  на дизайн  страниц  сайта.  Поскольку  сайт служит  интерфейсом,  через  который вы  общаетесь  с  покупателями,  то  вам  следует  проанализировать  эффективность  каждой страницы сайта. Анализируя  дизайн  Web-страниц,  необходимо  рассмотреть  несколько  важных  вопросов. Во-первых,  вы  должны  учитывать  этикет Web.  Какие  элементы  дизайна  воспринимаются  как  признак  дурного  тона  или  отсутствия  профессионализма?  В  Web  установились определенные  традиции,  и  новое  содержимое  вызывает  недовольство,  если  оно  представляется  раздражающими  или  неэффективными  элементами  дизайна.  Кроме  того, изучение  сайтов  ваших  конкурентов  поможет  вам  определить,  что  работает  хорошо,  а что слабо. Как  дизайнер,  вы  должны  тщательно  продумать  стиль  пользовательского  интерфейса сайта и  выбрать  наилучший  способ подачи  информации.  Вы должны  знать,  какие стилевые  элементы  пользовательского  интерфейса  нуждаются  в  особом  внимании  и  какую информацию  нужно  поместить  на  каждой  странице. Если  у  вас  уже  есть  сайт,  либо  его  подробный  план,  то  вы  можете  использовать  эту  главу  для  того,  чтобы  проанализировать  эффективность  и  практическую  полезность  уже имеющихся  страниц.  Если  же  у  вас  еще  нет  сайта,  то  эта  глава  поможет  вам  подобрать подходящие  элементы  и  структуру  для  сайта. Возможно,  что-либо  из  того,  о  чем  мы  расскажем  в  этой  главе,  покажется  вам  азбучными  истинами.  В  таком  случае  приносим  свои  извинения.  Однако  слишком  часто  то,  что дизайнеры  полагают  очевидным,  становится  обычной  ошибкой  для  тех  людей,  кто  не осознает  или  не  понимает  важности  некоторых  соображений.  Поэтому  даже  если  вы давно  занимаетесь  проектированием  Web-страниц,  вы  можете  найти  здесь  полезные идеи  и соображения.

16 

Эффективный Web-сайт

Этикет дизайна  страницы Независимо  от  того,  где  и  как  живут,  работают  или  играют  члены  вашей  аудитории,  независимо  от  назначения  вашего  сайта,  некоторые  элементы  дизайна  Web-страниц  равно применимы  к любому человеку, любой  компании  и  в любой  ситуации.  Чтобы  побудить посетителя  задерживаться  на  вашем  сайте  и  многократно  возвращаться  на  него,  вы должны  приложить  максимум  усилий  для  того,  чтобы  сделать  их  визит захватывающим. Но  в  то  же  время  способ,  который  вы  используете  для  решения  подобной задачи,  может отвлекать  внимание  посетителей,  и  даже  вызывать у  них  раздражение.  Чтобы  избежать этого,  при разработке дизайна  страниц вы  должны  следовать  определенному  этикету. Анализируя  страницы  с  точки  зрения  этикета,  посмотрите  на  них  глазами  посетителя. Кто  они,  посетители  вашего  сайта?  Что  они  ищут  на  вашем  сайте?  Если  это  дети,  то  на страницах  должно  быть  много  красок,  графики,  анимаций,  и  поменьше  текста,  а  вот  на сайте для ученых  мужей,  которые  ищут новейшие  статьи по  молекулярной  биологии,  все как  раз  наоборот.  И  все  же  некоторые  правила,  которые  мы  рассмотрим  в  этом  разделе, равно применимы  в обоих случаях.

Графика Нет  слов,  рисунки  забавны.  Они  играют  важную  роль,  нарушая  монотонность  длинных текстовых  страниц.  В  то  же  время,  графика  захватывает  значительную  долю  полосы пропускания  линия  связи,  соединяющей  посетителей  вашего  сайта  с  Интернетом.  Если изображение  слишком  велико,  то  его  загрузка  может  длиться  нескончаемо  долго,  и  вы рискуете  потерять  заказчиков,  которые  вынуждены  томиться,  ожидая  загрузки  изображения. Поэтому в отношении  графики следуйте таким правилам: •  Сводите  использование  графики  к минимуму.  Помимо  проблем  с полосой пропускания,  есть  еще  несколько  причин  соблюдать  это  правило.  Графические  изображения могут  отвлекать  внимание,  если  их  слишком  много,  или  они  слишком  велики,  или анимированы.  С  точки  зрения  информатики,  они  намного  крупнее  текста,  поэтому загрузка  графики  занимает  большее  время.  Разумеется,  пока  загружается  графика, посетители  могут  просматривать  информацию  на  сайте.  Однако  если  графика  играет важную  роль  или  даже  необходима  для  обсуждения  или  представления  данных,  это ожидание крайне раздражает. •  По  тем  же  причинам  с  осторожностью  вставляйте  любую  анимированную  графику. Анимации  отвлекают  внимание,  а  поскольку  они,  фактически,  представляют  собой несколько изображений в одном, анимации значительно замедляют загрузку. •  Проверяйте  дважды  все  изображения  и  другие  файлы,  которые  используете  на  своих страницах.  Если  файлы  некоторых  изображений,  используемых  на  страницах  сайта, будут  отсутствовать  в  соответствующих  каталогах  сервера  Web,  ваш  сайт  будет  выглядеть  непрофессионально.

ГЛАВА1.  Анализ Web-страниц 

17

Десять  основных  ошибок  Web-дизайнеров Согласно  Якобу  Нильсену  (Jakob  Nielsen),  автору  статьи  «Designing  Web  Usability and  Multimedia  and  Hypertext:  The  Internet  and  Beyond»  (Практичность  применения, мультимедиа  и  гипертекст  в  Web-дизайне:  Интернет  и  за  его  пределами),  современные  Web-дизайнеры  постоянно  допускают десять  простых,  но  критических  ошибок. Убедитесь,  что  вы  избежали  таких  подводных  камней: •  Блокирование  кнопки  Back  (Назад)  браузера,  так,  что  пользователи  не  могут  вернуться  к  предыдущей  странице  своего  просмотра.  Часто  дизайнеры  делают  это, открывая  новое  содержимое  в  отдельном  окне  с  помощью  директивы  refresh,  либо препятствуя кэшированию страницы. •  Открытие  нового  Web-содержимого  в  отдельном  окне  браузера,  что  служит  причиной ошибки,  описанной выше. •  Использование  необычного  пользовательского  интерфейса,  или  его  несогласованность  со  стандартами  Web.  Согласно  Нильсену  (Nielsen),  недостаточная  согласованность приводит к тому,  что  пользователи  начинают думать, что они утратили  контроль  над  просмотром  сайта,  поскольку  они  не  ожидают  необычных  действий  в  ответ  на  традиционные  операции,  Например,  он  указывает  на использование  переключателей в  качестве  кнопки,  хотя традиционно  переключатели  используются для выбора параметров. •  Отсутствие  биографической  информации  о  владельцах  и  разработчиках  сайта. Исследования  Нильсена  (Nielsen)  показывают,  что  пользователи  предпочитают знать, кто создал и запустил сайт - это повышает доверие. •  Отсутствие  архивированного  содержимого.  Удаление  старого  содержимого  приводит  к  появлению  недействующих  ссылок  и  снижает  практическую  полезность Web  сайта.  По  оценке  Нильсена  (Nielsen),  архивирование  содержимого  может  повысить  стоимость  поддержки  сайта  на  10%,  однако  при  этом  его  практическая  полезность  возрастает  на  50%. •  Перемещение  страниц,  которое  вызывает  обрыв  ссылок  на  вашу  страницу  из  других сайтов. •  Невнятный  текст  заголовков.  Заголовки  страниц  часто  используются  машинами поиска  или  оглавлениями  для  ссылок  на  данную  страницу,  но  если  по  тексту  заголовка  невозможно  понять,  что находится  на странице,  то посетителю приходится  гадать,  что  вы  имеете  в  виду. •  Затрата  ресурсов  на  модные  украшения  сайта,  вместо  поддержки  практически полезного  содержимого, •  Медленная  загрузка  страниц,  обычно  из-за  включения  в  них  графики,  апплетов,  а также  из-за  дефектов  сети  или  оборудования. •  Содержимое  страницы  напоминает  рекламу.  Пользователи  Web  приучились  игнорировать  баннеры,  всплывающие  объявления,  назойливые  анимации  и  т.п.,  и проигнорируют  содержимое  страниц,  напоминающих  им  один  из  указанных элементов.

18 

Эффективный Web-сайт

Читатели  с  энтузиазмом  откликнулись  на  статью  Нильсена  (Nielsen),  добавив  к  списку несколько собственных любимых мозолей: •  Экранные  заставки. •  Структура  содержимого  не  позволяет  пометить  страницу  закладкой.  Такой  формат,  использующий  фреймы  или  сценарии,  раздражает  посетителей,  поскольку они,  вместо  того  чтобы  прямо  следовать  по  ссылке,  должны  возвращаться  на главную  страницу  и  заново  искать нужное  содержимое. •  Ссылка  на  файлы,  формат  которых  отличен  от  HTML-  например,  PDF  и  другие форматы  документов-  без  предупреждения  пользователей  о  новом  формате  содержимого. •  (Для  иностранных  пользователей)  Страницы,  которые  не  кэшируются  на  ближайших к пользователю серверах, чрезвычайно замедляют загрузку. •  Отсутствие контактной информации  на каждой странице. •  Плохая  работа  клавиши  i| TabJ  в  формах,  обычно  из-за  ссылок  между  элементами ввода данных. •  Помещение  всего  содержимого  в  сложную  таблицу,  загрузка  которой  занимает значительное  время.  Суть  дела  в  том,  что  браузеры  могут  не  отобразить  содержимое таблицы  до тех  пор,  пока  не загрузятся  все теги таблицы. Более  подробно  об  удобстве  и  практичности  Web-страниц  можно  узнать  на  сайте http://www.useit.com. •  Чтобы  исключить  использование  крупных  файлов  изображений,  можно  преобразовать  их  в  форматы  GIF,  JPEG  и  PNG,  а затем  выбрать  тот формат,  который  подходит лучше  других  с  точки  зрения  размеров  файла  и  качества  изображения.  Для  выбора формата  изображений  можно  руководствоваться  таким  правилом:  крупные  изображения  либо  изображения  фотографического  качества лучше  всего  хранить  в  формате JPEG,  а  небольшие  изображения,  всего  с  несколькими  цветами,  желательно  хранить в  формате  GIF.  Напомним,  что  формат  GIF  указывает тип  изображений,  в  то  время, как  формат  JPEG,  по  существу,  служит  способом  сжатия  изображений.  Поэтому,  если графическое  изображение  нуждается  в сжатии, храните его  файл  в формате JPEG.

Зрелише  и  звук При  огромных  возможностях  современных  Web-технологий,  вы  можете  соблазниться возможностью  усыпать  всю  страницу  разнообразными  «колокольчиками  и  свистульками»,  причем  без  реальной  необходимости.  В  этом  плане  придерживайтесь  таких соображений. •  Если  страница  загромождена  текстом,  графикой  и  цветом,  то  они  будут  отвлекать внимание  ваших  посетителей  от той  информации,  ради  которой  страница  и  создана. Применение  разнообразных  цветов,  шрифтов  и  размеров  текста,  всевозможных мультимедийных  элементов  может  улучшать  страницу  только  тогда,  когда  уравновешивается  достаточным  количеством  пустого пространства.  Здесь  важно выдержать равновесие.

ГЛАВА 1.  АнализШеЬ-страниц •  Следующее,  о  чем  вы  должны  позаботиться,  это  шрифт.  К  выбору  размеров  и  цвета шрифта  следует  относиться  с  осторожностью.  Применение  шрифтов  с  разными  размерами  может  улучшить  читаемость  страницы.  Однако  старайтесь  не  применять слишком  мелкие  или  слишком  крупные  шрифты.  Избыток  текста,  набранного  крупным  шрифтом,  впустую  растрачивает  ценную  область  экрана,  а  текст,  набранный слишком  мелким  шрифтом,  трудно  читать,  особенно  если  у  пользователей  плохое зрение или низкое разрешение экрана. •  Еще  одним  отвлекающим  фактором  может  служить  избыток  шума -  звукового  шума. В  сущности,  вам  лучше  забыть  о  существовании  тега  .  Некоторый  музыкальный  или  фоновый  звук  может  быть  вполне  безобиден.  Но  этикет  требует,  чтобы  вы  позволили своим  посетителям  выбирать,  слушать его  или  нет. •  В  большинстве  случаев  фоновая  музыка  встречается  на  личных  или  непрофессионально  спроектированных  страницах,  и  используемый  формат  звука-  по  большей части  MIDI-  раздражает  уже  после  нескольких  минут  циклического  проигрывания. Сколько раз  вы  встречали  профессиональные  коммерческие сайты - исключая,  разумеется,  специализированные  музыкальные  сайты-  «улучшенные»  музыкой  или  фоновым  звуком?  Ручаемся,  что  немного,  и  тому  есть  основательная  причина-  такой сайт н епрофессионален. •  Если  вы  все  же  хотите  использовать  звуки,  то  убедитесь,  что  вы  используете  реалистические звуки  или музыкальные  образцы со спокойным звучанием.  Многие  аудиофайлы,  используемые  в качестве  фоновой  музыки,  содержат синтезированную,  будоражащую  музыку.  Коллеги  ваших  посетителей,  сидящие  за  компьютерами  в  соседних ячейках,  могут  подумать,  что  ваши  посетители  играют  в  видеоигры,  а  не  просматривают  ваши  страницы  в  поисках  информации.  Таким  образом,  если  вы  решитесь  использовать  на страницах  звук,  предусмотрите  и средства его  отключения.

Полосы  прокрутки Убедитесь,  что  каждая  страница требует  минимальной  прокрутки.  Ниже  мы  обсудим  два типа прокрутки:  по вертикали  и  по  горизонтали. •  Если  заставить  посетителей  прокручивать  страницу  экран  за  экраном  (вертикальная прокрутка),  то  они  покинут  эту  страницу  и,  возможно,  этот  сайт.  Если  для  просмотра всей  страницы  нужно  прокрутить  содержимое  более  чем  на  два  экрана,  то  за  редким исключением  ваши  страницы  требуют  переделки,  В  целом,  вертикальная  прокрутка свидетельствует  о  том,  что  вы  поместили  слишком  много  информации  на  одну  страницу.  Обратитесь  к  Главе  2,  в  которой  обсуждается  анализ  структуры  сайта  с  точки зрения  доступности  страниц.  Там  вы  найдете  информацию  о  разделении  данных,  которое  может  облегчить  эту  проблему. •  Другой  тип  прокрутки,  который  можно  иногда  встретить,  это  горизонтальная  прокрутка.  На  горизонтальную  прокрутку  наложено  табу,  хотя  некоторые  сайты  не  придерживаются  такой  тактики.  Горизонтальная  прокрутка  допустима  только  в  случаях, когда  для  этого  есть  особые  причины-  чаще  всего  это  использование  таблиц.  Если дизайнер  задаст  не  относительный,  а  абсолютный  размер  таблицы,  то  страница  может  потребовать  прокрутку.  Например,  вы  можете  внести  следующее  изменение  в ваш  код  HTML:

Эффективный Web-сайт

2Л 

Замените этот атрибут (абсолютный размер таблицы):  Этим  атрибутом  (относительный размер таблицы);  •  Если задать ширину таблицы атрибутом WIDTH  с абсолютным значением, то ширина страницы  будет  равна указанному  числу  пикселов.  Если  же  задать  ширину  таблицы атрибутом  WIDTH  с  относительным  значением,  то  страница  будет  подстраивать  свой размер  к  отображению  в  конкретном  браузере.  Потребовав,  чтобы  размер  таблицы определялся  в  процентах,  а не  конкретным  числом  пикселов,  вы  избежите  «прокручивания  вправо»,  которое  может  случиться  при  использовании  параметра  абсолютного размера. '  Иногда,  по  эстетическим  соображениям,  необходимо  устанавливать  абсолют:  ный  размер  страницы,  удовлетворяющий  наименьшему  общему  знаменателю. ':  Убедитесь,  что  страница  видима  без прокручивания на небольшом мониторе.

Ссылки К  размещению  ссылок  следует подходить  с  осторожностью.  Вы  должны  контролировать их  частоту  и  место  размещения,  а  также  способ  реализации.  Используйте  ссылки  почаще,  поскольку  они  служат  основой  Web-серфинга,  но  в  то же  время  с  разумными  ограничениями.  Ссылки -  отличное  средство  повышения  удобства  и  практичности  сайта, но если ссылки используются некорректно, они затрудняют чтение страниц и навигацию по ним.

Контроль ссылок на внешний мир Когда  вы  ссылаетесь  на  какой-либо  объект,  находящийся  вне  вашего  сайта,  вам,  возможно,  понадобится  открывать  эти  объекты  в  новом  окне.  Иными  словами,  вы  можете создать такую ссылку: Leave My Site Если  использовать  такое  значение  атрибута  TARGET,  то  ваши  посетители  будут  оставаться  на вашей странице даже при посещении другой страницы.  Закрыв окно браузера, которое  открыла  ваша  ссылка,  они  снова  окажутся  на  вашей  странице,  так,  будто  бы  они с нее никогда не уходили. Однако  открытие  дополнительных  окон  браузера  в  мониторах  посетителей  иногда  рассматривается  как  признак  дурного тона,  поскольку это  требует дополнительного  расходования  ресурсов  компьютера,  а  у  посетителей  нет  выбора.  Продумайте,  насколько вам  необходимо,  чтобы  посетители  оставались  на  вашем  сайте.  Здесь  ваше  желание удержать  посетителей  должно  быть  сбалансировано  с  требованиями  их  хорошего  обслуживания. Включение  ссылок в текст При  использовании  ссылок  позаботьтесь  о  неразрывности текста.  Когда ваши  посетители  читают  содержимое  сайта,  то  внезапные  призывы  вроде  «Щелкните здесь!»  мешают им точно так же, как опечатки или неудобочитаемый шрифт. Подумайте, в каком из этих примеров ссылка  расположена  правильно:

ГЛАВА 1.  Анализ Web-страниц 

21

•  По мнению  критиков со  всего  мира,  наши товары  лучше  всех. «Щелкните здесь!» •  Критики  говорят,  что наши товары лучше всех!  И  вот почему. •  Вот  почему  критики  говорят,  что  наши  товары  лучше  всех. Очевидно,  что  третий  пример удачнее  всех,  поскольку  в  нем  текстовый  поток  не  прерывается  и  ссылка  не  мешает  чтению.  Кроме  того,  эта  ссылка  совершенно  прозрачна,  т.е, пользователь знает, куда попадет, щелкнув на ней. Избегайте мертвых ссылок Вы  должны  периодически  просматривать  страницы  и  отыскивать  в  них  оборванные ссылки.  Оборванные  ссылки  впустую  отнимают  время  у  ваших  посетителей  и  создают впечатление, что сайт обслуживается небрежно и редко. Помните  также,  что  когда  вы  перестраиваете  сайт,  ссылки  на ваши  страницы  из  внешних сайтов  будут  по  прежнему  показывать  на  вашу  первоначальную  страницу.  Всегда  удаляйте  ссылку,  либо  перенаправляйте  ее  с  исходной  страницы  в  новое  местоположение. Это  надо  сделать  не только для  главной  страницы,  но  и для  всех  страниц сайта,  поскольку  большинство  людей  будут  заходить  на  конкретные  страницы  сайта.  И  если  ваши  потенциальные  посетители,  щелкнув  на  ссылке,  увидят  страницу  с  сообщением  404  File Not Found (404 Файл не найден), можете считать их потерянными. Однако  если  у  вас  есть  возможность  установить  собственную  страниц}'  404  File  Not Found  (404  Файл  не  найден)  (это  та  страница,  которую  выводит  Web-сервер,  когда  не способен  открыть  запрошенную  страницу),  то  обязательно  сделайте  это.  С  помощью этой  страницы  вы  сможете  перенаправлять  посетителей  на  главные  области  сайта, уменьшая  вероятность окончательного ухода посетителя.

Насколько эффективны  фреймы? Используя  фреймы,  вы  должны  строго  следовать  этикету.  Фреймы  открывают  такие возможности  манипулирования  страницами,  которые недоступны  для таблиц,  но они же могут  вызывать  некоторые  опасения  у  посетителей.  Если  вы  используете  ссылки  на внешние сайты,  вы должны,  ради любезности,  использовать параметр TARGET со  значением top.  Это  заставляет  ссылку открываться  в  вашем  главном  фрейме,  то  есть,  по  существу,  отбрасывать  ваши  фреймы. Многие  люди  считают  фреймы  злом,  поскольку  создатели  сайтов,  использующие  фреймы,  обычно  не  соблюдают  нормы  этикета.  Некоторые  браузеры  не  поддерживают  фреймы,  поэтому  их  пользователи  иногда  будут  открывать  пустые  страницы,  поскольку  Webдизайнер  пренебрег  тегом  NOFRAMES.  Кроме  того,  страницы  с  фреймами  невозможно пометить  закладкой,  поскольку  закладка  будет  ссылаться  только  на  заданные  по  умолчанию  страницы  для  воспроизведения  фреймов.  Наконец,  некоторые  браузеры  не  способны  печатать  страницы  с  фреймами. В  некоторых  случаях,  когда дизайнер  страницы  не  учел  сужение  области  просмотра  (или использование  мониторов  с  малыми  экранами),  фреймы  могут  затруднять  навигацию  и даже  мешать  просмотру  информации.  В  Web  очень  важно  обеспечить  просмотр  всех страниц с  фреймами  в любом  возможном  браузере и в любой системе.  Попросите других

22 

Эффективный Web-сайт

людей  просмотреть  и  оценить эти  страницы.  Возможно,  вас  поразит число людей,  которые  не  могут толком  рассмотреть ваше детище. Кроме того, как вы узнаете в Главе 21, фреймы могут затруднять работу машин поиска.

Цвета Наконец,  тщательно  выбирайте  используемую  цветовую  схему,  памятуя  при  этом  о  своей  аудитории.  Очевидно,  что  пастельные  цвета  вряд ли  понравятся  батальону  морпехов. Вероятно  также,  что  им  не  понравится  читать  белый  текст  на  черном  фоне.  Далее,  при аншшзе  цветовой  схемы  следует  учитывать  возможность  отвлечения  внимания.  Избыток или  недостаток  цветов,  либо  кричащие  цвета  могут  ухудшить  восприятие  страницы  посетителями. Неверное  использование  цветовой  схемы  с  гарантией  ведет  к  уходу  посетителей  на  другой  сайт.  Вы  полагаете,  что  эта  проблема  слишком  очевидна,  чтобы  на  нее  указывать,  не так ли?  Отнюдь  нет.  Страницы,  и  особенно  цвета,  выглядят по-разному  при  просмотре  в разных  браузерах,  и даже  в  разных  операционных системах. Кроме  того,  всегда,  по  возможности,  используйте  светлый  фон  с  темным  (предпочтительно  черным) текстом,  Почему?  Если  посетители  напечатают ваши  страницы,  то  в  результате  они  могут  получить  в  точности  то,  что  вы  поместили  на  страницу,  минус  фон. Иными словами, большую страницу с белым нечитаемым текстом.

Конструкция и формат страниц Создавая  структуру  Web-страницы,  вы  должны  учесть  несколько  моментов,  которые обычно  относят  к  только  что  рассмотренным  проблемам  этикета.  Однако  некоторые компоненты  страницы  с  удачной  структурой  отвечают  скорее  не  за  этикет,  а  за  эстетичность и простоту навигации по сайту. Возможно, вы не захотите прислушаться к некоторым  нашим  советам,  и,  тем  самым,  намереваетесь  использовать  потенциально  опасную практику дизайна.  В  таком  случае  вам  следует  знать,  что  вы  должны  сделать  для  нейтрализации проблем,  с  которыми могут столкнуться посетители.

Пользовательский  интерфейс Как  вы  взаимодействуете  с  посетителями  вашего  Web-сайта?  Какой  формат  вы  используете для  передачи/приема  информации  и удержания  посетителей  на  своем  сайте?  Некоторые дизайнеры  используют  карты  сайтов,  графику  и  мультимедиа.  Другие  применяют фреймы,  таблицы  и  текст.  Независимо  от  формата,  все  это  относится  к  набору  средств пользовательского  интерфейса  (User  Interface-  UI)  разных  типов,  то  есть  средств,  с  помощью  которых сайт взаимодействует со своими  посетителями. Какие  типы  UI  следует  принимать  во  внимание?  Существует  множество  типов  Ш,  намного  больше,  чем  мы  можем  обсудить,  причем  вариации  этих  UI  тоже  содержат вариации.  Чтобы  помочь  вам  разобраться,  какие  элементы  вам,  возможно,  нужно  включать  в ваш  собственный  дизайн  и  какие  проблемы  следует  обдумывать  при  выработке  дизайнерских  решений,  мы  рассмотрим  четыре  UI -  карты  ссылок,  фреймы,  таблицы  и  длинные текстовые  страницы.

ГЛАВА! Анализ Web-страниц

23

Карта  ссылок Путешествие  пользователей  по  некоторым  сайтам  начинается  с  карты  ссылок  -  крупного изображения  с  областями,  чувствительными  к  щелчкам  мышью.  Эти  области  содержат ссылки  на  страницы  внутри  сайта.  Изображение  может  содержать  графические  представления  областей.  Например,  рисунок  телефона  может  содержать  ссылку  на  контактную  информацию.  Чтобы  перемещаться  по  сайту',  пользователь  может  щелкнуть  мышью на одном  из  изображений  внутри  основного  изображения.  Некоторые  карты  ссылок указывают  пользователю  на  разные  области  сайта  с  помощью  изображений  с  текстовыми ссылками.  Насколько эффективна  карта ссылок  как элемент конструкции  страницы?  Это зависит  от  сайта  и  его  предполагаемой  аудитории. Карты  ссылок- занятная  штука.  Графический интерфейс  может привлекать  компьютерных  новичков,  однако  большинство  живописных  карт  ссылок  (тех,  что  используют  графические  обозначения  областей  сайта  вместо  текстовых  ссылок)  содержит  очень  мало инструкций,  и  если  пользователи  ранее  не  встречались  с  картами  ссылок,  им  будет  трудно  их  использовать.  Чтобы  облегчить  посетителям  работу  с  картами  ссылок,  поместите под  изображением  текстовые  ссылки  и  инструкции  по  использованию  карты  ссылок. Кроме того,  вместо  изображений в  карте  ссылок можно  использовать текстовые  ссылки. На  Рис.  1.1  показана  текстовая  карта ссылок.  На  ней  нетрудно  понять,  где следует  щелкнуть  мышью,  чтобы  найти всякие безделушки, новинки и получить техническую  помощь.  С  другой  стороны,  графическая  карта  ссылок  должна быть  составлена  из  интуитивно  понятных  изображений,  по  которым  пользователи  без  труда  разберутся,  где  искать разные  товары.  Рисунок  безделушки говорил  бы  им,  что  где  нужно  щелкнуть,  чтобы  попасть  в  раздел,  где  продается  всякая  мелочь.  Рисунок  с  пользователем,  замахнувшимся  кувалдой  на безделушку,  может  указывать  на  раздел технической  помощи.  Что  бы  вы  ни выбрали,  вам  следует  хорошо  продумать,  насколько  легко  смогут  посетители  разобраться  в  вашей  карте.  Найдут ли они там то, что им надо?

Wiilgetx-R-Us

WidgefS About  Widgets-R-Us

Рис.  I.!  Интерфейс  текстовой  карты  ссылок

Прежде  чем  выбрать  карту  ссылок  в  качестве  средства  навигации  по  сайту,  обдумайте возможные  последствия.  Карта  ссылок  статична  и  не  может  изменяться  по  мере  того, как  ваши  пользователи  перемещаются  по  сайту.  Кроме  того,  карта  ссылок  может  занимать  слишком  много  места  в  Web-браузерах  посетителей,  то  есть  снижает  эффективность  использования  экрана  монитора.  С  другой  стороны,  текст,  хотя  и  занимает сравнительно  мало  места,  не  бросается  в  глаза  и  менее  привлекателен,  чем  изображение.  Таким образом,  выбирая  тот  или  иной  пользовательский  интерфейс,  взвешивайте  все  «за»  и «против».

Эффективный  Web-сайт

24

Фреймы Фреймы,  подобно  картам  ссылок,  коварные  создания.  Они  могут обеспечить  прекрасную навигацию  по  сайту,  а  могут  и  доставлять  головную  боль  обслуживающему  персоналу, запутавшемуся  в  своих  фреймах,  либо  даже  возможным  заказчикам,  браузеры  которых не  поддерживают фреймы.  Как  поступить Web-дизайнеру? Если  вы  решите  использовать  фреймы  в  конструкции  страницы,  соблюдайте  осторожность.  Вставляя  ссылку  на  объект  вне  вашего  сайта,  используйте  параметр  TARGET  со значениями  _top  или  _blank.  Это  гарантирует  загрузку  новой  страницы  вне  фреймов. Возможно,  у  вас  есть  причины  удерживать  посетителей  в  ваших  фреймах,  но  имейте  в виду,  что  для  хорошего  обслуживания  потребителей  сайт  должен  быть  дружественным  к посетителю,  а  блокирование  посетителей  во  фреймах,  несомненно,  рассматривается  как объявление  войны. Еще  раз  напоминаем,  не  все  заказчики  используют  новейшие  версии  браузеров  Internet Explorer  или  Netscape  в  системах Windows  или  Macintosh,  а некоторые  браузеры  даже  не поддерживают  фреймы.  Поэтому,  чтобы  не  терять  заказчиков,  используйте  тег .  Этот  тег  HTML  гарантирует,  что  все  ваши  посетители  увидят  содержимое страницы.

Таблицы Таблицы  являются  прекрасной альтернативой  фреймам,  позволяя разделить содержимое страницы  по  столбцам,  причем  без  блокирования  ваших  заказчиков  во  фреймах.  Webстраницы  с  таблицами  в  большей  степени  напоминают  печатное  издание,  чем  страницы с  простым  текстом  (Рис.  1.2).

Wtnapublishing. с от

•-•"•--•-* Herbal  Prescriptions  Го- Health  S '  *

Чи fi В D J  I  Г 

Рис.  1.2. Для  создания  пользовательского интерфейса  сайт Prims  Publishing  использует  таблицы Но  еще  раз  укажем,  что  вы  должны  знать,  как  каждая  система  будет  интерпретировать теги  ваших  таблиц.  Например,  браузеры  Netscape  лучше  работают  с  корректно  оформленным  кодом  HTML.  Поэтому  если  вы  забудете  закрыть  теги,  то  ваша  страница  может

ГЛАВА 1.  Анализ Web-страниц 

25^

утратить  содержимое  либо  формат  может  чрезмерно  исказиться.  Эта  тенденция  значительно  усиливается  там,  где  речь  идет  о  таблицах.  То,  что  превосходно  выглядит  в  браузере  Netscape,  в  браузере  Internet  Explorer  может  выглядеть  как  картина  Пикассо  или галлюцинации,  и  наоборот. Кроме  того,  учтите,  что  хотя  столбцы  таблиц  -  великолепное  средство  организации  данных,  не  следует  переусердствовать  с  их  использованием.  Помните,  что  ваши  посетители используют  мониторы  разных  размеров  и  экраны  некоторых  из  них  совсем  невелики. Когда  таблица  содержит  более  двух  столбцов,  то  на  экранах  некоторых  посетителей  могут  появляться  горизонтальные  полосы  прокрутки  или  слишком узкие  столбцы.  Если  же в  задуманном  вами  дизайне  страницы  абсолютно  необходимы  три  столбца,  не  забудьте просмотреть  страницу  во  всех  возможных  браузерах  и  системах. Одностраничные сайты Возможно,  вы  уже  видели  такие  сайты.  Все  содержимое  находится  на  одной  странице. Внешние  ссылки  отсутствуют.  Все  ссылки  направлены  на  якоря  внутри  страницы.  Такие страницы  игнорируют  правило  минимальной  прокрутки.  Они  игнорируют  правила  разделения данных.  Они отвергают законы  физики. Ясно,  что  мы  полагаем  Одностраничные  сайты  неудачным  решением.  Путешественники Web  и  заказчики  предпочитают  не  задерживаться  на  странице,  если  им  приходится  прокручивать  ее  более  чем  один  или  два  раза.  Поэтому,  независимо  от того,  используете  вы графику или нет, Одностраничные сайты без разделения данных крайне неудачны, Просмотрите  Главу  2.  Если  посетителю  приходится  экран  за экраном  прокручивать  одну огромную  страницу,  то  можете  поставить  на  нем  крест.  Страницы  (или  хуже  того,  целые сайты),  которые угодили  в  эту ловушку,  нуждаются  в значительной  перестройке. Разумеется,  мы  не утверждаем,  что  все  Одностраничные  сайты  с  текстом  или  графикой являются  порождениями  дьявола.  Однако  почти  любая  длинная  страница  может и  должна  быть  разделена  на  несколько  более  коротких  страниц. Анализ  пользовательского  интерфейса Анализируя  эффективность  своего  пользовательского  интерфейса,  вы  должны  прежде всего  определить,  кто  составляет  вашу  аудиторию.  Да,  мы  обсуждали  это  ранее,  и  мы продолжим  обсуждать  этот  вопрос,  как  бы  вам  это  не  нравилось.  Чтобы  выжать  из  вашего  сайта  все  что  можно,  вы  должны  точно  знать,  что  нужно  вашим  посетителям.  И  без эффективного  пользовательского  интерфейса  ваш  сайт  будет  нагонять  на  пользователей тоску  и  отвращение. Анализируя  эффективность  интерфейса,  задавайте  себе  такие  вопросы: •  Какова  основная  цель  вашего  сайта?  Каким  вы  хотите  его  видеть -  забавным?  Информативным?  Интерактивным?  Должен ли  сайт работать  в  режиме  реального  времени? •  Какие  типы  компьютеров  используют  посетители  сайта?  Есть  ли  среди  них  устаревшие системы  с  малыми  мониторами  и  медленными  соединениями  с  Интернетом? Либо  они  работают  на  мощных,  современных  компьютерах,  и,  следовательно,  рассчитывают,  что  ваш  сайт  полностью  раскроет  преимущества  их  систем?

26 

Эффективный Web-сайт

•  Велик ли  опыт работы  в Web  ваших  посетителей? Если вы  используете  карту сайта, то  смогут  ли  они  разобраться  в  ней?  Нужно  ли  приложить  к  карте  сайта  текстовые ссылки  на  разные  области  сайта? •"  Позволяет ли структура страницы легко находить любую нужную информацию? •  Проверена  ли  страница  в  различных  браузерах  и  системах?  Хорошо  ли  поддерживается  выбранный  формат каждой системой?

Эстетичность Что  определяет  эстетичность  Web-страницы?  Очевидно,  мы  должны  снова  обратиться  к аудитории,  для  которой  предназначена  эта  страница.  Например,  то,  что  понравится  детям,  взрослым  людям  может  прийтись  не  по  вкусу.  Вот  некоторые  ключевые  вопросы, которые  следует  обдумать: •  Есть ли  на странице  свободное  место,  или она сплошь  загромождена цветом, текстом и изображениями? •  Приятно ли  глядеть  на эту  страницу,  или  она не  вызывает никаких чувств? •  Разумеется,  значительная  прокрутка  страницы  нежелательна,  но  стоит  ли  ради  ее исключения  уплотнять  содержимое  в  небольшой  области  страницы?  Может  быть, лучше  разделить  информацию? •  Насколько  привлекателен  дизайн  страницы,  захотят  ли  посетители  просмотреть  ее целиком?  Или же  все  содержимое  сконцентрировано  в  одной  области? •  Есть  ли  на  странице  ссылки?  Гармонируют  ли  цвета  ссылок  с  выбранной  цветовой схемой?  Не  мешают ли  подчеркнутые  ссылки  просмотру? •  Удобочитаем  ли  шрифт?  Размер  шрифта  должен  быть  достаточно  велик,  чтобы  прочитать  его  мог любой  посетитель,  но  и  не  настолько большим,  чтобы удлинить страницу  сверх  меры.  Кроме  того,  шрифты  должны  поддерживаться  всеми  браузерами,  и их  мог  читать  любой  посетитель  (помните,  что  сеть  Web  интернационачьна).

Конструирование страницы Если  вы  еще  не  создали  свой  сайт,  либо  задумали  его  перестройку,  анализ  дизайна  страницы  можно  начать  с  вычерчивания  страницы  на  листе  бумаги.  Такой  чертеж  позволит вам  уяснить,  какую  страницу  вы  планируете  создать,  и  с  этого  момента  создание  прототипа  страницы  будет  детской  забавой  (особенно  если  для  проектирования  использовать некоторые  дополнительные  средства  редакторов  HTML).  Более  того,  рисунок  страницы помогает  обнаружить  всевозможные  ловушки  еще  до  того,  как  вы  затратите  время  на создание  страниц и  заполнение  их  содержимым. Что  мы  имеем  в  виду  под вычерчиванием?  Взгляните на  Рис.  1.3.  Как  видите,  вы  можете оценить  размер  графических  изображений  и  объем  текста,  которые  можно  включить  в страницу,  и  так  далее.  На  этом  этапе  вы  можете  даже  применить  к  тексту  цвета  и  убедиться,  что  ваш  сайт  не  войдет  в  число  тех  сайтов,  которые  «лучше  всего  смотрятся  в солнцезащитных очках».

ГЛАВА 1.  Анализ Web-страниц

27

Заголовок страницы

Раздражающий  рекламный баннер (который нее будут игнорировать)

Содержимое страницы

Замечание об авторских правах, контактная информация и т.п.

Рис.  1.3.  Вычерчивание страницы Начните  с  вычерчивания  пользовательского  интерфейса  сайта.  Затем  тщательно  просмотрите  страницу  и  убедитесь,  что  вы  можете  быстро  найти  все,  что  на  ней  есть.  Проверьте,  что  не  забыли  включить  свою  контактную  информацию,  средства  навигации  и сведения  об  авторских  правах.  Создав  структуру,  которая  покажется  вам  работоспособной,  направьте  ее  в  ваш  редактор  HTML.  Выберите  цветовую  схему,  размеры  и  цвета шрифтов,  и  т.д.  Оцените  общую  эстетичность  и  убедитесь,  что  для  просмотра  всего  содержимого  не  требуется  значительная  вертикальная  прокрутка,  а  горизонтальная  прокрутка  полностью  исключена. Кроме  того,  не  загромождайте  экран.  Присмотритесь,  нет  ли  на  странице  какой-либо области  с  избытком  содержимого?  Структура  страницы  должна  быть  такой,  чтобы  ваш взгляд  плавно  скользил  по  всему  содержимому,  не  останавливаясь  на  каком-то  одном разделе.

Включение  на  страницу  контактной  информации Встречалась ли  вам  когда-либо  страница,  авторы  которой  приглашают  связаться  с  ними, но  не  предлагают  для  этого  никаких  средств?  А  как  вам  нравятся  формы  для  отзывов, которые  вообще  не  работают  и  не  позволяют  связаться  с  веб-мастером?  Такие  страницы вызывают  раздражение  и  уж  никак  не  побуждают  возвращаться  на  сайт. Создавая  каждую  страницу,  обязательно  поместите  в  нее  ссылку  на  контактную  страницу,  либо  предложите  какой-то  иной  способ  связаться  с  вами.  Если  вам  досаждают  спаммеры,  вынюхивающие  адреса электронной  почты  и  злоупотребляющие  ими,  то  поместите  на  страницу только  адреса  обычной  почты  или  номера  телефонов,  Кроме  того,  вы  можете  скрыть  свои  адреса  электронной  почты  с  помощью  специальных  сценариев JavaScript или Perl.

Эффективный Web-сайт Разумеется,  не  стоит  ограничивать  контактную  информацию  одним  или  двумя  адресами электронной  почты.  Разрешите  своим  заказчикам,  при  желании,  снестись  с  вами  по  телефону,  обычной  почте  или  факсу.

Проблемы авторских прав Извещение  об  авторских  правах  должно  быть  на  каждой  странице  сайта.  В  крайнем  случае,  вы  можете  поместить  на  первую  страницу  такое  извещение,  которое  защищает  остальные  страницы  внутри  сайта.  Зачем  это  надо? Ну,  во-первых,  некоторые  люди  верят,  что  уведомление  об  авторских  правах  придает страницам  солидность.  Даже  если  содержимое  страницы  не  слишком  ценно  и  не  стоит таких  хлопот,  уведомление  о  наличии  авторских  прав  повышает  ее  ценность  в  глазах людей. Однако,  если копирование содержимого вашего сайта, либо сайтов, которые находятся  у  вас  на  хостинге,  чревато  юридическими  проблемами,  обязательно  опубликуйте  уведомление  о  защите  авторских  прав  и  поместите  на  свои  страницы  броскую  ссылку. Во-вторых,  некоторые  поисковые  каталоги  оказывают  предпочтение  страницам  с  извещениями  об  авторских  правах.  Мы  обсудим  этот  вопрос  глубже  в  Части  4,  посвященной созданию  Web-сайтов,  дружественным  к  машинам  поиска. Даже  если  ваши  страницы  сразу  же  после  создания  были  защищены  авторскими  правами,  уведомить  об  этом  никогда  не  поздно,  чтобы  напомнить  Web-серферам  о  законе  до того,  как  они  нарушат  авторские  права. Помните,  что  извещение  об  авторских  правах  не  защитит  ваше  содержимое. L  Ваш  код  ненадежен,  если  вы  не  использовали  специальную  программу  или  прие|  мы  кодирования,  скрывающие  код  HTML

Интерактивные  возможности Способность  к  интерактивности,  т.е.  к  обратной  связи  с  аудиторией  в  режиме  реального времени-  это  лучшее,  что  есть  в  бурно  растущей  сети  Web.  Деловые  сайты  не  имеют права  пренебрегать  теми  выгодами,  которые  несут  такие  технологии,  как  формы,  сценарии,  элементы  ActiveX,  апплеты  Java  и  т.д.  Если  ваша  страница  позволяет  пользователям общаться  с  вами  и  друг  с  другом,  то  посещаемость  сайта  начнет  расти. Но  опять  же,  все  хорошо  в  меру.  Если  вы  перестараетесь  с  интерактивностью,  сайт утратит свою  привлекательность,  поскольку станет  слишком  сложным  или  бесполезным. Хорошее  практическое  правило  состоит  в  том,  что  на  одной  странице  допустимо  использовать  только  один,  самое  большее,  два,  инструмента  интерактивного  взаимодействия.  Это  сводит  к минимуму  активность  на  каждой  странице,  и  ваш  пользователь  не  будет  отвлекаться  от  содержимого. Еще  одна  потенциальная  ловушка,  связанная  с  интерактивными  страницами,  заключается  в  замедлении  загрузки.  Сценарии,  апплеты,  предварительная  обработка  страниц  и  так далее,  могут  значительно  удлинить  загрузку  вашей  страницы.  Вряд  ли  вашим  пользова-

ГЛАВА 1. Анализ Web-страниц телям  понравится  ожидать  загрузки  всей  страницы  из-за  какого-то  апплета,  который может быть даже  бесполезным для  содержимого  страницы. Какого  рода  интерактивные  средства  вы  можете  использовать?  Подробнее  мы  обсудим эту  тему  в  Главе  4,  посвященной  установке  на  сайте  опросов,  дискуссий  и  других средств  привлечения  посетителей,  и  в  Главе  7,  в  которой  обсудим  возможности  онлайновых  сообществ.  Ну,  а пока  мы  предлагаем  вам  список  потенциально  возможных  родов деятельности,  которые  могут заинтересовать  вашу  аудиторию; •  Опросы  позволяют  вашим  посетителям  общаться  друг  с  другом,  выражая  собственное  мнение  по  некоторой  проблеме.  В  зависимости  от  аудитории,  темой  опроса  может быть все  что угодно:  от совершенной чепухи до  серьезной  проблемы. •  Области  чатов  позволяют  посетителям  обсуждать  в  режиме  реального  времени  вопросы, касающиеся ваших продуктов или вашего онлайнового сообщества. •  Области  досок  объявлений  предоставляют  два  инструмента.  Во-первых,  здесь  множество  заказчиков  или  посетителей  могут  взаимодействовать  друг  с  другом,  обсуждая  любые  темы,  затрагивающие  вашу  компанию,  производство  и т.д.  Во-вторых,  эти дискуссии  сохраняются  в  архиве,  доступном  для  поиска  внутри  вашего  сайта  или машинам  поиска.  Доска  объявлений  может  по  совместительству  использоваться  как гостевая  книга. •  Если  вы  создаете  портальный  сайт  (в  качестве  примера  взгляните  на  сайт Yahool.com),  то  вы  можете  предлагать  такие  услуги,  как  электронная  почта,  бесплатный  хостинг  Web-страниц,  аукционы,  карты,  сообщества  и  т.д.  Пользователи  часто выбирают  портальные  сайты  в  качестве  начальной  или  домашней  страницы  своих браузеров,  поскольку  такие  сайты  предоставляют  быстрый  доступ  к  различным  областям  или  инструментам. •  Дискуссии  дают  возможность  получать  отзывы  посетителей  о  вашем  сайте,  а  заодно и  советы  по  его улучшению.

Анализ сайтов конкурентов Анализ  собственной  страницы  можно  начать  с  просмотра  сайтов  конкурентов.  Это  не всегда  возможно,  если  вы  предлагаете  свои  деловые  услуги  с  использованием  защищенных  областей  сайта.  Однако  вы  можете  найти  схожие  услуги,  предоставляемые  посетителям  Web  в онлайновом  режиме.  Просмотрите  эти сайты  и найдите,  какие  новые технологии  и  преимущества  они  предлагают. Вот что вы должны  продумать,  просматривая сайты  других компаний: •  Просмотрите  общую  структуру  страниц.  Привлекательна  ли  эта  страница,  побуждает ли  она  просмотреть  все  содержимое  или  только  конкретные  области,  оставляя  в  тени другие  важные  элементы? •  Какого  рода  интерактивные  средства  предоставляют  эти  сайты  (если  предоставляют вообще)? •  Эффективна  ли  графика  страниц?  Если  да,  то  какого  она  рода  и  как  часто  используется?

30 

Эффективный Web-сайт

•  Есть  ли  на  странице  что-нибудь  такое,  что  отвлекает  посетителя  от  содержимого? Нет ли там такого,  что  послужит вам  примером эффективного  использования дизайна страниц? •  Каково  время  загрузки  страницы? •  Есть  ли  на  каждой  странице  контактная  информация?  Если  да,  то  какого  рода  эта информация, каков ее формат (адреса электронной почты, сценарий, форма)? I/  Можете  ли  вы  за  несколько  секунд  легко  найти  информацию,  нужную  вам  на  этой странице?

Инструменты  для  анализа  и  разработки  Web-страниц Ниже  перечислены  некоторые  программы,  которые  помогут  вам  проектировать  Webстраницы.  Помните,  однако,  что  эти  инструменты  только  облегчат  вам  создание  дизайна и  содержимого  страницы,  но вы должны дважды  проверить  код HTML во всем,  что касается опасных элементов дизайна, таких,  как абсолютная ширина таблицы. •  Microsoft  FrontPage -  http://www.microsoft.com/frontpage •  BBEdit -  http://www.bbedit.com/products/bbedit.html •  Macromedia Dreamweaver- http://www.macromedia.com/software/dreamweaver •  Allaire  HomeSite  -  http://www.allaire.com/homesite •  Arachnophilia  -  http://www.arachnoid.com/arachnophilia Следующие  браузеры  помогут  вам  анализировать  структуру  и  эстетичность  страниц  на разных  платформах; •  Netscape Navigator - http://www.netscape.com/download/prodinfonfs_1 .html •  Microsoft  Internet  Explorer  -  http://www.microsoft.com/windows/ie • 

Lynx  -  http://www.lynx.browser.org

•  Opera  -  http://www.opera.com •  HotJava-  http://java.sun.com/products/hotjava •  Web  TV  Viewer  -  http://developer.webtv.net/designrtools/viewer/ •  Konquerer-  http://www2.jorsm.com/-mosfet/screenshots.html

Заключение Эффективность  отдельных  страниц сайта  зависит  от  многих элементов,  в  том  числе  структуры,  цветов,  шрифтов,  ссылок  и  графики.  Разумеется,  не  каждая  страница  может  или должна следовать принципам,  описанным в этой главе,  но вы должны знать потенциальные ловушки, связанные с использованием в дизайне страницы некоторых элементов. Чтобы  ни  один  пользователь  не  ушел  с  сайта  разочарованным,  обязательно  тестируйте свои страницы во всех возможных браузерах и платформах.

Г Л А В А  2 .

Анализ  структуры  сайта для  достижения максимальной  доступности В этой  главе: •  Проблемы  навигации •  Преобразование  логической  структуры  в  разделы  сайта •  Использование  карты  сайта •  Использование  машин  поиска  по  сайту •  Web-сайт,  управляемый  базой данных •  Использование  интрасетей,  экстрасетей  и  Интернета для  работы  с  множеством  заказчиков •  Настройка  структуры  сайта •  Поиск  правильной  технологии Кроме  анализа  отдельных  страниц  сайта,  обсуждавшегося  в  Главе  1,  для  достижения успеха  вашего  сайта  критически  важно  представлять,  какой  вклад  вносят эти  страницы  в эффективность  всего  сайта.  В  данной  главе  мы  обсудим  вопросы  такого  рода,  начиная  от взаимосвязи  между  структурой  и  организацией  сайта  (как  той,  что  вы  видите  на  экране, так  и  скрытой за  "сценой")  и  заканчивая  проблемами доступности  информации  сайта для ваших  пользователей. Несомненно,  на  курсах  по  Web-дизайну  вы  изучали  эффективные  пути  создания  и  развития  Web-сайта.  Но  сколько  раз  при  посещении  какого-нибудь  сайта  вы  не  смогли  найти то,  что  искали?  Можно  ли  назвать  разработчиков  таких  сайтов  профессиональными Web-дизайнерами?  Иногда,  пытаясь  побыстрее  создать  работающий  и  функциональный онлайновый  бизнес,  мы  опускаем  факторы,  от  которых  в  значительной  степени  зависит общая  эффективность  сайта. Конечно,  чтобы  информация  из  этой  главы  в  перспективе  принесла  вам  выгоду,  вы должны  поставить  себя  на  место  своих  пользователей  и  задать  себе  примерно  такие  вопросы:  Могут  ли  мои  потенциальные  заказчики  найти  то,  что  они  ищут,  после  того  как придут на мой сайт,  или я теряю  поток  посетителей,  поскольку пришедшие на мой  сайт люди  не  находят  для  себя  ничего  полезного?  Напомним,  что  у  вас  есть  всего  50  секунд, чтобы  заинтересовать  посетителей  и  побудить  их  задержаться  на  сайте. Насколько  проста  навигация  по  вашему  Web-сайту,  и  какие  средства  навигации  вы  используете  для  переходов  между  страницами?  Насколько  эффективны  эти  средства,  и  как можно  повысить  их  эффективность?  Используете  ли  вы  машины  поиска  по  сайту?  Есть ли  у  вас  карта  сайта? Если  для  обеспечения  работы  сайта  вы  используете  базу  данных,  у  вас  появляются  дополнительные  проблемы,  о  которых  мы  также  поговорим  в  этой  главе.  Кроме  того,  мы обсудим  различные  проблемы  Web-дизайна,  связанные  с  функциональностью  сайта,

32 

Эффективный Web-сайт

поясним,  как  можно  разделить  содержимое  сайта  для  улучшения  его  функциональных возможностей  и  кратко  опишем  новейшие  технологии  и  инструменты,  которые  помогут вам  решать специфические  проблемы  вашего  сайта.

Проблемы  навигации  по Web-сайту Принимая  решение  о  том,  какая  система  навигации  будет  лучше  всего  работать  на  вашем  Web-сайте,  руководствуйтесь  важнейшим  принципом:  простота! Помните,  что  наибольшее  число  посетителей  любого  сайта  составляют  неопытные  пользователи  Интернета.  Конечно,  они  могут  остановиться,  чтобы  "поохать  и  поахать"  над вашими  причудливыми  значками  и  инструментами  прокрутки  страниц,  однако  реально им  нужно  не  это,  а  возможность  перемещаться  по  вашему  сайту  самым  простым  и  быстрым  способом. Поэтому  не  пытайтесь  поразить  своих  зрителей  причудливой  системой  навигации.  Напротив,  создайте  простую  и  функциональную  систему.  Подумайте,  что  более  всего  цените  в  любом  Web-сайте  вы  лично.  Вам  нужно  найти  то,  что  вы  ищете.  То  же  самое нужно и вашим  посетителям. Одним  из  лучших  подходов  к  анализу  эффективности  системы  навигации  является  ее вычерчивание  на  листе  бумаги.  Изучая  свой  рисунок  на  бумаге,  вы  зачастую  можете обнаружить  такие  прорехи  в  системе  навигации,  которые  при  ином  подходе  можно  не заметить. Две  другие  ключевые  задачи  заключаются  в  организации  на  вашем  сайте  оптимальных связей между страницами  и  создании средств  навигации,  предоставляемых посетителям. Процедуры  перемещения  посетителей  из  одного  места  сайта  в  другое  ни  в  коем  случае не  должны  быть  испытанием  для  их  терпения.  Наоборот,  такой  переход  должен  вознаграждать  посетителей  ценной  информацией  и  вызывать  у  них  ощущения  легкости  и  непринужденности,  что  побудит  их  задержаться  на  вашем  сайте  подольше  -  а  не  уходить из  сайта  с  чувством  разочарования  и  досады.  В  этом  разделе  мы  обсудим  множество проблем,  требующих  размышления,  а  также  дадим  рекомендации,  которые  помогут  вам создать хорошо  структурированную  и  полнофункциональную  систему  навигации.

Рисунок  сайта Рисуя  свой  Web-сайт  на  листе  бумаги,  продумайте,  какие  Web-страницы  сайта  являются важнейшими  и  как  они  связаны  с  главной  страницей.  Есть ли  на  главной  странице  ссылки  на  все  основные  разделы  вашего  Web-сайта? Убедитесь,  что  все  важные  страницы  вашего  Web-сайта  можно  достичь  из главной  страницы  не  более  чем  тремя  щелчками  мышью.  Почему?  Потому,  что чем  больше  "поворотов  и  дверей",  через  которые  должны  пробираться  ваши посетители,  чтобы  найти  то,  что  они  ищут,  тем  с  большей  вероятностью вы потеряете их на этом пути.

ГЛАВА 2.  Анализ структуры сайта

33

Поэтому  прямо  сейчас  задержитесь  на  несколько  минут  и  нарисуйте  на  бумаге  свой  реально  существующий  Web-сайт. Что  мы  подразумеваем  под  рисунком  существующего  Web-сайта?  А  вот  что.  Сначала нарисуйте  главную,  или  домашнюю,  страницу  (в  виде  прямоугольника)  и  пририсуйте  к ней  все  ссылки  (линии  со  стрелками),  ведущие  с  главной  страницы  на  другие  страницы сайта.  Не  стоит заботиться  о  ссылках,  которые  направляют  заказчиков  на  другие  сайты, думайте  только  о  ссылках  внутри  вашего  сайта. На  Рис.  2.1  показано,  как  можно  вычертить  сайт  па  бумаге.  Обратите  внимание  на  то, что  любую  страницу  можно  достичь  с  главной  страницы  не  более  чем  двумя  щелчками мыши. YeOldWidgetShoppe.com

Рис.  2.1  Начертите сайт  и убедитесь,  что любую  страницу  сайта можно открыть  не  более  чем  тремя  щелчками мыши Изучая  Рис.  2.1,  обратите  внимание  на  то,  что  каждая  страница  посвящена  одной  отдельной  теме.  В  идеале,  именно  к такой  компоновке Web-сайта с  разделением  данных  по страницам,  вы  должны  стремиться.  В  Главе  17,  где  обсуждается  важность  применения машин поиска для онлайнового бизнеса,  вы  изучите основные машины  поиска и узнаете, почему разделение  данных  имеет такое  значение. Какие  еще  страницы  есть  на  вашем  сайте?  Если  эти  страницы  важны,  можно  ли  изменить  средства  навигации  сайта  так,  чтобы  эти  страницы  можно  было  открыть  не  более чем  тремя  щелчками  мыши?  Пометьте  в  своем  рисунке  те  области,  которые  хотите  изменить.

2-169В

Эффективный Web-сайт

Возможность  возврата на предыдущую  страницу Рассматривая  вопросы  навигации  по  сайту,  всегда  помните,  что  вам  следует  организовать  перемещение  ваших  посетителей  по  сайту  в  логической  последовательности,  особенно  в  тех  областях,  которые  критически  важны  для  бизнеса,  например,  в  области  с тележками  покупателя. Всегда  используйте  естественную  последовательность  перехода  со  страницы  на  страницу. Если  в  тексте  вашей  страницы  упоминается  вопрос,  рассмотренный  в  другой  области сайта,  то  обязательно  установите  ссылку  на  эту  область.  Затем  обеспечьте  способ  возврата,  чтобы  ваши  посетители  могли  вернуться  назад в то место,  где  они были ранее. Чтобы  вернуть  посетителей  на  предыдущую  страницу,  можно  поместить  на .  страницу  такой  код  JavaScript: ' 

Return  To  The  Previous  Page Просто  поместите  внизу  страницы  текстовую  строку,  подобную  Return  to  the Previous  Page  (Вернуться  на  предыдущую  страницу),  которая  использована  в этом  примере,  и  ваши  посетители  смогут  легко  вернуться  на  страницу,  которую только что просматривали. Где в  вашем  сайте помещена тележка покупателя, и как к  ней добраться средствами навигации  о  сайту?  Могут ли  посетители  получить  доступ  к  тележке  покупателя  из  каждой страницы  товаров  или  услуг?  Мы  обсудим  тележки  покупателя  в  Главе  13,  посвященной проблеме  эффективности  использования  этих  тележек,  однако  уже  сейчас  вы  должны продумать  систему  навигации  ваших  посетителей  по торговым  залам  сайта.

Тестирование системы навигации по сайту На  следующем  этапе  проанализируйте  элементы  системы  навигации  вашего  сайта  и убедитесь,  что  эта  система  позволяет  вашим  пользователям  переходить  в  нужное  им  место сайта.  На  какие области  сайта вы установили  ссылки? Есть ли  на  сайте другие области, которые,  возможно,  необходимо  включить  в  навигационную  панель  сайта?  Пометьте  все области, которые, возможно, нуждаться в улучшении. I  Согласно  Якобу  Нельсену  (Jakob  Nielsen),  который  считается  лучшим  специалистом  по  разработке  Web-сайтов,  "отсутствие  навигационной  поддержки" является  одной  из  10  ошибок  Web-дизайна.  Вот  что  он  заявляет  на  своем : -  Web-сайте  useit.com  (http://www.useit.com):  "Не  думайте,  что  пользователи знают  ваш  сайт  так  же  хорошо,  как  вы.  При  поиске  информации  они  всегда .  сталкиваются  с  трудностями,  и  поэтому им  нужна  поддержка  в  форме отчет;;  ливого  ощущения  структуры  сайта  и  своего  местонахождения". Теперь  рассмотрим  пример  Web-сайта  с  эффективной  навигационной  системой.  На Рис.  2.2  показана  домашняя  страница  издательства  Prima  Publishing  по  адресу http://www.primapublishing.com.

ГЛАВА 2. Анализ структуры сайта

35

о pntnapubjifshinii.com т ^^_^^„_„  ж _ЛЯ.^—_ЛЯ—^1_Л.2Г._ . 

ъГ

.  2.2. Домашняя  страница издательства Prima  Publishing Обратите  внимание,  что  на  этой  домашней  странице  предусмотрены  такие  важные  элементы с истемы н авигации; •  Машина  поиска  по  сайту (Search) •  Карта сайта  (Site  Map} •  Страница  FAQ  (часто  задаваемых  вопросов) •  Страница About Prima Publishing (Об издательстве Prima Publishing) •  Страница  Sales  &  Orders  (Продажа  и  заказы) •  Страница  Job  Opportunities  (Вакансии) •  Страница  Are  You  an  Author?  (Страница  автора) •  Страница Corporate Info (Корпоративная  информация) •  Новинки  издательства •  Новости  Web-сайта Если  вы  интересуетесь  какой-то  серией  книг  издательства  Prima  или  работаете  на  издательство,  пишите  для  него  или  просто  просматриваете  новости  компании,  вы  легко  и быстро  найдете  эти ссылки  на главной странице  сайта.  Точно так же должен быть устроен и ваш сайт.

Контроль  зависших  ссылок Другое  очень  важное  замечание  относится  к  оборванным  ссылкам  на  вашем  сайте.  Вы должны убедиться, что  каждая страница на сайте,  как малозначительная, так и критически важная,  имеет ссылку на другие важные страницы сайта.  Ключевые ссылки ведут на домашнюю  страницу  и  главную  страницу  того  раздела,  который  в  данный  момент  просматривает  пользователь.  Страницы,  ссылки  на  которые  ведут  в  тупик,  побуждают  ваших посетителей покинуть сайт.

36 

Эффективный Web-сайт

Предположим,  что  Бетти  Браузер  (Betty  Browser)  хочет  просмотреть  вакансии,  которые имеются  в  настоящее  время  в  вашей  компании,  и  поэтому  она  переходит  в  область  Jobs (Вакансии).  В  область Jobs  (Вакансии)  вы  помещаете  точные  ссылки  на  информацию  о местоположении  компании,  льготы,  распорядок  работы  и  собственно  вакансии.  С  каждой  страницы,  на  которую  Бетти  может  попасть  из  этого  раздела,  она  может  вернуться на  главную  страницу  Jobs  (Вакансии),  на  домашнюю  страницу,  и,  возможно,  вернуться к списку вакансий. 5  I  \  I  I  1 

Когда  пользователи  ведут  поиск  по  каталогам  с  помощью  машин  поиска,  они могут  случайно  натолкнуться  на  внутреннюю  страницу вашего  сайта.  Если  им понравится  то,  что  они увидят на  этой  странице,  и  им захочется найти вашу домашнюю  страницу,  не  заставляйте  их  вводить  ваш  URL  или  даже  догадываться,  иуда  они  должны  идти  с  этой  внутренней  страницы.  Предоставьте  им явную  ссылку,  позволяющую  перейти  к основным  элементам  сайта.

Список вопросов для анализа навигации Разрабатывая систему навигации по вашему сайту, задайте себе следующие вопросы: •  Могут  ли  посетители,  впервые  попавшие  на  мою  главную  страницу,  легко  найти  путь к  конкретному разделу  сайта,  который  их заинтересован? Найдите  несколько  человек,  которые  никогда  не  посещати  ваш  сайт,  и  попросите  их нанести  визит.  Предложите  им  поискать  что-нибудь  и  посмотрите,  смогут  ли  они найти  это  быстро  и  легко.  Если  не  смогут,  ваша  система  навигации  нуждается  в  доработке. •  Предусмотрели  ли  вы  бросающуюся  в  глаза  ссылку  на  карту  сайта?  (Карты  сайта обсуждаются  далее  в  этой  главе), •  На каждой ли странице сайта есть навигационная панель или кнопки? •  Расположены  ли  навигационная  панель  или  кнопки  в  одном  и том  же  месте на каждой  странице  сайта,  чтобы  посетители  знали,  где  их  искать?  Не  заставляйте  посетителей  искать  средства  навигации! •  Нужно ли вам добавить в навигационную панель какие-либо другие элементы? •  Насколько  ясны  надписи  на  вашей  навигационной  панели?  Другими  словами,  убедитесь,  что  надписи  на  панели  указывают  посетителям  именно  на  то,  что  содержится  в той  области. Допустим, вы продаете программы, а также консультируете по вопросам их применения, но  ваша  навигационная  панель  содержит  только  надпись  "Software"  (Программное обеспечение)  или  "Programs"  (Программы).  Откуда  же  посетители  смогут узнать,  где  им искать  информацию  о  ваших  консультационных  услугах?  Лучше  использовать  другую надпись,  скажем,  "Products  and  Services"  (Товары  и  услуги);  тогда  ваши  посетители будут точно знать,  что  они  найдут,  если щелкнут мышью  на этой ссылке. ^  Есть  ли  средства  навигации  для  перехода  в  начало  и  конец  ваших  страниц?  Если страницы  длинные,  такие  средства,  безусловно,  необходимы,  чтобы  не  заставлять  посетителей  прокручивать страницу вверх или вниз,

ГЛАВА  2.  Анализ  структуры  сайта •  Вот  еще  вопрос  для  обдумывания.  Что  увидят  ваши  посетители,  впервые  попав  на страницу  и  даже  еще  не  прокрутив  ее?  Есть ли  на этой  части  страницы  (над  складкой, как  это  называют)  средства  навигации,  достаточные  для  перехода  в  любое  место сайта? Они должны  быть здесь обязательно! •  Внимательно  изучите  средства  навигации  в  торговом  зале  сайта.  Могут  ли  ваши  посетители легко  и быстро  положить  какой-либо  предмет в  электронную тележку,  а затем  продолжать покупки? Могут ли они в любой момент оплатить покупки,  щелкнув мышью  на кнопке  "Check out"  (Подтвердить)?  Более  полную  информацию о  проблемах  электронной  коммерции  можно  найти  в  Части  IV,  посвященной  этой  теме,  но сейчас серьезно продумайте эти аспекты системы навигации, •  Изучите  системы  навигации  крупных  сайтов  электронной  коммерции,  таких,  как Amazon  (http://www.amazon.com)  или  Barnes&Noble  (http://www.bn.com/)-  Когда  покупатель  кладет  товар  в  электронную  тележку,  то  у  него  должна  быть  возможность выбрать вариант дальнейших действий: сразу оплатить товары, продолжать покупки. сохранить товары  в электронной тележке,  и т.д.  Такая  гибкость необходима для того, чтобы  посетители  могли  приобретать  товары  быстро,  не  затрачивая  время  впустую. Благодаря  такому  дополнительному  удобству,  ваши  посетители,  когда  они  впоследствии  вернутся  на  сайт,  приобретут  больше  товаров.  Кроме  того,  даже  на  этих  страницах  электронных  тележек  предусмотрены  ссылки  на  все  основные  области  сайта. Поэтому, если посетители решают продолжить покупки, то им не придется для этого возвращаться  на домашнюю  страницу сайта. •  Можно  ли  из  главной  страницы  открыть  любую  значительную  страницу  Web-сайта не  более  чем  тремя  щелчками  мыши?  Это  важно  не только для  удобства  навигации, но  и  для  работы  машин  поиска,  о  которых  мы  поговорим  в  Части  IV,  посвященной установке машин поиска на Web-сайтах. •  На каждой ли  странице  есть  ссылка на одну  из  важнейших  страниц сайта,  чтобы  посетители не попадали на тупиковые страницы?

Преобразование  логической  структуры  в  разделы  сайта Сколько  раз  вам  доводилось  попадать  на Web-сайты,  где  вы  не  могли  найти  то,  что  вам нужно?  Вы  знаете,  что  эта  вещь  где-то  здесь,  но  не  можете  отыскать  ее  за  разумный  период времени. А  могут ли  посетители  вашего  Web-сайта  найти  то,  что  ищут?  Вы  гарантируете? Мы  уже  обсуждали  проблемы  эффективности  системы  навигации  сайта.  Но  кроме  этого, вы должны  обдумать и другие способы  оказания  помощи  посетителям  сайта, желающим найти  нужную  вещь.  Например,  число  щелчков  мышью  для  перехода  в  нужное  место сайта  в  значительной  степени  зависит  от  организации  сайта  в  виде  разделов  с  определенной  тематикой  (см.  Рис.  2.1).  Кроме  того>  такая  организация  сайта  придает  ему  четкую логическую структуру,  и вы  сможете отразить эту структуру в домашней странице и физической структуре сайта.

38 

Эффективный Web-сайт

Раздел  "О  нас" Страница  "О  нас"  является  одной  из  важнейших  информационных  областей  сайта.  Вы должны  обязательно  предоставить  посетителям  информацию  о  вашей  компании,  ее  товарах  и  услугах.  Необходимо  доказать  потенциальным  посетителям,  что  они  могут  доверять  вам  и  вашим  предложениям.  Поэтому,  еще до того,  как  потенциальный  покупатель решит  приобрести  ваши  товары  и  услуги,  нужно  предоставить  ему  достаточно  полную информацию  о  вашей  компании  и  ее  стандартах  обслуживания.  Если  же  вы  пренебрежете аспектами  "комфортности"  посетителя сайта,  ваш онлайновый бизнес  погибнет. В  области  "О  нас"  вы  можете  предоставить,  например,  такую  информацию,  как  ... • Пресс-релизы. •  Перечень  отделов  вашей  компании  и  номера  их  телефонов,  физические  адреса  и  адреса электронной почты. •  Карт}'  с  местоположением  главного  офиса. •  Список  местных офисов,  а также  контактную  информацию, •  Список  руководителей  компании  и  членов  правления. •  Историю  компании, • Ваши цели. •  Ваши  планы  на  будущее. • В ажнейшие п артнеры. I/  Информацию  о  филиалах. • 

Информационные  объявления.

•  Информацию  о  найме  сотрудников. •  Контактную информацию для решения  специфичных проблем Web-сайта. I/  Котировки акций  или другую информацию, интересующую инвесторов. Убедитесь,  что  ссылка  на  ваш  раздел  "О  нас"  отчетливо  видима  на  основной  странице сайта.  В  идеальном  случае  эта  ссылка должна  присутствовать  в  системе  навигации  всего сайта. ;  Хороший  пример раздела  "О  нас" (About  Us)  можно найти на  сайте  eBay Auction j  по  адресу  http://pages.ebay.com/community/aboutebay/index.html.

Раздел  с  описанием  товаров  и  услуг Область  с  описанием  предлагаемых товаров  и услуг- еще  один  критически  важный  раздел  Web-сайта.  Поэтому  вы  должны  предоставить  удобные  средства  перехода  в  этот раздел с любой страницы  сайта.

ГЛАВА 2.  Анализ структуры сайта 

39

Если  после  входа  на  главную  страницу  сайта  потенциальный  покупатель  заинтересуются вашими  товарами  и  услугами,  то  в  первую  очередь  он  примется  искать  ссылку  на  эти товары  и  услуги. Сделайте  ссылку  на  область  с  описанием  товаров  и  услуг  отчетливо  видимой  и  яркой, Кроме  того,  эта  ссылка  должна  быть  установлена  в  системе  навигации  так,  чтобы  посетитель  мог  попасть  в  область  с товарами  и  услугами  из любого  места сайта. А что  вы  думаете  о том,  чтобы  поразить  потенциальных  покупателей  новыми товарами или  их  ассортиментом?  Есть  ли  у  вас  хорошо  заметные  ссылки  на  текущие  распродажи. которые  ваша  компания  проводит  прямо  сейчас?  В  Главе  18  мы  обсудим  важность  разделения  данных  для  работы  машин  поиска.  Однако  уже  сейчас  укажем,  что  Web-сайт будет  работать  намного  эффективнее,  если  вы  создадите  отдельные  страницы  для  каждого  своего  товара  и  услуги,  вместо  того  чтобы  собирать  их  вместе  на  одной  длинной странице.  На  главной  странице  просто  коротко  опишите  различные  товары  и  услуги,  а затем свяжите их с отдельными страницами для каждого товара или услуги.

Контактная  информация Одна  из  ошибок  многих  коммерческих  Web-сайтов  состоит  в  том,  что  они  не  предоставляют  посетителям  контактной  информации  на  всех  важных  страницах  сайта.  Вы  должны внушать  потенциальным  покупателям  чувство  доверия,  а  предоставление  контактной информации-  это  один  из  путей  к завоеванию  доверия.  Ваши  посетители  должны  увидеть,  что  у  вас  есть  обычный  почтовый  адрес  и  номер  телефона,  поскольку  ведение  дел  с компанией, присутствующей в "реальном  мире", внушает им чувство безопасности. Некоторые  Web-сайты  предлагают  свой  полный  адрес,  номер  телефона  и  адрес  электронной  почты  на  главной  странице  сайта.  Затем  на  всех  остальных  страницах  они  просто  вставляют  ссылку  "Свяжитесь  с  нами",  которая  ведет  к  адресу  электронной  почты. Помните,  если  ваши  посетители  не  найдут  на  вашем  на  сайте  то,  что  ищут,  они  всегда могут  написать  вам  и  спросить,  но  только  в  том  случае,  если  это  не  составит  им  труда. Поэтому  предоставьте  им  контактную  информацию  и  в  любом  случае  отвечайте  на  получаемые сообщения электронной  почты! Есть  ли  на  вашей  навигационной  панели  ссылка  "Свяжитесь  с  нами"?  Пусть  это  всего лишь  ссылки  на ваши  адреса электронной  почты,  но,  по  крайней  мере,  ваши  посетители смогут  без  труда задать  вам  вопросы,  и  найти  то,  что  они  ищут. Каждый  посетитель  сайта  -  потенциальный  покупатель.  В  отличие  от  обычных  предприятий,  на  Web-сайте  нет  дружелюбного  продавца,  приветствующего  каждого  посетителя у  дверей.  И  если  ваши  посетители  не  могут  быстро  и  легко  находить  нужный  им  товар или задавать  вопросы,  с  большой долей  вероятности вас  ждет разорение.

Обслуживание заказчиков Своим  уже  состоявшимся  покупателям  вы  должны  предоставить  простой  способ  поиска информации  о  тех  товарах  и  услугах,  которые  они  уже  приобрели  у  вашей  компании. И  опять-таки,  на  каждой  главной  странице  вашего  сайта  должна  быть  хорошо  заметная ссылка на область обслуживания заказчиков.

40 

Эффективный Web-сайт

И  в самом  деле,  если  ваша деятельность вызывает нарекания уже  состоявшихся  покупателей,  вам  будет  трудно  убедить  новых  заказчиков  в  том,  что  вы  можете  позаботиться  об их нуждах.

Формы для отзывов Другим  важным  элементом,  который  желательно  поместить  на  каждую  страниц}', является  ссылка  на  форму  для  отзывов,  которая  позволяет заказчикам  получать  конкретные  ответы  на  конкретные  вопросы.  Эта  форма  дает  посетителям  сайта  и  заказчикам  возможность  сообщать  о  своих  проблемах,  вносить  предложения,  задавать вопросы  или  приносить  благодарности  вашей  компании,  высказывать  мнение  о  товарах,  услугах  или  о  сайте.  Чтобы  получить  от  пользователей  конкретный  отклик,  необходимый  вам  для  улучшения  онлайнового  бизнеса,  такая  форма  должна  запрашивать  обширную  информацию.  Например,  вы  можете  запрашивать  у  посетителей  такую  информацию: •  Имя  посетителя  и  какую-либо  контактную  информацию,  которую  он  сочтет  удобным  сообщить  (пусть  посетители,  если  хотят,  остаются  анонимными) •  Попросите  указать,  к  какому  типу  относится  отзыв,  т.е.  что  это  -  предложение, вопрос,  описание  проблемы,  извещение  о  недействующих  ссылках,  отзыв,  требующий  ответа  и  т.д. •  К  какой  области  относится  отзыв -  к сайту  (к  какому  разделу  конкретно?),  к  компании,  к  продукту  и т.д. •  Хочет ли  посетитель  получить  л и ч н ы й  ответ •  Комментарии •  Любая  другая  личная  информация,  относящаяся  к  отзыву  (например,  если  пользователь  извещает  вас  об оборванной  ссылке,  то  можно указать,  какая  именно  ссылка  бездействует) Некоторые  посетители  предпочитают  посылать  электронные  письма,  однако  формы для  отзывов  служат  альтернативой,  которая  позволяет  им  быть  настолько  точными, насколько  они  пожелают,  оставляя  за  вами  совершенствование  Web-сайта,  продукции  или  компании, Область  обслуживания  заказчиков  сайта должна  предоставлять  им  такую  информацию  ... •  Контактную  информацию,  в  том  числе  адреса  электронной  почты  различных  отделов вашей компании, номера телефонов и обычные почтовые адреса. •  Информацию  о  способах  установки  ваших  продуктов,  если  она  нужна. •  Часто  задаваемые  вопросы  (FAQs)  для  каждого  продукта  и  услуги. •  Онлайновое  руководство  пользователей. •  Информацию  о  гарантии  обслуживания. •  Область с советами по устранению неполадок.

ГЛАВА 2.  Анализ структуры сайта 

41_

Напомним,  что  FAQ  -  это  страница  со  списком  часто  задаваемых  вопросов I  (Frequently Asked  Questions)  и  ответами  на  них.  Для  moso  чтобы  начать  создание  страницы  FAQ,  используйте  формы  для  отзывов  пользователей,  либо  задействуйте  свою  группу  тестирования,  для  подготовки  списка  вопросов  о  еа',;  ших услугах,  товарах  или самом сайте. Кроме  того,  чтобы  ваши  заказчики  могли  задавать  вопросы  и  участвовать  в  обсуждении ваших  продуктов  и  услуг,  вы  можете  включить  в  сайт  форум,  который  будут  отслеживать  ваши  служащие. Кроме  этого,  на  сайте  вам  может  пригодиться  онлайновая  форма,  которую  ваши  посетители  смогут  заполнить,  если  нигде  не  смогут  получить  ответы  на  свои  вопросы. Не  менее  важным,  чем  предоставление  информации,  важно  обеспечить  простоту  и  эффективность  навигации  по  вашей  области  обслуживания  заказчиков.  Тщательно  изучите свою  систему  навигации,  и  начертите  ее  на бумаге.  Просмотрите  руководящие указания в  разделе  "Проблемы  навигации"  выше  в  этой  главе.  Убедитесь,  что  ваши  нынешние пользователи  могут  получить  необходимую  помощь  и  собираются  возвращаться  к  вам снова  и  снова,  а также  готовы  рекомендовать  вашу  компанию  другим  людям. j  Пример  удачной  реализации  области  обслуживания  можно  найти  на  странице I  обслуживания  компании  Quaicomm's  Eudora  по  адресу I  http://www.eudors.com/techsupport/.

Использование карты сайта Что  такое  карта  сайта  разные  люди  могут  понимать  по-разному.  Однако  тот  тип  карты сайта,  на  который  ссылаемся  мы.  представляет  собой  простой  список  всех  Web-страниц сайта,  причем заголовки страниц в списке нередко служат ссылками  па эти страницы. Многие  карты  сайтов  имеют  несколько  разделов,  таких,  как  Обслуживание  заказчиков (Customer  Support),  Товары  и  услуги  (Products  and  Services),  Связь  (Contact),  О  нас (About  Us)  и  т.д.  В  каждом  из  этих  разделов  находится  алфавитный  список  Web-страниц, которые  относятся  к данной области.  Кроме того,  карты  сайтов могут подразделяться  на логические  области,  как  это  обсуждалось  выше  в  этой  главе.  Либо,  если  компания  невелика,  алфавитного  списка  страниц  может  оказаться  вполне  достаточно. Карты  сайтов  используются  не  только  на  крупных  Web-сайтах,  Карта  Web-сайта  может принести  пользу  любому  сайту.  Как  вы  увидите  в  Части  IV,  карта  сайта  полезна  не  только  для  целей  навигации,  но  также  критически  важна  для  увеличения  потока  посетителей от машин  поиска. Карту  сайта  можно  представить  себе  следующим  образом.  Вы  должны  предоставить посетителям  как  можно  больше  средств  навигации  по  сайту,  причем  вашим  основным принципом  является  простота.  Карта  сайта  является  дополнительным  средством  навигации  по  Web-сайту,  помогающим  вашим  потенциальным  покупателям  находить  то,  что им  нужно.

Эффективный  Web-сайт

42

Чтобы  получить  представление,  что  именно  следует  включать  в  карту  сайта,  вернемся  к сайту  издательства  Prima  Publishing  (http://www.primapublishing.com/map.asp)  и  рассмотрим  карту  этого  сайта. Как  видно  на  Рис.  2.3,  карта  сайта  издательства  Prima  Publishing  состоит  из  двух  частей, Первой  в  списке  стоит  ссылка  на  страницу  Prima-Tech,  в  которой  представлен  раздел технической  литературы  издательства  Prima  Publishing,  содержащий  информацию  о  каждой  серии  книг  в  этой  области,  продаваемых  издательством.

pmv^ * J*BPVP«BI^P^ в - g *  t '  •••--

prjmapubhsnint].  com

l^ta^^^^fl^M • Ьнмнммм^11*""'

—Appl cations,  Internet, and Ргодгэ-п-п™  Bocks

Рис.  2.З.  Карта сайта  издательства Prima  Publishing Но  как  быть,  если  вы  не  знаете  названий  серий?  Нет  проблем.  Издательство  Prima  предоставляет  также  список  книг  по  категориям,  поэтому  вы  можете  просмотреть  эти  категории  по  таким  областям,  как  Networking  (Сети),  Operating  Systems  (Операционные системы) и Internet (Интернет). Предположим,  что  вы  знаете  фактическое  название  книги.  Тогда  вам  будет  легче  найти нужную  книгу  простым  просмотром  списка  всех  книг  технической  тематики,  издаваемых  Prima  Publishing.  Еще  ниже  на  странице  вы  найдете  ссылку  на  предметный  указатель  всех  технических  книг  издательства  (Index  of  Prima-Tech).  Кроме  того,  здесь  же  вы найдете  ссылки  на  страницы  "Help  &  Information"  (Справка  и  информация),  "Send  Us Your  Comments"  (Пришлите  свои  замечания),  "Book  Proposal  Guidelines"  (Руководство по  выбору  книг),  а  также  Prima-Tech  FAQ  (Часто  задаваемые  вопросы  по  технической литературе). Вы  поняли,  насколько  ценной  может  быть  карта  сайта?  Она  предоставляет  ссылки  на каждый  кусочек  важной  информации,  имеющейся  на  вашем  сайте,  и  найти  ее  не  составляет тру да. Еще  одно  полезное  средство  карты  ссылок  издательства  Prima  Publishing-  навигационная  панель,  расположенная  по  левому  краю  страницы.  Здесь  вы  найдете  ссылки  на страницы  "About  Prima  Publishing"  (Об  издательстве  Prima  Publishing),  "Sales  &  Orders"

ГЛАВА  2.  Анализ  структуры  сайта (Продажа  и  заказы),  "Are  You  an  Author"  (Для  авторов),  "Press  Release  Index"  (Предметный указатель пресс-релизов),  "Latest Books" (Новые  книги),  "Corporate"  (Корпорация) и "Job Opportunities" (Вакансии). Независимо  от  того,  что  могут  искать  посетители  на  сайте  издательства Prima  Publishing, вы  можете  быть  уверены,  что  с  помощью  карты  сайта  они  найдут  это  быстро  и  легко.

Использование  машин  поиска  по  сайту Машины  поиска  по  сайту  служат  еще  одним  средством,  помогающим  посетителям  легко и  быстро  находить  то,  что  они  ищут.  Посетители  могут  ввести  в  машину  запрос  требуемых  данных,  а  машина  поиска  выведет  страницы  в  порядке  важности,  либо  те  страницы, которые она сочтет наиболее близко соответствующими запросу на поиск. Вы  должны  предоставлять  средства  поиска  не  только  на  главной  странице,  но  и  на  каждой  странице  сайта.  Не  вынуждайте  посетителей  возвращаться  на  главную  страницу, чтобы  они  могли  воспользоваться  машиной  поиска. !  l  I  I  It  | | | 1  '  :  •  J

Чтобы проиллюстрировать  важность  использования машины  поиска  по сайту, обратимся  к  исследованиям  Якоба  Нельсона  (Jakob  Nielsen),  опубликованным  на сайте  useit.com  (http://www.useit.com/alertbox/9707b.htmi).  Нельсен  указывает, что  для  поиска  информации  на  Web-сайте  большинство  пользователей  предпочитают  машины  поиска  всем  другим  способам.  Его  доктрина  гласит,  что сайты  с  числом  страниц  более  200  должны  предлагать  на  каждой  странице средства  поиска,  включающие  кнопку  поиска,  и  на  странице  расширенного  поиска  поддержку  средств  глобального  поиска  по  всему  сайту  с  логическими  операциями над запрашиваемыми  данными.

. ,  Исследования  Нельсена  (Nielsen)  показывают,  что  для  навигации  по  сайту  боI  лее  половины  всех  пользователей  используют  машины  поиска,  и  только  пятая |  их часть предпочитает ссылки.  Остальные прибегают к каждому из этих  двух I  способов.  "Пользователи,  предпочитающие  машины  поиска,  при  входе  на  сайт \  обычно  идут  прямо  к  кнопке  поиска:  они  не  интересуются  просмотром  всего j  сайта;  они  сосредоточены  на  задаче  и  хотят  как  можно  быстрее  найти  кон1  кретную  информацию"  ~  говорит  Нельсен  (Nielsen).  "Напротив,  пользователи, I  предпочитающие  ссыпки,  обследуют  с  помощью  ссылок  весь  сайт,  и  даже  когда I  им  нужна  конкретная  информация,  они,  как  правило,  будут  искать  ее,  следуя I  ссылкам  на  домашней  странице". Где можно  найти машину поиска  по сайту,  и  насколько трудно ее установить? Сайт  фирмы  SearchButton  (http://www.searchbutton.com)  предоставляет  машины  поиска, устанавливаемые  на  сайтах  Web;  кроме  того,  фирма  обеспечивает  поддержку  пользователей,  руководя  их  действиями  на  каждом  шаге. Одним  из  преимуществ  машин  поиска  по  сайту,  предоставляемых  фирмой  SearchButton является  доступность  информации,  содержащейся  в  файле  журнала.  Благодаря  этой  информации  вы  можете  проследить,  что  именно  ищут  посетители  после  прибытия  на  ваш сайт.  Мы  рассмотрим  файлы  журналов  для  машин  поиска  по  сайту  более  подробно  в главе  31,  специально  посвященной  этой  теме.

44 

_ 

Эффективный 

Web-сайт

Установка машин поиска на сайте очень проста.  Машины  поиска компании SearchButton просматривают  весь  ваш  сайт  и  индексируют  всю  информацию,  содержащуюся  в  нем, Затем  вам  предоставляется  код,  и  вы  просто вставляете его в код HTML вашей страницы. Вот пример такого кода:



Search for: 





Вам  достаточно  просто  связаться  с  фирмой  SearchButton,  получить  предметный  указатель  ее  машины  для  своего  сайта,  получить  код  HTML,  подобный  приведенному выше,  и вырезать/вставить  этот  код  в  свои  страницы  Web.  Готово!  Вы  получили  собственную машину поиска по сайту!

Web-сайт, управляемый базой данных ЕСЛИ  вы  еще  не  используете  на  своем  сайте  базу  данных,  обдумайте  возможность  ее  установки.  В  настоящее  время  базы  данных  стали  стандартным  элементом  сайтов,  позволяя  обслуживать  динамические  страницы  ваших  покупателей,  в  зависимости  от  того, кем  они  являются  и  что  пытаются  найти.  Кроме  того,  базы  данных  позволяют  отслеживать  активность  вашего  сайта.  Например,  вы  можете  узнать  число  входов  на  вашу  новую страницу  за  неделю,  кто  зарегистрировался  на  чате  сайта,  чтобы  принимать  участие  в обсуждениях,  и  что  именно го содержимого сайта чаще всего загружалось  назтой  неделе.

ГЛАВА 2.  Анализ структуры сайта 

45

Наиболее  общепринятый  способ  привязки  базы  данных  к  Web-сайту-  использование страниц ASP,  которые легко создать с  помощью  приложения V i s u a l  Interdev, либо страниц  РНР.  Имеется  и  несколько  других  способов,  однако  эти  два  формата  обеспечивают весьма мощные  и  эффективные  средства  привязки сайта  к  базе данных.  Страницы  ASP (Active  Server  Pages  -  Активные  страницы  сервера),  исполняются  на  информационном сервере  Интернета  (Internet  Information  Server-  IIS)  фирмы  Microsoft,  либо  с  помощью дополнительных  модулей  на  других  Web-серверах,  таких,  как  Apache.  Страницы  РНР (аббревиатура от  "Personal  Home  Page"  --  "Персональная  домашняя  страница";  так  назывался  язык  РНР  до того, как  приобрел  феноменальную известность) представляют собой препроцессор  гипертекста.  Иными  словами,  когда  сервер  запрашивает  страницу  с  расширением  имени  .php3  или  .php,  Web-сервер,  прежде  чем  передавать  страницу  посетителю,  "читает"  эту страницу и  заполняет ее  нужной  информацией.  Предоставляемая  сервером  информация содержит результаты  запросов  базы  данных. Что  такое  запрос  базы  данных,  и  какого  рода  результаты  мы  имеем  в  виду?  Когда  вы запрашиваете  реляционную  базу  данных,  вы  обычно  запрашиваете  информацию,  которая  заполняет  конкретные  поля  таблицы  базы  данных,  в  которой  каждая  таблица  представляет  собой  некий  набор  специфической  информации.  Предположим,  что  у  вас  есть таблица,  называемая  Widget  (Побрякушки),  которая  содержит  список  товаров этой  разновидности  -  их  названия,  коды  товаров,  цвет,  стиль,  размер  и  оптовая  цена.  Если  вы используете  запросы  на  языке  SQL  (Structured  Query  Language  -  Язык  структурированных запросов), вы можете составить такой запрос SQL базе данных; SELECT widget_name, product_code, color, style, size, price FROM Widget  WHERE  color="red" Этот запрос  возвращает всю  информацию,  включенную  в таблицу Widget  (Побрякушки), для изделий красного цвета, Теперь  давайте  посмотрим,  как  с  помощью  языка  РНР  можно  создать  страницу,  с  помощью  которой  извлекается  информация  обо  всех  изделиях  красного  цвета  а  вашем  каталоге,  хранящемся  в  базе  данных  MySQL.  Приведенный  ниже  код  не  содержит  кода HTML,  который  обычно  окружает  код  РНР,  а  также  не  предусматривает  никакого  контроля ошибок.