Карта сайту і індекс: що це таке і для чого це потрібно?

Chiara Fox

Карти сайту та індекси - форми додаткової навігації по сайту. Вони дозволяють користувачеві переміщатися по сайту, не використовуючи глобальну навігацію. Представляючи візуально структуру сайту і взаємовідносини його частин, карта може допомогти заблукав і розгубленому користувачеві перейти на потрібну сторінку. Карти поширені набагато ширше, ніж алфавітні списки (індекси), але і ті й інші по праву займають своє власне місце, виконуючи властиві їм унікальні функції.

Вам все тут зрозуміло?

Карта сайту - не що інше, як модель структури сайту, цілком розміщена на одній сторінці. Одним поглядом користувач може охопити відразу всі категорії і розділи сайту. Візуалізація структури може бути виконана як реальна графічна карта або на основі тільки тексту. Текстові карти легше підтримувати, ніж графічні через додаткових складнощів з внесення змін в останні. Динамічні карти, тобто такі, з якими користувач повинен виконати якісь дії для отримання інформації (наприклад, "гіперболічні дерева"), не настільки ефективні, як прості впорядковані ієрархічні списки. У створенні карти сайту найголовніше -- зробити її точною, зрозумілою для перегляду і простою для розуміння.

Карти відображають або загальну (тільки верхні рівні), або докладну (всі рівні) структуру сайту. Елементи, включені в карту сайту, повинні відповідати елементів глобальної навігації. У даному прикладі з сайту "LL Bean" (рис. 1), жовті елементи відповідають головним глобальним навігаційним категоріям сайту: "Home," "Shop," "Explore the Outdoors," "My Account," і "Customer Service." Чи збігаються не тільки назви категорій, але ще і порядок їх відображення. Кожна з цих категорій має у своєму складі підкатегорії, виділені синім кольором (наприклад: "Men's", "Outdoor Tips & Gear", "FAQs"). Третій рівень ієрархії сайту вже представлений простими текстовими посиланнями.

Представлена карта відмінно справляється з показом різних розділів сайту LL Bean. А візуальний дизайн картки ще більше підкреслює ієрархію сайту. Легко зрозуміти, що до чого відноситься: "Men's" є частиною розділу "Shop", а Log In/Register "- частиною" My Account ". Все виглядає охайно і впорядковано, незважаючи на те, що ми бачимо цілих три рівня ієрархії. Окремі посилання додатково пояснюють значення підкатегорій, в яких вони містяться. Наприклад, категорії "Footwear," "Active Clothing," і "Casual Clothing" більш докладно пояснюють, що мається на увазі під назвою розділу "Women's".

В протилежність до цього карта сайту Гарвардського університету не відповідає ні структурі сайту, ні навігації по ньому. Усього лише два розділи збігаються з такими ж в глобальній навігації ( "Campus Life" і "Admissions"). Два інших розділу є варіаціями на тему кількох розділів глобальної навігації. До Наприклад, "Admissions" співвідноситься з пунктом меню "Admissions & Financial Aid "глобальної навігації, а "Libraries and Museums" взагалі присутня в глобальній навігації у вигляді двох окремих елементів. Решта елементів карти сайту використовує інші назви, або взагалі не зазначений у числі елементів глобальної навігації.

Перший розділ карти "About Harvard" - Є пунктом, який зустрічається лише в "підвалі" сайту. Основна стаття розділу "About Harvard" фактично не відповідають тим, що розташовані на самій сторінці "About Harvard". З 10 посилань розділу "About Harvard" половина веде назад до сторінки "About Harvard" замість того, щоб вести до якоїсь конкретної сторінці по темі посилання.

Карта сайту Гарвардського університету надає слабку допомогу користувачеві в розумінні структури ресурсу. Змішуючи глобальну навігацію і "підвальні" елементи, вона не дозволяє користувачеві зрозуміти значимість і взаємне логічне розташування елементів. Крім того, користувач позбавлений можливості знову відшукати потрібні елементи, покинувши карту і перебуваючи десь у надрах сайту. Де була ця посилання: в глобальній навігації, або ж я бачив її в "підвалі"? Назви одного і того ж елемента в карті, глобальної навігації (а іноді і на одній і тій же сторінці) різні. Через це користувачеві важко переконатись, що він потрапив на потрібну сторінку. Назви посилань, які є схожими, але не однаковими, змушують користувача думати про те, чи потрапив він на потрібну сторінку чи ні. Це змушує зайвий користувача зайвий раз замислюватися про прості речі.

Просто, як азбука

В відміну від карти сайту, яка показує його структуру, індекс сайту забезпечує доступ до певних сторінок і розділів. Індекси найбільш зручні для пошуку чогось конкретного, вже відомого користувачеві. Як писав Фред Лейз (Fred Leise), "через індекси користувач отримує доступ до вмісту сайту, спираючись на власний словник понять, а також він може знайти речі, що обговорюються, але не згадуються в тексті ". Крім того, індекси забезпечують більш тонку ступінь деталізації матеріалів сайту, так як вони на відміну від карт можуть вказувати на конкретні згадки про людей, місця і речі, а не на загальні розділи. Індекси матеріалів сайту надають можливість працювати з матеріалами методом "від часткового до загального", "знизу вгору".

Індекс сайту повинен працювати точно так само як працюють звичайні індекси, розташовані в кінці книг. Фактично, копіюючи при проектуванні вашого власного індексу формат книжкових індекси, ви зможете підвищити його повноцінність і зручність використання. Якщо ваша аудиторія знає, як використовувати одне (книгу), вона зрозуміє, як використовувати інше (індекс). Проходження графічним стандартів, прийнятих при складанні книжкових індексів, (наприклад, вирівнювання по лівому краю списку підрозділів цього розділу), так само допоможе поліпшити зручність читання і використання індексу вашого сайту.

На сайті консорціуму W3C (див. рис.3) є непоганий зразок індексу, що задовольняє всім вимогам. Візуальне виконання індексу полегшує побіжний перегляд інформації. Алфавіт, розташований у верхній частини сторінки, дозволяє перейти відразу до певного розділу, минаючи не потрібні -- всі літери алфавіту розташовані на одній сторінці. Такий підхід більш кращий, ніж поділ індексу на окремі сторінки (по сторінці на букву). В цьому випадку користувачеві легше вести пошук термінів з кількох буквах, не чекаючи завантаження окремої сторінки для кожної літери.

Індекс складається їх список всіх тем, висвітлених на сайті W3C. Головні теми (такі як "architecture"), розбиті на підкатегорії (наприклад, "Design Issues") і допомагають користувачеві звузити фокус пошуку. Слово "See" ( "Дивись") допомагає користувачеві знайти те, що йому потрібно, "переводячи" поняття із словника користувача в слова, які використовуються на сайті. На рис. 3 ніде не зустрінеш термін "annotations" ( "анотації"), але замість нього є кілька посилань на категорії, пов'язані з анотаціями ( "Annotea", "Amaya", і "Ruby Annotation"). Це говорить користувачеві про те, що те, що він шукає, є на сайті, але під трохи іншими назвами. Крім цього є вказівники "see also" ( "дивися також"), відправляють користувача за додатковою інформацією щодо даного терміну, на який він зараз дивиться. На рис.3 в розділі "Annotea" можна бачити два вказівника на "Semantic Web" і "Amaya". Покажчики, подібні "See" і "See also", не будуть зайвими і для вашого індексу. Але головне - не перестаратися, а то за ними не стануть видні головні терміни списку.

Незважаючи на достатньо хорошої якості, дещо в індексі сайту W3C можна поліпшити. Наприклад, оглядова замітка (пояснення того, що ж все-таки включено до індексу), розташована в нижній частині сторінки. Було б краще помістити її вгорі, так, щоб користувачі з самого початку знали, що ж з себе представляє вміст індексу. Крім того, W3C непогано було б замкнути перехресні посилання. Якщо вже "Annotea" посилається на "Amaya", то і "Amaya" повинна мати посилання на "Annotea". Логічно припустити, що якщо одне відноситься до іншого, то є й зворотній зв'язок, і користувачеві будуть цікаві обидва пов'язаних терміну.

Індекси бувають декількох різновидів. Перший тип - індекс охоплює всі розділи сайту, прикладом тому - індекс з сайту W3C. Також існують індекси товарів, відсортовані за алфавітом або по інвентарному номером. Такі списки-індекси особливо корисні на сайтах, що представляють велика кількість продуктів або складні їх набори. Сайти університетів, подібні Гарвардскому або Єльському, могли б розмістити індекс своїх дочірніх сайтів-сайтів окремих факультетів, коледжів, клубів, що входять до складу університету.

Корпоративний сайт компанії PeopleSoft, Inc. використовує обидва типи індексів: індекс сайту та індекс продукції. Індекс цього сайту, який отримав нагороду "Web Index Award for 2002-2004" австралійського товариства "Australian Society of Indexers", охоплює всі головні теми, можете знайти відповідь на сайті, включаючи інформацію про компанії PeopleSoft та контактні дані. Назви товарів в індекс не включені, тому що для цього створено спеціальний індекс товарів. Тим не менш, в індекс сайту включені основні "лінійки" продукції, що випускається, це зроблено для тих користувачів, які можуть не здогадатися про існування переліку товарів окремим списком.

Оскільки PeopleSoft випускає більше двохсот різних програм, було вирішено внести їх в окремий перелік (рис.4). Об'єднання його з індексом сайту зробило б його незграбним і дуже об'ємним. Перелік товарів включає в себе "лінійки", набори, модулі і рішення, що представляються компанією. Поточне назва продукту представлено поряд зі усіма старими назвами цього продукту, які коли-небудь вживалися. Всі вони забезпечені контрольний словом "see" ( "дивися"). Це дозволяє користувачеві, навіть знаючи товар тільки під старим найменуванням (наприклад, "MarketPlace"), знайти його нове найменування. Зауважте, що в короткому описі індексу товарів сказано, що перелік містить лише посилання на товари, а за інформацією про розділи сайту необхідно звернутися до індексу сайту.

Так що ж мені вибрати?

Як вам дізнатися, що вашому сайту потрібна картка або індекс, а може і те й інше? На маленьких сайтах, швидше за все, не потрібно ні те, ні інше. У більшості випадків глобальна навігація таких сайтів дозволяє дістатися до будь-якої сторінки. Більшість середніх і великих сайтів мають, імовірно, мати хоча б карту. Текстові карти сайтів вимагають мінімальних витрат у створенні та обслуговуванні, і добре прислужаться вашим користувачам. Якщо тільки ваш сайт не подібний до каталогу Yahoo!, карта сайту - єдине місце, де користувач може побачити на одній сторінці всі головні розділи та підрозділи вашого ресурсу. Це особливо важливо, якщо в навігації вашого сайту використовується динамічне меню, пункти якого не видно, поки на них не наведено курсор миші. Крім того, використання карт може підвищити ефективність комерційних та інформаційних сайтів.

Для більшості середніх і великих сайтів індекси будь-якого типу теж можуть виявитися до двору. Для надзвичайно великих сайтів є неможливим включити в індекс абсолютно все. Такі індекси можуть зробити дуже величезними, щоб бути ефективними. У них може бути включена лише найважливіша і часто використовувана інформація. Інформаційні сайти можуть витягти з індексів більше користі, ніж, наприклад, комерційні, на увазі традиційно більшого обсягу розміщеної на них інформації. Проте комерційні сайти, що мають великий комплекс товарів, що продаються, повинні серйозно розглядати можливість використання індексів з метою поліпшення обслуговування своєї аудиторії.

Рішення про використання індексу також залежить від того, якого роду інформація розміщена на сайті. Чи має сенс сортувати вміст вашого сайту за алфавітом? Для сайту L.L. Bean, наприклад, індекс нічим не допоможе користувачам, так як вони звикли шукати одяг за категоріями (наприклад, "Men's", "Camping", "Active wear"), а не шукаючи її в алфавітному списку. Для такого сайту найкраще підходить саме карта, а не індекс.

Де розташувати?

Що б ви не обрали для свого ресурсу: карту або індекс, або і те й інше, користувач повинен мати до них доступ з будь-якого закутка вашого сайту. Розміщуйте посилання завжди в одному і тому ж місці, наприклад в підвалі "сторінки" або серед інших елементів вторинної навігації. Якщо на вашому сайті є розділ допомоги, увімкніть посилання і туди теж - так як загублену користувач може не помітити посилання в її основному місцезнаходження. Непогано помістити посилання на карту або індекс на сторінці з результатами пошуку по сайту, особливо вони стануть в нагоді, якщо при пошуку нічого не знайдено.

Найчастіше всього посилання на карту сайту так і називають - "Карта сайту". За даними дослідження групи Нільсена-Нормана (Nielsen Norman Group), що проводилися в 2002 році, "... така назва застосовувалася і відмінно працювало на шістдесяти трьох відсотках сайтів "з числа досліджуваних. Не використовуйте назву "Індекс сайту", якщо тільки мова не йде про алфавітному списку. Якщо у вас є індекс перелік товарів, подбайте про те, щоб його назва та короткий опис ввідне відрізняли його від індексу всього сайту.

На сайті PeopleSoft користувачі користуються індексом сайту та індексом товарів частіше, ніж мапою сайту. І тому є кілька пояснень. По-перше, індекс сайту дає більш повний огляд по порівнянні з картою, надаючи більше конкретної інформації, ніж просте перелік основних розділів і підрозділів сайту. Усі терміни дані по кілька разів у різних варіантах з взаємними посиланнями на той випадок, якщо користувачі будуть шукати термін "jobs", а PeopleSoft віддає перевагу термін "careers". По-друге, служба підтримки компанії спеціально відсилає користувачів до індексом сайту в ситуаціях, коли ті не можуть чогось на ньому знайти. У цьому випадку індекс грає роль списку "ярликів" і таким чином користувачеві не треба глибоко впроваджуватися в нетрі ієрархії сайту в пошуках потрібної інформації. І нарешті, індекс популярний з-за того, посилання на нього завжди на очах. Посилання на карту і індекс є в "підвалі" кожної сторінки, в розділі "Допомога", і на сторінці з результатами пошуку. Але посилання на індекс сайту присутній також поряд з пошуковою формою в лівій навігаційної панелі. Через це посилання на індекс сайту завжди знаходиться вгорі сторінки і тому частіше привертає увагу.

Полегшіть собі життя

Карти сайтів достатньо легко створювати і підтримувати, тому що весь матеріал у них -- вторинний. Всі терміни та пункти беруть свій початок з головної та вторинної навігації сайту. Індекси створювати трохи складніше, тому що до них необхідно більш обережно підбирати ключові слова. Для створення індексу потрібен спеціальна людина, що має досвід складання покажчиків, і здатний проаналізувати вміст сайту, виділивши ключові слова і визначивши взаємозв'язку між розділами. З іншого боку, індекс товарів можна скласти і автоматично засобами баз даних, XML, або іншими подібними технологіями.

В компанії PeopleSoft наша система управління сайтом - Interwoven's TeamSite -- дозволяє нам використовувати одну й ту ж карти, індекс сайту і індекс товарів на всіх наших корпоративних сайтах. Завдяки цьому інформаційна архітектура на всіх сайтах одна й та ж: на корпоративному сайті, на сайтах для наших клієнтів і на сайтах для наших партнерів. Вся інформація, призначена для загального користування, доступна на веб-сайтах для наших клієнтів. На сайтах ж для наших партнерів присутня та ж сама інформація плюс додаткова інформація, призначена тільки для партнерів. Кожне ключове слово в індексі ми помічаємо особливим тегом видимості, керуючись яким система показує або ховає це ключове слово в залежності від того, який користувач зайшов на сайт.

В грудні 2002 року система сайтів компанії PeopleSoft складається з 21 сайту для різних країн світу. Інформаційна архітектура цих сайтів подібна до тієї, що використана на основному корпоративному сайті, а вміст переведено на місцеві мови та адаптовано до місцевої торговельній політиці фірми: в індексах представлені тільки ті товари, які продаються в цих країнах. Ми поступово оновлюємо шаблони, які використовуються для створення індексів цих сайтів, так щоб за допомогою тегів описувати назви наших товарів для кожної з країн. Це дозволить нам перейти від двадцяти двох окремих індексів (для кожного сайту) до десяти (по одному для кожної мови). Кожен індекс буде містити англійська назва товару і його місцеве найменування. Це дозволить користувачеві знайти будь-який товар в індексі користуючись або рідним або англійською мовою.

Висновок

Як ми бачили на прикладі сайту PeopleSoft та інших не менш реальних прикладах, ефективне використання карт та індексів дозволяє користувачам швидко і просто переміщатися по сайту та представляє вичерпну інформацію про зміст та структуру сайту. У міру того, як всі більше сайтів починають користуватися індексами та картами, все більше користувачів починають розуміти вигоди цих засобів навігації і тим частіше вони будуть до них звертатися.

Список літератури

Для підготовки даної роботи були використані матеріали з сайту http://www.webmascon.com/