WebQuatro

Dziś o regułach poprawnego przy­go­towywa­nia ikonki do strony inter­ne­towej oraz tytułu strony, aby to zwięk­szyć wygodę w naw­igacji po zakład­kach przeglądarki.

Ikonka aka favicon

1. Ser­wis WWW powinien posi­adać ikonkę, może być to czer­wone kółeczko, kwadracik, cokol­wiek, co będzie wyróż­niać go na tle innych, dodanych do Ulu­bionych, zakładek itp. stron.
2. Ikonka typu Fav­i­con (ang. favourite icon) nie powinna pow­tarzać logo­typu — 16x16 to duże wyzwanie, by zmieś­cić wszys­tko. Ważne jest zachować “czytel­ność”, aby miniaturka nie była roz­mazaną plamą. Celem fav­i­con jest iden­ty­fikacja strony — może ona “przy­pom­i­nać” logo­typ np. dwie główne litery zachowane w fir­mowej kolorystyce.
   W XHTML defini­u­jemy ją następująco:
   <link rel="shortcut icon" href="favicon_1.ico"/>
   lub
   <link rel="icon" type="image/x-icon" href="favicon_1.ico"/>
3. Staramy się wyko­rzysty­wać jedną ikonkę do różnych pod­stron, gdyż inaczej obniżamy wskaźnik rozpoz­nawal­ności naszej strony.
4. Ikonkę z kolei warto użyć na pod­stronie z pocztą uży­wa­jąc jej do wskazy­wa­nia nowych/nieprzeczytanych wiado­mości albo stronie z mul­ti­me­di­ami pokazu­jąc sta­tus (odtwarzany/pauza/stop), zachowu­jąc oczy­wiś­cie styl.

Tytuł okna

1. Tytuł okna czyli title musi zaw­ierać tekst bliskoz­naczny zawartości nagłówka
   h1(taki powinien być jeden na stronie) i przekazy­wać użytkown­ikowi infor­ma­cję o treści strony.
2. Tytuł okna powinien składać się z 5–7 słów, nie więcej.
3. Jeśli użytkownik zna­j­duje się na pod­stronie, zagłębiony w jakąś kat­e­gorię, to porządek powinien być zachowany od szczegółu do ogółu (od liś­cia do rodz­ica), np. “Webqua­tro — Blogi — Strony Internetowe”.
4. Należy pamię­tać o stosowa­niu szczegól­nych zasad inter­punkcji: kropkę i przecinek pomi­jamy, pyta­jnik i wykrzyknik zostaw­iamy, do oznacza­nia hier­ar­chii uży­wamy “—” albo ” | ” nie miesza­jąc ich ze sobą.

Pod­sumowanie

Ważne, żeby pamię­tać , że ikonka iden­ty­fikuje zasób, a tytuł — treść.
Jak widać, nic trud­nego, reguły są proste i log­iczne, niek­tóre z nich wyko­rzysty­wane są do SEO.

Cieka­wostki

Fire­fox, Opera i Safari różnie rozu­mieją i inter­pre­tują ukośnik/slash przed adresem do ikonki, dlat­ego lep­iej ten znaczek pomi­jać i podać bezpośred­nią ścieżkę do ikonki. Fire­fox cache-uje fav­i­con na długi okres czasu, zmieni­a­jąc ikonkę w nazwie pliku dobrze jest dodać kole­jną wer­sję np. favicon_2.ico.

Zasoby

Podaje kilka stron, na których można wygen­erować ikonki favicon:

• Favicon.cc — pole­cam! Można wygen­erować ikonkę pro­por­cjon­alną lub “skwadraty­zowaną” w locie z pliku zewnętrznego lub narysować ją samemu.
• Fav­i­con generator
• Favicon.com.mx