Domov · Slovník pojmov · Čo je favicon

Slovník pojmov

Čo je favicon?

Favicon je malá ikona webu, ktorá sa zobrazuje na karte prehliadača, v zozname záložiek a v histórii. Býva to logo alebo jeho zjednodušená značka. Technicky ide o niekoľko obrázkov v rôznych veľkostiach, ktoré sa pripoja v hlavičke stránky. Google ju zobrazuje aj pri výsledkoch vyhľadávania na mobile.

Vysvetlené po ľudsky.

Je to logo na chrbte knihy v regáli. Keď má človek otvorených dvanásť kariet, texty na nich sú orezané na dve písmená a jediné, čo ostáva rozoznateľné, je práve ikona. Kniha bez potlače na chrbte sa v regáli hľadá ťažko a nakoniec ju vezmete až poslednú. Web bez ikony sa medzi kartami stráca a človek ho zavrie skôr než ten, ktorý poznať na prvý pohľad.

Prečo to majiteľa firmy zaujíma.

Ikona je drobnosť, ktorá stojí nula eur a hovorí o tom, či bol web urobený poctivo. Prázdna ikona alebo predvolený znak systému pôsobí ako nedokončená práca. Praktický prínos je v tom, že návštevník s viacerými otvorenými kartami sa k vám vráti rýchlejšie a rovnako vás nájde medzi záložkami. Rovnaká značka sa používa aj pri pridaní webu na plochu telefónu. Pri tvorbe webu ju nastavujem automaticky vo všetkých potrebných veľkostiach vrátane ikony pre zariadenia Apple.

Príklad z praxe.

Drobnosť, ktorá sa prejaví najviac pri opakovaných návštevách. Zákazník, ktorý si porovnáva tri firmy, má otvorené tri karty. Dve majú ikonu, tretia predvolený sivý znak. Pri prepínaní sa mu tá tretia stráca a v konečnom dôsledku sa jej venuje najmenej. Pri weboch, ktoré staviam, ikonu pripájam vo viacerých veľkostiach vrátane väčšej pre telefóny, aby bola ostrá aj po pridaní stránky na plochu. Ak firma nemá značku vhodnú na zmenšenie, používa sa prvé písmeno v jednoduchom tvare vo firemnej farbe. Je to päť minút práce pri stavbe webu a jediná vec, ktorá sa pri nej dá pokaziť, je použiť logo aj s textom, ktorý v malej veľkosti splynie.

Kedy sa tým zaoberať.

Ikonu nastavte pri stavbe webu a potom sa k nej vráťte len pri zmene loga alebo firemných farieb. Je to päťminútová práca, ktorú netreba plánovať, ale ktorá sa nesmie zabudnúť. Ak preberáte hotový web, skontrolujte, či sa na karte prehliadača zobrazuje vaša značka a nie predvolený znak systému. Rovnako overte väčšiu verziu pre telefóny, ktorá sa použije pri pridaní webu na plochu. Ak firma nemá logo vhodné na zmenšenie, je lepšie použiť jednoduchý znak alebo písmeno než celé logo s textom, ktoré sa v malej veľkosti zmení na nečitateľnú škvrnu.

Ako to skontrolujem.

Kontrola je vizuálna a trvá pár sekúnd.

1Otvorte web a pozrite na kartu prehliadača. Uvidíte, či sa zobrazuje vaša značka alebo predvolený znak.

2Pridajte si stránku do záložiek a skontrolujte, ako ikona vyzerá v zozname.

3V zdrojovom kóde overte, či sú pripojené ikony vo viacerých veľkostiach vrátane apple touch icon.

4Skúste stránku pridať na plochu telefónu a pozrite, aká ikona sa použije.

Časté chyby.

×Ikona len v jednej malej veľkosti, ktorá je na modernom displeji rozmazaná.

×Použité celé logo aj s textom, ktoré je v drobnej veľkosti nečitateľné.

×Ikona s bielym pozadím na tmavom motíve prehliadača, kde vyzerá ako nálepka.

×Chýbajúca ikona pre zariadenia Apple, takže na ploche telefónu sa zobrazí zmenšená snímka stránky.

Časté otázky.

Aká veľkosť ikony je potrebná?

Prakticky stačí jeden štvorcový obrázok s vysokým rozlíšením, z ktorého sa odvodia menšie verzie. Zvlášť sa pripája väčšia ikona pre telefóny, aby bola ostrá aj na ploche.

Môžem použiť logo firmy?

Áno, ale zjednodušené. V malej veľkosti sa detaily a text stratia, preto sa používa značka alebo prvé písmeno v jednoduchom tvare.

Ovplyvňuje ikona SEO?

Priamo nie. Google ju však zobrazuje pri výsledkoch vo vyhľadávaní na mobile, takže nepriamo ovplyvňuje, ako výsledok pôsobí a či naň človek klikne.

Prečo sa mi nová ikona nezobrazuje?

Prehliadač si ju drží v pamäti veľmi dlho. Pomôže tvrdé obnovenie, anonymné okno alebo zmena názvu súboru s ikonou.

Zobrazuje sa ikona aj vo výsledkoch vyhľadávania?

Na mobile áno, Google ju zobrazuje pri výsledku. Preto sa oplatí mať ju ostrú a rozpoznateľnú aj v malej veľkosti.

Potrebujete to vyriešiť na svojom webe?

Robím weby na mieru od 250 €, redizajn od 250 € a e-shop od 590 €. Cenu poviem vopred podľa rozsahu.