Анализ структуры сайта

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

Проблемы навигации по Web-сайту 

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

Рисунок сайта 

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

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

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

Какие еще страницы есть на вашем сайте?

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

Возможность возврата

Рассматривая вопросы навигации по сайту, всегда помните, что вам следует организовать перемещение ваших посетителей по сайту в логической последовательности, особенно в тех областях, которые критически важны для бизнеса, например, в области с тележками покупателя.
Всегда используйте естественную последовательность перехода со страницы на страницу. Если в тексте вашей страницы упоминается вопрос, рассмотренный в другой области сайта, то обязательно установите ссылку на эту область. Затем обеспечьте способ возврата, чтобы ваши посетители могли вернуться назад в то место, где они были ранее. Чтобы вернуть посетителей на предыдущую страницу, можно поместить на страницу такой код JavaScript:
<Н5ха href= "javascript:history.back();" onmouseover= "window.status= 'Return to Previous Page'; return true;"xfont face= "Arial,Helvetica,Geneva,Swiss,SunSans-Regular"> Return To The Previous Page

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

Тестирование системы  

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

Контроль зависших ссылок

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

Структура

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

• Пресс-релизы.

•Перечень отделов вашей компании и номера их телефонов, физические адреса и адреса электронной почты.

• Карту с местоположением главного офиса.

• Список местных офисов, а также контактную информацию.

• Список руководителей компании и членов правления.

• Историю компании.

• Ваши цели. • Ваши планы на будущее.

• Важнейшие партнеры.

•Информацию о филиалах.

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

• Информацию о найме сотрудников.

•Контактную информацию для решения специфичных проблем Web-сайта.

• Котировки акций или другую информацию, интересующую инвесторов.

Убедитесь, что ссылка на ваш раздел "О нас" отчетливо видима на основной странице сайта. В идеальном случае эта ссылка должна присутствовать в системе навигации всего сайта. Хороший пример раздела "О нас" (About Us) можно найти на сайте eBay Auction по адресу http://pages.ebay.com/community/aboutebay/index.html.

Раздел с описанием товаров

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

Контактная информация

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

Обслуживание

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

Формы для отзывов

Другим важным элементом, который желательно поместить на каждую страницу, является ссылка на форму для отзывов, которая позволяет заказчикам получать конкретные ответы на конкретные вопросы. Эта форма дает посетителям сайта и заказчикам возможность сообщать о своих проблемах, вносить предложения, задавать вопросы или приносить благодарности вашей компании, высказывать мнение о товарах, услугах или о сайте. Чтобы получить от пользователей конкретный отклик, необходимый вам для улучшения онлайнового бизнеса, такая форма должна запрашивать обширную информацию. Например, вы можете запрашивать у посетителей такую информацию: • Имя посетителя и какую-либо контактную информацию, которую он сочтет удобным сообщить (пусть посетители, если хотят, остаются анонимными)

• Попросите указать, к какому типу относится отзыв, т.е. что это - предложение, вопрос, описание проблемы, извещение о недействующих ссылках, отзыв, требующий ответа и т.д.

• К какой области относится отзыв - к сайту (к какому разделу конкретно?), к компании, к продукту и т.д.

• Хочет ли посетитель получить личный ответ .

• Комментарии.

• Любая другая личная информация, относящаяся к отзыву (например, если пользователь извещает вас об оборванной ссылке, то можно указать, какая именно ссылка бездействует).

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

• Контактную информацию, в том числе адреса электронной почты различных отделов вашей компании, номера телефонов и обычные почтовые адреса.

• Информацию о способах установки ваших продуктов, если она нужна. • Часто задаваемые вопросы (FAQs) для каждого продукта и услуги.

• Онлайновое руководство пользователей.

• Информацию о гарантии обслуживания.

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

Использование карты сайта 

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

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

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

Использование машин поиска по сайту

Машины поиска по сайту служат еще одним средством, помогающим посетителям легко и быстро находить то, что они ищут. Посетители могут ввести в машину запрос требуемых данных, а машина поиска выведет страницы в порядке важности, либо те страницы, которые она сочтет наиболее близко соответствующими запросу на поиск. Вы должны предоставлять средства поиска не только на главной странице, но и на каждой странице сайта. Не вынуждайте посетителей возвращаться на главную страницу, чтобы они могли воспользоваться машиной поиска. Чтобы проиллюстрировать важность использования машины поиска по сайту, обратимся к исследованиям Якоба Нельсена (Jakob Nielsen), опубликованным на сайте useit.com (http://www.useit.com/alertbox/9707b.htinl). Нельсен указывает, что для поиска информации на Web-сайте большинство пользователей пред- почитают машины поиска всем другим способам. Его доктрина гласит, что сайты с числом страниц более 200 должны предлагать на каждой странице средства поиска, включающие кнопку поиска, и на странице расширенного поиска поддержку средств глобального поиска по всему сайту с логическими операциями над запрашиваемыми данными. Исследования Нельсена (Nielsen) показывают, что для навигации по сайту более половины всех пользователей используют машины поиска, и только пятая их часть предпочитает ссылки. Остальные прибегают к каждому из этих двух способов. "Пользователи, предпочитающие машины поиска, при входе на сайт обычно идут прямо к кнопке поиска: они не интересуются просмотром всего сайта; они сосредоточены на задаче и хотят как можно быстрее найти конкретную информацию" - говорит Нельсен (Nielsen). "Напротив, пользователи, предпочитающие ссылки, обследуют с помощью ссылок весь сайт, и даже когда им нужна конкретная информация, они, как правило, будут искать ее, следуя ссылкам на домашней странице". Где можно найти машину поиска по сайту, и насколько трудно ее установить? Сайт фирмы SearchButton (http://www.searchbutton.com) предоставляет машины поиска, устанавливаемые на сайтах Web; кроме того, фирма обеспечивает поддержку пользователей, руководя их действиями на каждом шаге. Одним из преимуществ машин поиска по сайту, предоставляемых фирмой SearchButton является доступность информации, содержащейся в файле журнала. Благодаря этой ин- формации вы можете проследить, что именно ищут посетители после прибытия на ваш сайт.  

Управляемый базой данных

Если вы еще не используете на своем сайте базу данных, обдумайте возможность ее установки. В настоящее время базы данных стали стандартным элементом сайтов, позволяя обслуживать динамические страницы ваших покупателей, в зависимости от того, кем они являются и что пытаются найти. Кроме того, базы данных позволяют отслеживать активность вашего сайта. Например, вы можете узнать число входов на вашу новую страницу за неделю, кто зарегистрировался на чате сайта, чтобы принимать участие в обсуждениях, и что именно из содержимого сайта чаще всего загружалось на этой неделе. Наиболее общепринятый способ привязки базы данных к Web-сайту- использование страниц ASP, которые легко создать с помощью приложения Visual Interdev, либо страниц РНР. Имеется и несколько других способов, однако эти два формата обеспечивают весьма мощные и эффективные средства привязки сайта к базе данных.
Страницы ASP (Active Server Pages - Активные страницы сервера), исполняются на информационном сервере Интернета (Internet Information Server - IIS) фирмы Microsoft, либо с помощью дополнительных модулей на других Web-серверах, таких, как Apache.
Страницы РНР (аббревиатура от "Personal Home Page" - "Персональная домашняя страница"; так назывался язык РНР до того, как приобрел феноменальную известность) представляют собой препроцессор гипертекста. Иными словами, когда сервер запрашивает страницу с расширением имени .php3 или .php, Web-сервер, прежде чем передавать страницу посетителю, "читает" эту страницу и заполняет ее нужной информацией. Предоставляемая сервером информация содержит результаты запросов базы данных. Давайте рассмотрим этот запрос шаг за шагом.
Вначале вы задаете переменные, которые вам понадобятся при запросе базы данных MySQL. Поэтому вам надо задать имя хоста как localhost. имя пользователя как widget, пароль для доступа к этой базе данных как widgetsrock, и имя базы данных как Widget_Catalog. Наш запрос базы данных, 'SELECT * FROM Widget WHERE color="red"' указывает базе данных вернуть все поля (*) в таблице Widget (Побрякушки), в которых имя поля color (цвет) равно red (красный). Далее вы начинаете использовать команды языка РНР, чтобы связаться с базой данных, послать ей запрос командой select, и просмотреть результаты. Команда mysql_num_rows показывает число строк (число результатов), возвращаемых запросом. В данном случае переменная $num_results равна 1. Команда mysql_fetch_row выводит результаты в виде отдельных строк с тем, чтобы каждое поле можно было напечатать. Используя базу данных для генерирования динамических страниц, помните, что при этом вы не должны жертвовать простотой и практичностью своего сайта. База данных предназначена для увеличения эффективности и информативности вашего сайта. Поэтому, интегрируя базу данных в свой сайт, не забывайте поддерживать средства навигации, эстетичность и простоту использования сайта. Помните, что, вынуждая ваш Web-сервер обрабатывать каждую страницу до того, как она направляется в браузер, вы настолько увеличиваете нагрузку на сервер, что он может оказаться неспособным обрабатывать все запросы. Убедитесь, что у вас есть надлежащие аппаратные и программные средства, необходимые для работы с такой нагрузкой. Некоторые сайты, управляемые базами данных, создают все содержимое своих страниц на основе шаблона и динамического содержимого, получаемого из базы данных. К сожалению, многие пользователи этих сайтов обнаруживают, что они не могут возвращаться на ранее просмотренные страницы, поскольку разработчики сайта не обеспечили посетителям соответствующие средства навигации. Если такое случится с вашим сайтом, нужно немедленно исправить ошибку и предоставить вашим пользователям дополнительные возможности навигации по сайту. Если посетители выполняют поиск по сайту с базой данных, нужно обеспечить им возможность возврата к любому пункту результатов поиска в любое время. Предоставьте посетителям возможность возврата к любой странице результатов или даже возможность возврата к той задаче, которую они выполняли, когда начинали поиск. Помимо всего прочего, расширенные возможности навигации по сайту облегчают работу с ним. С этой же целью убедитесь, что ваши страницы не загромождены текстом, графикой и мультимедийными компонентами. Поддерживайте эстетичность страниц с тем, чтобы пользователи могли легко находить на страницах сайта все. что им нужно. Сама по себе динамичность сайта и его привязка к мощной базе данных отнюдь не означает, что вы создали идеальный сайт. Чтобы не утратить простоту использования сайта и его эстетичность, разбейте его страницы на несколько страниц, если это необходимо. Вот несколько идей по использованию базы данных для улучшения сайта: • Если ваша база данных отслеживает обращения к ней, а также фиксирует некоторые другие показатели, например, время суток, тип браузера, страну, в которой проживает посетитель, и т.д., вы можете лучше анализировать трафик своего сайта.
• Предложите своим покупателям заполнять форму, в которой они указывают свои предпочтения, и перестройте свой сайт под эти предпочтения.
• Автоматически изменяйте содержимое страницы в зависимости от даты или времени.
• Отслеживайте покупки и принимайте заказы.
• Записывайте сеансы работы чата с тем, чтобы впоследствии просмотреть и проанализировать информацию.
• Автоматически заполняйте поля формы информацией, уже введенной заказчиком в других формах, чтобы сэкономить время и труд посетителей сайта по повторному вводу.
• Вместо обновления каждой страницы HTML вручную, с помощью баз данных вы можете просто обновить информацию в нескольких компонентах вашего сайта.
• Извлекайте из форм опроса посетителей и вашей базы данных адреса электронной почты и накапливайте их, чтобы использовать в качестве списка рассылки новостей вашей компании, электронных писем с предложением товара, отсылки электронных писем опросными листами, и т.д.
• Настойте содержимое вашего Web-сайта под запросы каждого отдельного пользователя. Например, если ваша компания распространяет новости по сети Web, каждый пользователь может выбирать тип новостей, который его интересует, местность, для которой ему предоставляются прогнозы погоды, курсы интересующих его ценных бумаг и т.д. Каждый раз, когда пользователь посещает ваш сайт, из базы данных будет извлекаться информация, созданная только для данного пользователя, и далее отображаться на странице с уникальными пользовательскими предпочтениями. Это предоставляет превосходные возможности для создания интерактивного Web-сайта, в котором пользователи могут получать персонализированную информацию.

Использование интрасетей, экстрасетей

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

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

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

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

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

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

• Используйте логотипы и графику с одинаковым дизайном.

• Используйте одинаковую структуру страниц.

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

• Используйте одинаковые цветовые схемы.

Структура сайта

Обдумывая настройки сайта, вы должны в первую очередь озаботиться двумя проблема- ми: логической структурой и физической структурой сайта. Под логической структурой мы подразумеваем структуру сайта, нарисованную на бумаге. Где находятся разделы сайта? Как они организованы? Из каких страниц состоит каждый раздел? Как эти страницы связаны? С другой стороны, физическая структура сайта описывает структуру файлов, составляющих сайт, включая их местоположение в файловой системе Web-сервера. Почему важны эти проблемы? Несомненно, вы можете легко установить сайт, который притягивает к себе сотни тысяч посетителей в день. Но - хотя специалисты по программному обеспечению во всем мире отказываются это признать - разработка Web- сайтов во многом напоминает разработку программного обеспечения. Как при разработке сайтов, так и при разработке программ, необходимо создать некую основную структуру продукта - нечто такое, с чем далее смогут работать пользователи. И в обоих случаях пользователям должен предоставляться понятный (и даже приятный) интерфейс. Что тут можно выбрать? Логическая структура Проектируя сайт, продумайте все вопросы навигации, обсуждаемые в этой главе. В зависимости от назначения, ваш сайт может быть разделен на несколько логических областей. Если вашей основной целью является продажа товаров, то разделение сайта на области следует выполнять соответственно этому роду деятельности. Предположим, что ваша компания торгует побрякушками пурпурного, красного и зеленого цветов; и побрякушки, окрашенные зеленым цветом, могут быть оснащены глобальной системой определения места (Global Positioning System - GPS). В этом случае разделите свои страницы на области, соответствующие типам побрякушек. Зеленые побрякушки с GPS должны размещаться на своей странице, отдельной от страницы с зелеными побрякушками без GPS. Однако все эти страницы должны находиться в одном разделе. В другом разделе можно предоставить заказчикам доступ к службе технической помощи, предложив им в отдельных областях систему электронных досок объявлений, различные статьи и контактную информацию для связи с вашим подразделением технического обслуживания (область Tech Support). Ваша область технического обслуживания будет отделена от области Товары (Products), однако вы можете включить ссылки из одной области в другую. С другой стороны, допустим, что ваш Web-сайт сообщает посетителям информацию о побрякушках, имеющихся в настоящее время на рынке. На сайте содержатся обзоры этих побрякушек, отзывы заказчиков и ссылки на Web-сайты компаний, торгующих побрякушками. В данном случае вы можете разделить сайт на области, соответствующие торговым компаниям или типам побрякушек. Все эти области должны выглядеть в значительной степени идентичными друг другу, однако в каждой области должна содержаться своя информация. Физическая структура Конструкция физической структуры сайта зависит от сложности задач, стоящих перед Web-дизайнерами и программистами, которые разрабатывают и поддерживают ваш сайт. Если размеры сайта велики, программисты могут посчитать необходимым поместить файлы страниц сайта в дюжину и более каталогов. Давайте снова рассмотрим пример продажи мелких товаров. В том случае, если ваша компания занимается продажей побрякушек, программисты могут принять решение разместить все файлы, имеющиеся на вашем сайте, в каталогах, содержащих, соответственно, файлы изображений, файлы программ CGI (Common Gateway Interface - Общий шлюзовой интерфейс), файлы описаний изделий, файлы с предложениями работы, файлы с информацией о компании и пресс-релизами, а также файлы, относящиеся к технической поддержке. Эти каталоги в свою очередь тоже могут быть разделены на подкаталоги. Программисты поступают так по нескольким причинам. Во-первых, такая структура более прозрачна, проста и эффективна. Во-вторых, разные области сайта могут разрабатывать разные программисты. (Иными словами, Чарльз создает раздел Tech Support (Техническая поддержка), Крис работает над разделом Products (Товары), а Сэм - подготавливает раздел Career Opportunities (Возможности роста)). В итоге они могут использовать одинаковые или схожие имена файлов. Если все эти файлы будут выгружаться в один каталог, они будут перезаписывать чужие файлы с теми же именами, хранящимися в этом же каталоге. Однако если файлы с одинаковыми именами попадут в разные каталоги, проблема исключается.

Поиск правильной технологии

Для создания совершенного Web-сайта, побуждающего посетителей возвращаться к нему снова и снова, можно использовать множество технологий. Некоторые программы можно получить бесплатно по различным лицензиям (например, лицензия GPL, свободные программные средства и т.д.). Эти продукты в последующих страницах помечены звездочкой (*). Приведенные ниже списки подразделены по функциональному признаку. В каждом разделе есть различные варианты выбора, однако не ограничивайте себя кроме приведенных здесь, существует масса других возможностей.

Web-серверы

Web-серверы служат "моторами" вашего сайта; они обслуживают путешественников по Web, когда они просматривают страницы сайта.
• Информационный сервер Интернета Microsoft (IIS-Microsoft Internet Information Server)-ttp://www.microsofl.com/ntserver/Web/exec/feature/Datasheet.asp7RLDs71 • Web-сервер Netscape (Netscape Web Server) - http://home.netscape.eom/enterprise/v3.6/index.html
• Web-сервер Apache* (Apache Web Server) - http://www.apache.org.

Языки сценариев и программирования

Языки сценариев и программирования позволяют пользователям взаимодействовать с Web-страницей. Языки могут делать все, начиная от создания всплывающих меню, отображаемых пользователям для навигации по сайту, до обработки ввода пользователей в формы. Возможности языков программирования выше, чем у языков сценариев, но в то же время они сложнее.
• Perl - Название языка Perl образовано аббревиатурой от фразы английского языка "Practical Extraction and Report Language", что в переводе на русский означает "Практический язык выборки и составления отчетов". Благодаря способности к анализу и обработке текста, этот язык является одним из самых популярных языков сценариев. Язык PERL используется для создания интерактивных форм и других программ CGI. В сущности, это лучший язык программирования для написания Web- приложений. Более полную информацию о языке PERL можно найти по адресу http://www.perl.com, http://www.perl.org, или http://www.cpan.org.
• JavaScript - Язык JavaScript в настоящее время широко используется для включения в Web-страницы интерактивных элементов, предназначенных главным образом для отклика на такие действия пользователя, как перемещение указателя мыши над графическим изображением. Более полную информацию о языке JavaScript можно найти по адресу http://www.javascript.com/. Некоторые интересные дискуссии и обзоры можно найти по адресу http://javascriptweenie.com/.
• JScript - Язык JScript представляет собой версию языка JavaScript, поддерживаемую браузером Microsoft Internet Explorer. Информацию о языке JScript можно найти на сайте http://msdn.microsoft.com/scripting/jscript/default.htm.
• VBScript - Язык VBScript, известный также, как Visual Basic Script, представляет собой быстрый и доступный интерпретатор, предназначенный для использования в браузерах и других приложениях, в которых применяются элементы управления Microsoft ActiveX, в серверах Automation и апплетах Java. Подробные сведения можно найти по адресу http://msdn.microsoft.com/scripting/vbscript/default.htm.
• РНР - Аббревиатура от Personal Home Page (Персональная домашняя страница). Язык РНР представляет собой язык сценариев, которые внедряются в страницы HTML для исполнения на стороне сервера. Более полную информацию можно найти на сайте http://www.php.net/.
• Java- Язык Java представляет собой язык программирования для написания клиентных и серверных Web-приложений. Более полную информацию можно найти на сайте http://java.sun.com/ или http://javaboutique.internet.com/.
• Visual Basic/ActiveX - Язык Visual Basic является графически ориентированным и простым для изучения языком программирования, разработанным в корпорации Microsoft. Кроме того, этот язык используется для создания различного программного обеспечения, начиная от приложений баз данных до пакетов коммерческих программ (см. http://www.vbhow.to/). ActiveX представляет собой торговую марку элементов управления Microsoft (см. http://browserwatch.internet.com/activex.html).

Базы данных

Базы данных позволяют хранить и получать доступ к информации. Использование базы данных на Web-сайте позволяет отслеживать данные, автоматически обновлять сайт и распознавать пользователя.
• MySQL* - http://www.mysql.com .
• PostgreSQL* - http://www.postgresql.org/ .
• Oracle - http://www.oracle.com/.
• Sybase - http://www.sybase.com/.
• Microsoft SQL Server - http://www.microsoft.com/Sql/

Машины поиска

Машины поиска по сайту позволяют посетителям находить на сайте страницы, относящиеся к конкретному ключевому слову или фразе.
• HtDig* - http://www.htdig.org/
• SearchButton* - http://www.searchbutton.com

Журналы сайтов

Журналы помогают отслеживать и анализировать трафик, генерируемый Web-сайтом.
• Analog* - http://www.statslab.cam.ac.uk/~sret1/analog/
• Webalizer* - http://www.mrunix.net/Webalizer/
• WebTrends - http://www.Webtrends.com
• FlashStats - http://maximized.com/products/flashstats/

Заключение

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

Использование машин поиска 

Машины поиска по сайту служат еще одним средством, помогающим посетителям легко и быстро находить то, что они ищут. Посетители могут ввести в машину запрос требуемых данных, а машина поиска выведет страницы в порядке важности, либо те страницы, которые она сочтет наиболее близко соответствующими запросу на поиск. Вы должны предоставлять средства поиска не только на главной странице, но и на каждой странице сайта. Не вынуждайте посетителей возвращаться на главную страницу, чтобы они могли воспользоваться машиной поиска. Чтобы проиллюстрировать важность использования машины поиска по сайту, обратимся к исследованиям Якоба Нельсена (Jakob Nielsen), опубликованным на сайте useit.com (http://www.useit.com/alertbox/9707b.htinl). Нельсен указывает, что для поиска информации на Web-сайте большинство пользователей пред- почитают машины поиска всем другим способам. Его доктрина гласит, что сайты с числом страниц более 200 должны предлагать на каждой странице средства поиска, включающие кнопку поиска, и на странице расширенного поиска поддержку средств глобального поиска по всему сайту с логическими операциями над запрашиваемыми данными. Исследования Нельсена (Nielsen) показывают, что для навигации по сайту более половины всех пользователей используют машины поиска, и только пятая их часть предпочитает ссылки. Остальные прибегают к каждому из этих двух способов. "Пользователи, предпочитающие машины поиска, при входе на сайт обычно идут прямо к кнопке поиска: они не интересуются просмотром всего сайта; они сосредоточены на задаче и хотят как можно быстрее найти конкретную информацию" - говорит Нельсен (Nielsen). "Напротив, пользователи, предпочитающие ссылки, обследуют с помощью ссылок весь сайт, и даже когда им нужна конкретная информация, они, как правило, будут искать ее, следуя ссылкам на домашней странице". Где можно найти машину поиска по сайту, и насколько трудно ее установить? Сайт фирмы SearchButton (http://www.searchbutton.com) предоставляет машины поиска, устанавливаемые на сайтах Web; кроме того, фирма обеспечивает поддержку пользователей, руководя их действиями на каждом шаге. Одним из преимуществ машин поиска по сайту, предоставляемых фирмой SearchButton является доступность информации, содержащейся в файле журнала. Благодаря этой информации вы можете проследить, что именно ищут посетители после прибытия на ваш сайт.