Kratak odgovor: da biste provjerili favicon vaše web stranice online, unesite svoju domenu u besplatni Provjeritelj Favicon-a na PromoPilotu i kliknite na "Provjeri". Alat će pronaći sve ikone deklarirane u HTML-u i smještene u standardnim putanjama poput /favicon.ico, prikazati pregled i veličinu svake, provjeriti ikonu Apple Touch i reći vam koje veličine nedostaju. Ispod je minimalni set ikona, gotov kod i razlozi zašto Google prikazuje sivi globus umjesto vašeg logotipa.
Već 12 godina pravim web stranice i znam: favikon se zaboravlja češće od bilo kojeg drugog elementa. Dizajner kreira logo, programer izrađuje web stranicu, a ipak niko nikada ne doda favikon na karticu - sve dok prvi klijent ne pita: "Zašto naš konkurent ima favikon na Google, a mi nemamo?"
Šta provjerava Favicon Check?
Ikona web stranice više nije samo jedna datoteka favicon.ico. Preglednici, iPhone, Android i Google koriste različite datoteke i veličine. Ovaj alat ih sve objedinjuje u jedan izvještaj.
| Šta provjerava? | Šta on gleda? | Zašto je ovo potrebno sajtu? |
|---|---|---|
| Ikone iz HTML-a | Sve oznake <link rel="icon">, shortcut icon, apple-touch-icon | Upravo njih preglednici i Google prvo i najvažnije koriste |
| Standardne putanje | /favicon.ico u korijenu stranice i druge tipične adrese | Mnogi sistemi traže ikonu tamo čak i bez oznake. |
| Veličina svake ikone | Širina i visina u pikselima, format ICO, PNG, SVG | Mala ikona je mutna na ekranima visoke rezolucije. |
| Ikona Apple Touch | Postoji li ikona za iPhone i iPad? | Bez toga, snimak ekrana stranice će se pojaviti na početnom ekranu. |
| Pregled | Kako izgleda svaka pronađena ikona? | Možete vidjeti ikone koje nisu ispravno postavljene, prazne ili strane (šablon) |
| Preporuke | Koje veličine nedostaju? | Gotova lista zadataka za dizajnera |
Kako provjeriti favicon web stranice online?
- Otvorite alat za provjeru ikona favikona.
- Unesite domenu - dovoljno je
example.com, bez navođenja stranice. - Kliknite na "Provjeri". Alat će analizirati HTML početne stranice i standardne putanje.
- Pregledajte pronađene ikone: pregled, format i veličinu svake. Provjerite da li među njima postoji standardna ikona CMS-a ili hostinga.
- Pročitajte preporuke i dostavite dizajneru nedostajuće dimenzije ili ih napravite sami.
Stranica alata: polje domene, dugme "Provjeri" i opis provjera s često postavljanim pitanjima.
Verifikacija je jednostavna - ograničenje broja gostiju je dovoljno za provjeru vlastite stranice i nekoliko konkurentskih stranica radi poređenja. Ikone sa bilo koje stranice mogu se pregledati i preuzeti - što je korisno ako trebate pronaći original vlastitog logotipa, izgubljenog zajedno sa starim izvođačem radova.
Koje su veličine favicona potrebne u 2026. godini?
Generatori ikona često proizvode 20 datoteka, ali ono što je zaista potrebno je kompaktan skup. Evo minimuma koji koristim za sve svoje projekte:
| Datoteka | Veličina | Gdje se koristi? |
|---|---|---|
favicon.ico | 16×16 i 32×32 u jednoj datoteci | Stari preglednici, sistemi koji traže ikonu u korijenu |
favicon.svg | Vektor | Moderni preglednici, jasni na bilo kojem ekranu |
apple-touch-icon.png | 180×180 | Početni ekran iPhonea i iPada |
icon-192.png i icon-512.png | 192×192 i 512×512 | Web-manifest: Android, instaliranje web stranice kao aplikacije |
I kod za <head>:
<link rel="icon" href="/favicon.ico" sizes="32x32">
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">
Savjet za dizajn: Pri 16 piksela, logo i tekst postaju mutni. Koristite simbol, prvo slovo imena ili pojednostavljeni znak na kontrastnoj pozadini. Za Apple Touch ikonu nemojte koristiti prozirnu pozadinu - iOS će je ispuniti crnom bojom.
Kako sami napraviti favicon, bez dizajnera?
Ako uopće nemate ikone, osnovni set možete kreirati za pola sata. Evo postupka:
- Koristite simbol, a ne cijeli logo. Koristite prvo slovo naziva, simbol iz logotipa ili jednostavan geometrijski oblik u boji brenda. Pobrinite se da bude prepoznatljiv na 16 piksela.
- Nacrtajte kvadrat dimenzija 512x512. Bilo koji grafički editor ili online dizajner će poslužiti. Ostavite margine oko ivica kako znak ne bi prelazio preko okvira.
- Sačuvajte izvorni fajl kao SVG — on će postati
favicon.svg, a svi PNG fajlovi potrebnih veličina mogu se izrezati bez gubitka kvaliteta. - Generirajte preostale veličine (ICO, 180, 192) u generatoru ikona i postavite datoteke u korijenski direktorij web-mjesta.
- Zalijepite kod u glavu i ponovo provjerite rezultat u alatu.
Provjerite kako ikona izgleda u tamnoj temi preglednika: crna ikona na prozirnoj pozadini jednostavno nestaje u tamnoj Chrome kartici. Svijetla pozadina ili kontrastni obris će pomoći.
Zašto Google ne prikazuje favicon stranice?
Najčešće postavljano pitanje: Ako u rezultatima pretrage vidite sivi globus pored adrese, obično postoji nekoliko razloga za to:
- Ikona nije kvadratnog oblika. Google zahtijeva omjer stranica 1:1 i veličinu od najmanje 8x8, ali preporučuje veću od 48x48: sićušna
favicon.icood 16x16 izgleda mutno u rezultatima pretrage. - Ikona je blokirana za robote. Google -Image mora imati pristup datoteci ikone, a Google mora imati pristup glavnoj datoteci. Ako je folder slike blokiran u robots.txt datoteci ili se datoteka vrati s greškom, ikona se neće pojaviti u rezultatima pretrage.
- Oznaka nije na početnoj stranici. Google uzima favicon sa početne stranice domene ili poddomene; odjeljak početne stranice, kao što je
example.com/shopnije prikladan. - Adresa ikone je nestabilna. Ako se putanja mijenja sa svakom izmjenom stranice (
/icon.a83f2.png), Google možda neće moći brzo da je ažurira. - Prošlo je dosta vremena. Google ne ažurira favicon odmah nakon ispravke; možete ubrzati proces tako što ćete zatražiti ponovno skeniranje početne stranice u Search Consoleu. Google ne navodi tačan vremenski okvir, pa rezultate provjerite tek nakon nekoliko dana.
- Ikona krši pravila. Google zamjenjuje neprihvatljive slike standardnom ikonom.
Poređenje: Provjera favikona i alternative
| Alat | Šta je besplatno? | Ograničenja | Za koga je pogodno? |
|---|---|---|---|
| PromoPilot - Provjera ikona favikona | Sve ikone iz HTML-a i standardne putanje, veličine, pregledi, Apple Touch ikona, preporuke | Ne kreira ikone, provjerava glavnu | Brzo provjerite svoju web stranicu ili web stranicu konkurenta |
| RealFaviconGenerator | Generiranje seta ikona i koda, provjera favicon-a | Generator proizvodi mnogo datoteka, morate shvatiti koje zadržati | Za one kojima je potrebno da naprave ikone od nule |
| Google konzola za pretraživanje | Zahtjev za ponovno skeniranje glavnog | Samo njegova verifikovana stranica, ne provjerava ikonu | Ubrzajte ažuriranje ikona u rezultatima pretrage |
| Alati za razvojne programere u pregledniku | Kartica s manifestom i ikonama | Morate znati gdje tražiti | Za programere |
Zaključak: online alat je praktičniji za provjeru, generator za kreiranje seta, a Search Console za ubrzavanje ažuriranja u Google.
Inače, PromoPilot ima 87 besplatnih SEO alata. Lako možete vidjeti kako favicon izgleda pored naslova u SERP pregledu - imamo poseban članak o tome u našoj seriji.
Koja su ograničenja verifikacije favicona?
Alat provjerava šta stranica oglašava i vraća: neće vam reći kada Google ažurira ikonu u rezultatima pretrage - to zavisi od same tražilice. Ako ikone doda skripta nakon što se stranica učita, neke možda neće biti uključene u izvještaj. Provjera također pregleda domenu u cjelini - ako različiti dijelovi stranice imaju različite ikone (na primjer, poddomena trgovine), provjerite ih zasebno.
Kada besplatni alat nije dovoljan?
Favicon je manji problem koji rijetko zahtijeva specijalistu. Ali postoje slučajevi kada je manji problem simptom. Pomoć je potrebna ako:
- ikona je ispravna, ali Google već mjesecima prikazuje globus - to znači da je problem u pristupu robota ili u predlošku;
- Brend nema jednostavan logo i potreban mu je korporativni stil koji funkcioniše na 16 piksela;
- Stranica je kompajlirana pomoću alata za izradu web stranica, a putanje do ikona se mijenjaju sa svakim ažuriranjem;
- Favicon je samo jedna od desetina manjih grešaka koje su se nagomilale tokom godina.
Šta mogu učiniti za vašu web stranicu?
Ja sam Valeriy Danyuk, programer i SEO stručnjak sa 12 godina iskustva i preko 200 klijenata. Postavljam favicon-e, preglede društvenih mreža i oznake na svakoj web stranici prije njenog pokretanja.
SEO i revizija
- SEO revizija web stranice po sistemu "ključ u ruke": Pronalazim sve tehničke detalje - od favicona i pregleda do indeksiranja i brzine - i ispravljam ih u kodu.
Web stranice i online trgovine
- Napravite web stranicu u stilu tuđe web stranice za nekoliko minuta — na 1001site, ikone, pregledi i izgled se konfigurišu automatski.
- Tilda s pretplatom ili web stranica s umjetnom inteligencijom - iskreno poređenje pristupa.
- Koliko košta izrada web stranice po sistemu "ključ u ruke" u 2026. godini? Koji faktori određuju cijenu?
- WordPress web stranica sa AI asistentom za 299 € i 3 dana.
CRM i automatizacija
- Prilagođeni CRM sistem sa bazom podataka kupaca i donosilaca odluka za kompaniju iz Slovačke.
- CRM za kompaniju za rastavljanje automobila koji automatski izračunava cijene i štampa fakture.
Pošalji mi adresu web stranice u Telegram - provjerit ću ikone i pet ili šest drugih sitnica koje se često zaborave.
Rezultat
- Favicon Checker pronalazi sve ikone web-mjesta, njihove veličine i prikazuje koje nedostaju za minutu.
- Minimalni set: favicon.ico, favicon.svg, Apple Touch Icon 180×180 i ikone 192 i 512 za web-manifest.
- Za Google ikona mora biti kvadratna, veća od 48x48, dostupna robotu i deklarirana na glavnoj stranici.
- Ako je lakše obnoviti web stranicu nego popraviti manje probleme, 1001site automatski prilagođava ikone i preglede.
Provjerite svoju domenu pomoću besplatnog Favicon Checkera – i istovremeno provjerite domenu vašeg glavnog konkurenta.
Izvori
- PromoPilotova stranica za provjeru favikona — popis provjera i često postavljana pitanja.
- Google Search Central - Zahtjevi za favikonu rezultata pretrage.
- RealFaviconGenerator — generira i testira skup ikona.
