Użyteczne tytuły serwisów WWW

autor: Perfect One, ostatnia modyfikacja: 2008-03-01

szukaj: użyteczne tytuły title użyteczność web-usability

Kod każdej strony napisanej w języku HTML składa się z dwóch podstawowych części - sekcji BODY i HEAD. W tej pierwszej umieszczona jest merytoryczna treść witryny - to, co pokazywane jest użytkownikowi (artykuły, grafiki itp.). Ta druga zawiera z kolei informacje typu META - kodowanie znaków, imię i nazwisko lub pseudonim autora, słowa kluczowe, odnośnik do kaskadowego arkusza stylów (CSS) odpowiedzialnego za formatowanie wyglądu witryny.

W ramach sekcji HEAD znajduje się także jeszcze jeden bardzo ważny element - to tytuł strony, zamknięty tagami <title></title>. Tekst umieszczony wewnątrz takiego oznaczenia wyświetlany jest na pasku tytułowym przeglądarki internetowej (na samej górze ekranu). Pozwala on użytkownikowi szybko i sprawnie zorientować się w zawartości aktualnie przeglądanej podstrony.

Tytuł jest także istotny wtedy, gdy user dodaje witrynę do Ulubionych (Internet Explorer) lub Zakładek (Firefox). Domyślnie etykieta zakładki jest taka sama jak zawartość linii <title></title>. Dlatego tytuł musi od razu przywoływać na myśl zawartość strony, do której odwołuje się link. W ten sposób użytkownik, przeglądając Ulubione / Zakładki od razu zorientuje się, gdzie znaleźć to, czego szuka. Nie musi samodzielnie etykietować URL-ów. Tytuły odgrywają podobną rolę w historii przeglądarki. Tam także poszczególne elementy biorą swoje nazwy od linii <title></title>.

Warto pamiętać, aby poszczególne podstrony opisane były nie tylko przejrzyście, ale także zwięźle. Długi tytuł nie zmieści się w oknie historii lub w menu Ulubionych / Zakładek. Internauta przeczyta jego fragment, a potem zobaczy wielokropek. Ewentualnie (w zależności od ustawień) okno z listą witryn zostanie nienaturalnie rozciągnięte na szerokość, co utrudni korzystanie. Sam pasek przeglądarki także ma ograniczoną pojemność - szczególnie przy mniejszych rozdzielczościach ekranu.

Tytuły istotne są nie tylko dla użytkowników. Korzystają z nich roboty indeksujące. One także traktują linię <title></title> jako źródło informacji o zawartości witryny. Dane te używane są podczas tworzenia linków do stron wyświetlanych w wynikach wyszukiwania. Jeśli jest ich zbyt wiele, roboty nie są w stanie "przeczytać" ich wszystkich.

Najczęstszym błędem webmasterów jest całkowite pomijanie linii <title></title> podczas tworzenia witryny (w indeksie Google znajdują się prawie 44 mln "untitled documents"). Utrudnia to pracę zarówno użytkownikom, jak i robotom indeksującym. Docelowo zniechęca internautów, skutkuje niższymi pozycjami w wynikach wyszukiwania, ogranicza rozwój serwisu. Błędem jest również konstruowanie tytułów bardziej przypominających listę słów kluczowych (te umieszcza się w innej linii sekcji HEAD).

Czasami twórcy witryn traktują pole tytułowe jak miejsce na tak zwane "okruszki chleba" (breadcrumbs). W miarę zagłębiania się w strukturę na górnym pasku pojawia się cała przebyta przez internautę ścieżka (np. Strona Główna > Komputery > Laptopy > Wyprzedaże). Lepiej umieszczać ten element w obrębie samego serwisu, gdzie każda z jego części składowych może być aktywnym linkiem pozwalającym wrócić czytelnikowi w znane miejsce (taki jest podstawowy cel breadcrumbs).

Kolejny problem to stosowanie tej samej, uniwersalnej zawartości <title></title> w każdej podstronie, co także ogranicza użyteczność. Internauci patrząc na listę Ulubionych / Zakładek lub wyniki wyszukiwania nie będą w stanie zauważyć różnic. Dodatkowo tytuły nie powinny zawierać wyrażeń specjalistycznych oraz mało znanych skrótów. Są przeznaczone przede wszystkim dla osób słabo znających daną witrynę czy - co za tym często idzie - konkretną branżę. W sekcji <title></title> nie powinno nadużywać się WIELKICH LITER. Błędem jest również stosowanie zbędnych słów w rodzaju "Witamy".

Perfect One, http://perfectone.pl

szukaj: użyteczne tytuły title title użyteczność web-usability

Osoby czytające tę publikację przeglądały również:

Chcesz zostać programistą?

Poznaj 6 kroków do efektywnej
nauki programowania!