Kratek odgovor: če želite preveriti ikono priljubljene (favicon) svojega spletnega mesta na spletu, vnesite svojo domeno v brezplačni pregledovalnik ikon priljubljene (Favicon Checker) PromoPilota in kliknite»Preveri«. Orodje bo našlo vse ikone, deklarirane v HTML-ju in nameščene na standardnih poteh, kot je /favicon.ico, prikazalo predogled in velikost vsake od njih, preverilo ikono Apple Touch in vam povedalo, katere velikosti manjkajo. Spodaj je minimalen nabor ikon, končana koda in razlogi, zakaj Google namesto vašega logotipa prikazuje siv globus.
Spletne strani izdelujem že 12 let in vem: na favikone pozabimo pogosteje kot na kateri koli drug element. Oblikovalec ustvari logotip, razvijalec zgradi spletno stran, pa vendar nihče nikoli ne doda favikona na zavihek – dokler prva stranka ne vpraša: "Zakaj ima naš konkurent favikona v Google, mi pa ne?"
Kaj preverja Favicon Check?
Ikona spletnega mesta ni več samo ena sama datoteka favicon.ico. Brskalniki, iPhone, Android in Google uporabljajo različne datoteke in velikosti. To orodje jih vse združi v eno samo poročilo.
| Kaj preverja? | Kaj gleda? | Zakaj spletno mesto to potrebuje? |
|---|---|---|
| Ikone iz HTML-ja | Vse oznake <link rel="icon">, shortcut icon, apple-touch-icon | Prav te brskalniki in Google najprej upoštevajo |
| Standardne poti | /favicon.ico v korenu spletnega mesta in drugi tipični naslovi | Mnogi sistemi iščejo ikono tam tudi brez oznake. |
| Velikost vsake ikone | Širina in višina v slikovnih pikah, format ICO, PNG, SVG | Majhna ikona je na zaslonih visoke ločljivosti zamegljena. |
| Ikona Apple Touch | Ali obstaja ikona za iPhone in iPad? | Brez njega se bo na začetnem zaslonu prikazal posnetek zaslona strani. |
| Predogled | Kako izgleda vsaka najdena ikona? | Vidite lahko pokvarjene, prazne ali tuje (predloge) ikone |
| Priporočila | Katere velikosti manjkajo? | Pripravljen seznam nalog za oblikovalca |
Kako preveriti favicon spletnega mesta na spletu?
- Odprite preverjevalnik ikon priljubljenih.
- Vnesite domeno –
example.comje dovolj, brez navedbe strani. - Kliknite»Preveri«. Orodje bo analiziralo HTML domače strani in standardne poti.
- Preglejte najdene ikone: predogled, obliko in velikost vsake. Preverite, ali je med njimi standardna ikona CMS ali gostovanja.
- Preberite priporočila in oblikovalcu posredujte manjkajoče dimenzije ali pa jih izdelajte sami.
Stran z orodjem: polje domene, gumb»Preveri« in opis preverjanj s pogostimi vprašanji.
Preverjanje je enostavno – omejitev števila gostov je dovolj za primerjavo vašega spletnega mesta in nekaj spletnih mest konkurence. Ikone s katerega koli spletnega mesta si lahko ogledate in prenesete – priročno, če morate najti original svojega logotipa, ki ste ga izgubili skupaj s starim izvajalcem.
Katere velikosti ikone za objavo so potrebne leta 2026?
Generatorji ikon pogosto ustvarijo 20 datotek, vendar je v resnici potreben kompakten nabor. Tukaj je minimum, ki ga uporabljam za vse svoje projekte:
| Datoteka | Velikost | Kje se uporablja? |
|---|---|---|
favicon.ico | 16×16 in 32×32 v eni datoteki | Stari brskalniki, sistemi, ki iščejo ikono v korenski mapi |
favicon.svg | Vektor | Sodobni brskalniki, jasni na katerem koli zaslonu |
apple-touch-icon.png | 180×180 | Začetni zaslon iPhona in iPada |
icon-192.png in icon-512.png | 192×192 in 512×512 | Spletni manifest: Android, namestitev spletnega mesta kot aplikacije |
In koda 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">
Nasvet za oblikovanje: Pri 16 slikovnih pikah postaneta logotip in besedilo zamegljena. Uporabite simbol, prvo črko imena ali poenostavljen znak na kontrastnem ozadju. Za ikono Apple Touch ne uporabljajte prozornega ozadja – iOS jo bo zapolnil s črno barvo.
Kako narediti favicon sami, brez oblikovalca?
Če sploh nimate nobenih ikon, lahko osnovni komplet ustvarite v pol ure. Postopek je naslednji:
- Uporabite simbol, ne celotnega logotipa. Uporabite prvo črko imena, simbol iz logotipa ali preprosto geometrijsko obliko v barvi blagovne znamke. Prepričajte se, da je prepoznavna pri 16 slikovnih pikah.
- Narišite kvadrat velikosti 512 x 512. Vsak grafični urejevalnik ali spletni oblikovalec bo zadostoval. Ob robovih pustite nekaj robov, da znak ne bo segal čez robove.
- Izvorno datoteko shranite kot SVG – postala bo
favicon.svg, vse PNG-je zahtevanih velikosti pa je mogoče obrezati brez izgube kakovosti. - Preostale velikosti (ICO, 180, 192) ustvarite v generatorju ikon in datoteke postavite v koren spletnega mesta.
- Prilepite kodo v glavo in ponovno preverite rezultat v orodju.
Preverite, kako se ikona prikaže v temni temi brskalnika: črna ikona na prozornem ozadju preprosto izgine v temnem zavihku Chroma. Svetlo ozadje ali kontrastni obris bosta pomagala.
Zakaj Google ne prikaže ikone priljubljene strani?
Najpogostejše vprašanje: Če v rezultatih iskanja poleg naslova vidite siv globus, je za to običajno več razlogov:
- Ikona ni kvadratna. Google zahteva razmerje stranic 1:1 in velikost vsaj 8x8, vendar priporoča večjo od 48x48: drobna
favicon.icovelikosti 16x16 je v rezultatih iskanja videti zamegljena. - Ikona je blokirana za robote. Google -Image mora imeti dostop do datoteke ikone, Google pa mora imeti dostop do glavne datoteke. Če je mapa s slikami blokirana v datoteki robots.txt ali če je datoteka vrnjena z napako, se ikona ne bo prikazala v rezultatih iskanja.
- Oznaka ni na domači strani. Google vzame ikono priljubljene z domače strani domene ali poddomene; razdelek domače strani, kot je
example.com/shopni primeren. - Naslov ikone je nestabilen. Če se pot spreminja z vsako izdelavo spletnega mesta (
/icon.a83f2.png), je Google morda ne bo mogel hitro posodobiti. - Minilo je že nekaj časa. Google ne posodobi ikone priljubljene takoj po popravku; postopek lahko pospešite tako, da v Search Console zahtevate ponovno skeniranje domače strani. Google ne navaja natančnega časovnega okvira, zato rezultate preverite šele čez nekaj dni.
- Ikona krši pravila. Google zamenja nesprejemljive slike s standardno ikono.
Primerjava: Preverjevalnik ikon priljubljenih in alternative
| Orodje | Kaj je brezplačno? | Omejitve | Za koga je primerno? |
|---|---|---|---|
| PromoPilot - Preverjevalnik ikon priljubljenih | Vse ikone iz HTML-ja in standardne poti, velikosti, predogledi, ikona Apple Touch, priporočila | Ne ustvarja ikon, preveri glavno | Hitro preverite svojo spletno stran ali spletno stran konkurence |
| RealFaviconGenerator | Generiranje nabora ikon in kode, preverjanje ikone priljubljene | Generator ustvari veliko datotek, ugotoviti morate, katere boste obdržali | Za tiste, ki morajo izdelati ikone iz nič |
| Konzola za iskanje Google | Zahtevajte ponovno skeniranje glavne strani | Samo preverjeno spletno mesto, ne preverja ikone | Pospešite posodabljanje ikon v rezultatih iskanja |
| Orodja za razvijalce v brskalniku | Zavihek z manifestom in ikonami | Vedeti morate, kje iskati | Za razvijalce |
Zaključek: spletno orodje je bolj priročno za preverjanje, generator za ustvarjanje nabora, Search Console pa za pospešitev posodobitev v Google.
Mimogrede, PromoPilot ima 87 brezplačnih orodij za SEO. Kako je ikona priljubljene videti poleg naslova, si lahko preprosto ogledate v predogledu SERP – o tem imamo v naši seriji ločen članek.
Kakšne so omejitve preverjanja ikone priljubljene?
Orodje preveri, kaj spletno mesto oglašuje in vrne: ne bo vam povedalo, kdaj Google posodobi ikono v rezultatih iskanja – to je odvisno od samega iskalnika. Če ikone doda skript po nalaganju strani, nekatere morda ne bodo vključene v poročilo. Preverjanje pregleda tudi domeno kot celoto – če imajo različni deli spletnega mesta različne ikone (na primer poddomena trgovine), jih preverite ločeno.
Kdaj brezplačno orodje ni dovolj?
Favicon je manjša težava, ki redko zahteva specialista. Vendar pa so primeri, ko je manjša težava simptom. Pomoč je potrebna, če:
- ikona je pravilna, vendar Google že mesece prikazuje globus – to pomeni, da je težava v dostopu robota ali v predlogi;
- blagovna znamka nima preprostega logotipa in potrebuje korporativni slog, ki deluje na 16 slikovnih pikah;
- spletno mesto je sestavljeno z graditeljem, poti do ikon pa se spreminjajo z vsako posodobitvijo;
- Favicon je le ena od ducatov manjših napak, ki so se nabrale skozi leta.
Kaj lahko storim za vašo spletno stran?
Sem Valeriy Danyuk, razvijalec in SEO specialist z 12 leti izkušenj in več kot 200 strankami. Pred objavo vsakega spletnega mesta nastavim ikone priljubljenih, predoglede za družbena omrežja in označevanje.
SEO in revizija
- SEO pregled spletnega mesta na ključ: Poiščem vse tehnične podrobnosti – od ikone in predogledov do indeksiranja in hitrosti – in jih popravim v kodi.
Spletne strani in spletne trgovine
- Ustvarite spletno mesto v slogu spletnega mesta nekoga drugega v nekaj minutah – na 1001site se ikone, predogledi in postavitev konfigurirajo samodejno.
- Tilda z naročnino ali spletna stran z umetno inteligenco – iskrena primerjava pristopov.
- Koliko stane spletna stran na ključ v letu 2026? Kateri dejavniki določajo ceno?
- Spletna stran WordPress z umetno inteligenco kot pomočnikom za 299 € in 3 dni.
CRM in avtomatizacija
- CRM sistem po meri z bazo podatkov o strankah in odločevalci za podjetje iz Slovaške.
- CRM za podjetje za razstavljanje avtomobilov, ki samodejno izračuna cene in natisne račune.
Pošlji mi spletni naslov v Telegram - preveril bom ikone in pet ali šest drugih malenkosti, ki so pogosto pozabljene.
Rezultat
- Favicon Checker v minuti poišče vse ikone spletnih mest, njihove velikosti in pokaže, katere manjkajo.
- Minimalni nabor: favicon.ico, favicon.svg, ikona Apple Touch 180×180 ter ikoni 192 in 512 za spletni manifest.
- Za Google mora biti ikona kvadratna, večja od 48x48, dostopna robotu in deklarirana na glavni strani.
- Če je lažje obnoviti spletno mesto kot odpraviti manjše težave, 1001site samodejno prilagodi ikone in predoglede.
Preverite svojo domeno z brezplačnim orodjem za preverjanje ikon Favicon – in hkrati preverite domeno svojega glavnega konkurenta.
Viri
- Stran s preverjevalnikom ikon priljubljenih na PromoPilotu – seznam preverjanj in pogosta vprašanja.
- Google Search Central - Zahteve za ikono priljubljene v rezultatih iskanja.
- RealFaviconGenerator — ustvari in preizkusi nabor ikon.
