Telegram, WhatsApp+380637610482
Valery Danyuk
Valery DanyukontwikkelaarOntwikkeling van KI-gereedskap vir besighede. Hoë gehalte. Bekostigbaar.Skryf in Telegram

Gaan jou webwerf se favicon aanlyn na: watter groottes word benodig en hoekom wys Google nie die favicon nie

Gaan jou webwerf se gunstelingikoon aanlyn na: ICO, PNG, SVG en Apple Touch-ikone met groottes en voorskoue.

Wat jy sal kry

  • Lys van alle webwerf-ikone – ICO, PNG, SVG, Apple Touch-ikoon – met groottes en voorskoue, gratis
  • Die minimum favicon-stel wat 'n webwerf in 2026 benodig, en die gereedgemaakte kode
  • Redes waarom Google grys aardbol in plaas van jou ikoon wys
Toepas: oor 10 minuteStoor: vertroue en herkenning in soekresultate en blaaier-oortjies

Die kort antwoord: om jou webwerf se favicon aanlyn na te gaan, voer jou domein in PromoPilot se gratis Favicon Checker in en klik "Kontroleer". Die instrument sal alle ikone vind wat in HTML verklaar is en in standaardpaaie soos /favicon.ico geleë is, 'n voorskou en grootte van elk vertoon, die Apple Touch-ikoon nagaan en jou vertel watter groottes ontbreek. Hieronder is 'n minimale stel ikone, die voltooide kode en die redes waarom Google 'n grys aardbol in plaas van jou logo wys.

Ek maak al 12 jaar lank webwerwe, en ek weet: gunstelingikone word meer gereeld vergeet as enige ander element. Die ontwerper skep die logo, die ontwikkelaar bou die webwerf, en tog voeg niemand ooit 'n gunstelingikoon by die oortjie nie – totdat die eerste kliënt vra: "Waarom het ons mededinger 'n gunstelingikoon in Google en ons nie?"

Wat kontroleer Favicon Check?

'n Webwerf-ikoon is nie meer net 'n enkele favicon.ico -lêer nie. Blaaiers, iPhone, Android en Google gebruik almal verskillende lêers en groottes. Hierdie hulpmiddel versamel hulle almal in 'n enkele verslag.

Wat kontroleer dit? Waarna kyk hy? Waarom het die webwerf dit nodig?
Ikone van HTML Alle etikette <link rel="icon">, shortcut icon, apple-touch-icon Dit is hierdie wat blaaiers en Google eerstens neem
Standaardpaaie /favicon.ico in die wortel van die webwerf en ander tipiese adresse Baie stelsels soek die ikoon daar selfs sonder 'n etiket.
Die grootte van elke ikoon Breedte en hoogte in pixels, formaat ICO, PNG, SVG Die klein ikoon is vaag op hoëdefinisie-skerms.
Apple Touch-ikoon Is daar 'n ikoon vir iPhone en iPad? Daarsonder sal 'n skermkiekie van die bladsy op die tuisskerm verskyn.
Voorskou Hoe lyk elke gevonde ikoon? Jy kan gebreekte, leë of vreemde (sjabloon) ikone sien
Aanbevelings Watter groottes ontbreek? 'n Kant-en-klare lys van take vir 'n ontwerper

Hoe om 'n webwerf se favicon aanlyn na te gaan?

Kontroleer jou gunstelingikoon in 3 stappe: voer jou domein in, klik "Kontroleer" en ondersoek die gevonde ikone, groottes en aanbevelings.

  1. Maak die Favicon-kontroleerder oop.
  2. Voer die domein in - example.com is genoeg, sonder om die bladsy te spesifiseer.
  3. Klik "Kontroleer." Die instrument sal die tuisblad se HTML en standaardpaaie analiseer.
  4. Hersien die ikone wat gevind is: voorskou, formaat en grootte van elkeen. Kontroleer of daar 'n standaard CMS- of gasheerikoon tussen hulle is.
  5. Lees die aanbevelings en verskaf die ontbrekende afmetings aan die ontwerper of maak dit self.

Gereedskapsbladsy: domeinveld, "Kontroleer"-knoppie en beskrywing van kontroles met algemene vrae.

PromoPilot se gratis Favicon Checker-bladsy: Domeinveld, soektog na alle ikone en Apple Touch-ikoonkontrole

Verifikasie is maklik—die gastelimiet is genoeg om jou eie webwerf en 'n paar mededingers se webwerwe vir vergelyking na te gaan. Ikone van enige webwerf kan besigtig en afgelaai word—handig as jy die oorspronklike van jou eie logo moet vind, wat saam met 'n ou kontrakteur verlore geraak het.

Watter favicon-groottes word in 2026 benodig?

Ikoongenerators produseer dikwels 20 lêers, maar wat regtig nodig is, is 'n kompakte stel. Hier is die minimum wat ek vir al my projekte gebruik:

Lêer Grootte Waar word dit gebruik?
favicon.ico 16×16 en 32×32 in een lêer Ou blaaiers, stelsels wat soek na 'n ikoon in die wortel
favicon.svg Vektor Moderne blaaiers, duidelik op enige skerm
apple-touch-icon.png 180×180 iPhone en iPad Tuisskerm
icon-192.png en icon-512.png 192×192 en 512×512 Webmanifest: Android, installering van 'n webwerf as 'n toepassing

En die kode vir <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">

Ontwerpwenk: By 16 pixels word die logo en teks vaag. Gebruik 'n simbool, die eerste letter van die naam, of 'n vereenvoudigde karakter op 'n kontrasterende agtergrond. Vir die Apple Touch-ikoon, moenie 'n deursigtige agtergrond gebruik nie—iOS sal dit met swart vul.

Hoe om self 'n favicon te maak, sonder 'n ontwerper?

As jy glad nie enige ikone het nie, kan jy binne 'n halfuur 'n basiese stel skep. Hier is die prosedure:

  1. Gebruik 'n simbool, nie die hele logo nie. Gebruik die eerste letter van die naam, 'n simbool van die logo, of 'n eenvoudige geometriese vorm in die handelsmerkkleur. Maak seker dit is herkenbaar teen 16 pixels.
  2. Teken 'n 512x512 vierkant. Enige grafiese redigeerder of aanlyn ontwerper sal werk. Los 'n paar marges om die kante sodat die teken nie in die grense inloop nie.
  3. Stoor die bronlêer as SVG — dit sal favicon.svg word, en alle PNG's van die vereiste groottes kan sonder kwaliteitsverlies gesny word.
  4. Genereer die oorblywende groottes (ICO, 180, 192) in die ikoongenerator en plaas die lêers in die wortel van die webwerf.
  5. Plak die kode in die kop en kontroleer die resultaat weer in die instrument.

Kyk hoe die ikoon in die blaaier se donker tema verskyn: 'n swart ikoon op 'n deursigtige agtergrond verdwyn eenvoudig in 'n donker Chrome-oortjie. 'n Ligte agtergrond of 'n kontrasterende buitelyn sal help.

Waarom wys Google nie die webwerf se favicon nie?

Die mees algemene vraag: As jy 'n grys aardbol langs 'n adres in die soekresultate sien, is daar gewoonlik verskeie redes:

  1. Die ikoon is nie vierkantig nie. Google vereis 'n 1:1-aspekverhouding en 'n grootte van minstens 8x8, maar beveel groter as 48x48 aan: die klein 16x16 favicon.ico lyk vaag in soekresultate.
  2. Die ikoon is geblokkeer vir robotte. Google - Beeld moet toegang hê tot die ikoonlêer, en Google moet toegang hê tot die hooflêer. As die beeldmap in robots.txt geblokkeer is of die lêer met 'n fout teruggegee word, sal die ikoon nie in die soekresultate verskyn nie.
  3. Die etiket is nie op die tuisblad nie. Google neem die gunstelingikoon van die domein of subdomein se tuisblad; die tuisblad-afdeling, soos example.com/shop is nie geskik nie.
  4. Die ikoon se adres is onstabiel. As die pad met elke webwerfbou verander ( /icon.a83f2.png), sal Google dit dalk nie vinnig kan opdateer nie.
  5. Dit is al 'n rukkie gelede. Google werk nie die favicon onmiddellik na 'n regstelling op nie; jy kan dit versnel deur 'n herskandering van die tuisblad in Search Console aan te vra. Google verskaf nie 'n presiese tydsraamwerk nie, so kyk na die resultate nie vroeër as 'n paar dae later nie.
  6. Die ikoon oortree die reëls. Google vervang onaanvaarbare beelde met 'n standaardikoon.

Vergelyking: Favicon Checker en Alternatiewe

Gereedskap Wat is gratis? Beperkings Vir wie is dit geskik?
PromoPilot - Favicon-kontroleerder Alle ikone van HTML en standaardpaaie, groottes, voorskoue, Apple Touch-ikoon, aanbevelings Skep nie ikone nie, kontroleer die hoof een Gaan vinnig jou webwerf of dié van 'n mededinger na
RealFaviconGenerator Genereer 'n stel ikone en kode, kontroleer favicon Die generator produseer baie lêers, jy moet uitvind watter om te hou Vir diegene wat ikone van nuuts af moet maak
Google Soekkonsole Versoek herskandering van die hoof Slegs die geverifieerde webwerf, kyk nie na die ikoon nie Versnel ikoonopdaterings in soekresultate
Ontwikkelaarsnutsgoed in die blaaier Oortjie met manifes en ikone Jy moet weet waar om te kyk Vir ontwikkelaars

Gevolgtrekking: 'n aanlyn hulpmiddel is geriefliker vir kontrolering, 'n kragopwekker vir die skep van 'n stel, en Search Console vir die versnelling van opdaterings in Google.

Terloops, PromoPilot het 87 gratis SEO-gereedskap. Jy kan maklik sien hoe die favicon langs die titel in die SERP-voorskou lyk—ons het 'n aparte artikel daaroor in ons reeks.

Wat is die beperkings van favicon-verifikasie?

Die instrument kyk na wat die webwerf adverteer en terugstuur: dit sal jou nie vertel wanneer Google die ikoon in soekresultate opdateer nie – dit is aan die soekenjin self. As ikone deur 'n skrip bygevoeg word nadat die bladsy gelaai het, word sommige dalk nie in die verslag ingesluit nie. Die kontrole kyk ook na die domein as geheel – as verskillende afdelings van die webwerf verskillende ikone het (byvoorbeeld 'n winkel-subdomein), kyk dit afsonderlik na.

Wanneer is 'n gratis hulpmiddel nie genoeg nie?

'n Webwerf sonder 'n gunstelingikoon en met 'n volledige stel ikone: Google se grys aardbol teenoor sy eie ikoon en die Apple Touch-ikoon

’n Favicon is ’n klein probleempie wat selde ’n spesialis benodig. Maar daar is tye wanneer ’n klein probleempie ’n simptoom is. Hulp is nodig as:

  • die ikoon is korrek, maar Google wys al maande lank 'n aardbol - dit beteken die probleem is met die robot se toegang of met die sjabloon;
  • die handelsmerk het nie 'n eenvoudige logo nie en benodig 'n korporatiewe styl wat op 16 pixels werk;
  • die webwerf word saamgestel met behulp van 'n bouer, en die paaie na die ikone verander met elke opdatering;
  • Die favicon is net een van dosyne klein foute wat oor die jare opgehoop het.

Wat kan ek vir jou webwerf doen?

Ek is Valeriy Danyuk, 'n ontwikkelaar en SEO-spesialis met 12 jaar ervaring en meer as 200 kliënte. Ek stel gunstelingikone, sosiale media-voorskoue en opmaak op elke webwerf op voordat dit bekendgestel word.

SEO en oudit

  • Sleutelklaar webwerf SEO-oudit: Ek vind al die tegniese besonderhede—van favicon en voorskoue tot indeksering en spoed—en maak dit reg in die kode.

Webwerwe en aanlynwinkels

CRM en outomatisering

Stuur vir my die webwerfadres in Telegram - ek sal die ikone en vyf of ses ander klein dingetjies wat dikwels vergeet word, nagaan.

Resultaat

  1. Favicon Checker vind alle webwerf-ikone, hul groottes, en wys watter binne 'n minuut ontbreek.
  2. Minimum stel: favicon.ico, favicon.svg, Apple Touch-ikoon 180×180, en ikone 192 en 512 vir webmanifest.
  3. Vir Google moet die ikoon vierkantig wees, groter as 48x48, toeganklik vir die robot en op die hoofblad verklaar word.
  4. As dit makliker is om 'n webwerf te herbou as om klein probleempies op te los, pas 1001site ikone en voorskoue outomaties aan.

Kontroleer jou domein met die gratis Favicon Checker – en kontroleer jou hoofmededinger se domein terselfdertyd.

Bronne

  • PromoPilot se Favicon Checker-bladsy — lys van kontroles en algemene vrae.
  • Google Search Central - Soekresultate Favicon Vereistes.
  • RealFaviconGenerator — genereer en toets 'n stel ikone.

Verwysings en bronne

Vrae en antwoorde

Waarom het 'n webwerf 'n favicon nodig?

'n Favicon is 'n webwerf-ikoon wat in blaaier-oortjies, boekmerke, geskiedenis en langs die adres in Google -soekresultate op fone en rekenaars verskyn. 'n Favicon maak 'n webwerf herkenbaar en onderskei dit van ander soekresultate; sonder een vertoon die blaaier en Google 'n generiese ikoon.

Watter favicon-groottes word benodig?

Die praktiese minimum: favicon.ico (16 en 32 pixels binne 'n enkele lêer) of PNG 32x32 vir webblaaiers, SVG vir moderne webblaaiers, Apple Touch Icon 180x180 vir iPhone en iPad, PNG 192x192 en 512x512 vir die webmanifes op Android. Vir Google moet die ikoon vierkantig wees; 'n grootte groter as 48x48 word aanbeveel.

Wat is die Apple Touch-ikoon?

Dit is die ikoon wat iPhones en iPads vertoon wanneer 'n webwerf by die tuisskerm gevoeg word, sowel as in sommige Safari-boekmerke. Die standaardgrootte is 'n 180x180 pixel PNG, sonder deursigtigheid. Sonder deursigtigheid gebruik die toestel 'n verkleinde skermkiekie van die bladsy.

Ons het die webwerf nagegaan, maar daar is niemand om dit reg te maak nie?

Hierdie gratis hulpmiddel onthul probleme. Ek sal die verslag ontleed, prioritiseer en regstel: SEO-oudit, versnelling, opmaak en migrasie na 'n nuwe webwerf sonder om ranglys te verloor.