Kako Očarati Posjetitelje Vaše Web Stranice Jednim Malim Trikom: Dodajte Ikonu Koja Pljeni Pažnju!

Što je Favicon i Zašto je Važan?

Favicon (skraćeno od “favorite icon”) je mala ikona koja se povezuje s web stranicom i prikazuje se u kartici preglednika, povijesti pregledavanja, bookmarkima i drugdje gdje se web stranice odražavaju u pojednostavljenom obliku. To je vaš prepoznatljivi simbol koji pomaže korisnicima da brzo identificiraju vašu stranicu među otvorenim karticama i označenim stranicama. Osim što služi kao brandingu alat, favicon doprinosi i profesionalnom izgledu vaše web stranice.

Kako Kreirati Favicon?

Da biste kreirali favicon, možete koristiti razne online alate ili softvere za uređivanje slika. Idealna veličina za favicone je 16×16 ili 32×32 piksela. Važno je osigurati da je dizajn jednostavan i prepoznatljiv čak i u toj maloj dimenziji. Nakon što kreirate sliku, spremite ju u .ico formatu, koji je standard za favicone.

Dodavanje Favicona na Web Stranicu

Da biste dodali favicon na svoju web stranicu, potrebno je prvo učitati favicon.ico datoteku na server. Najjednostavniji način je preko FTP-a (File Transfer Protocol) ili menadžera datoteka na vašem hosting računu. Datoteku postavite u root direktorij vaše web stranice, gdje se obično nalazi i index.html ili index.php datoteka.

Ugradnja Favicona Kroz HTML

Nakon što ste favicon.ico datoteku prebacili na server, potrebno je u HTML kod vaše stranice dodati sljedeći kod unutar oznake:


<link rel="shortcut icon" href="http://www.vasadomena.com/favicon.ico" type="image/x-icon">
<link rel="icon" href="http://www.vasadomena.com/favicon.ico" type="image/x-icon">


Ne zaboravite zamijeniti “http://www.vasadomena.com/favicon.ico” s putanjom gdje se nalazi vaša favicon datoteka.

Korištenje Favicona u WordPressu

U slučaju da koristite WordPress, proces dodavanja favicona je pojednostavljen. Idite u izbornik Appearance > Customize. Otvorite Site Identity gdje ćete pronaći opciju za dodavanje Site Icon, što je zapravo vaš favicon. Ovdje samo učitajte sliku vašeg favicona, i WordPress će se pobrinuti za ostatak.

Provjerite Je li Vaš Favicon Ispravno Postavljen

Nakon što ste postavili favicon, potrebno je provjeriti je li se on ispravno prikazuje. Jednostavno otvorite vašu web stranicu u pregledniku i provjerite ikonu na kartici. Možda će biti potrebno očistiti predmemoriju preglednika da biste vidjeli promjene. Ujedno možete koristiti alate poput favicon checker-a koji će vam potvrditi ispravnost prikaza na različitim platformama.

Završne Misli

Favicon možda izgleda kao sitan detalj, ali ima veliku ulogu u cjelokupnom korisničkom iskusu i brandingu. S pravim pristupom i malim ulaganjem vremena, možete znatno podići razinu profesionalnosti svoje web stranice. Slijedite korake iznad i osigurajte da vaša web prisutnost bude primijećena!