Athugaðu favicon vefsíðunnar þinnar á netinu: hvaða stærðir þarf og hvers vegna Google sýnir ekki favicon-táknið

Stutta svarið: til að athuga favicon vefsíðunnar þinnar á netinu, sláðu inn lénið þitt í ókeypis Favicon Checker frá PromoPilot og smelltu á "Athuga". Tólið mun finna öll tákn sem eru skilgreind í HTML og staðsett í stöðluðum slóðum eins og /favicon.ico, birta forskoðun og stærð hverrar, athuga Apple Touch táknið og segja þér hvaða stærðir vantar. Hér að neðan er lágmarkssett af táknum, fullunninn kóði og ástæður þess að Google sýnir gráan hnött í stað merkisins þíns.

Ég hef verið að búa til vefsíður í 12 ár og ég veit: favicons gleymast oftar en nokkur annar þáttur. Hönnuðurinn býr til merkið, forritarinn smíðar vefsíðuna og samt bætir enginn við faviconi í flipann — fyrr en fyrsti viðskiptavinurinn spyr: „Af hverju er samkeppnisaðili okkar með favicon í Google en við ekki?“

Hvað athugar Favicon Check?

Vefsíðutákn er ekki lengur bara ein favicon.ico skrá. Vafrar, iPhone, Android og Google nota allir mismunandi skrár og stærðir. Þetta tól safnar þeim öllum saman í eina skýrslu.

Hvernig á að athuga favicon vefsíðu á netinu?

1. Opnaðu Favicon Checker.
2. Sláðu inn lénið - example.com er nóg, án þess að tilgreina síðuna.
3. Smelltu á „Athugaðu“. Tólið mun greina HTML forsíðunnar og staðlaðar slóðir.
4. Skoðaðu táknin sem fundust: forskoðun, snið og stærð hverrar. Athugaðu hvort tákn fyrir staðlað efnisstjórnunarkerfi eða vefhýsingu sé á meðal þeirra.
5. Lestu ráðleggingarnar og gefðu hönnuðinum upp á þær víddir sem vantar eða gerðu þær sjálfur.

Verkfærasíða: lénsreitur, hnappur „Athugun“ og lýsing á athugunum með algengum spurningum.

Staðfesting er einföld — fjöldi gesta nægir til að bera saman þína eigin síðu og nokkrar síður samkeppnisaðila. Hægt er að skoða og hlaða niður táknmyndum af hvaða síðu sem er — handhægt ef þú þarft að finna upprunalega merkið þitt, sem hefur glatast ásamt gömlum verktaka.

Hvaða stærðir af favicon táknum eru nauðsynlegar árið 2026?

Táknmyndaframleiðendur framleiða oft 20 skrár, en það sem raunverulega þarf er þétt sett. Hér er lágmarkið sem ég nota fyrir öll mín verkefni:

Og kóðinn fyrir <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">

Hönnunarráð: Við 16 pixla verða merkið og textinn óskýr. Notið tákn, fyrsta staf nafnsins eða einfaldaðan staf á andstæðum bakgrunni. Fyrir Apple Touch táknið, notið ekki gegnsæjan bakgrunn — iOS fyllir hann með svörtu.

Hvernig á að búa til favicon sjálfur, án hönnuðar?

Ef þú ert ekki með neinar táknmyndir yfir höfuð geturðu búið til grunnsett á hálftíma. Hér er ferlið:

1. Notið tákn, ekki allt merkið. Notið fyrsta staf nafnsins, tákn úr merkinu eða einfalda rúmfræðilega lögun í lit vörumerkisins. Gakktu úr skugga um að það sé auðþekkjanlegt með 16 pixlum.
2. Teiknaðu 512x512 ferning. Hvaða grafíkforrit eða vefhönnuður sem er dugar. Skildu eftir smá spássíu meðfram brúnunum svo skiltið fari ekki yfir í jaðrana.
3. Vistaðu frumskrána sem SVG — hún verður favicon.svg og allar PNG myndir af nauðsynlegum stærðum er hægt að klippa án þess að gæði tapist.
4. Búið til eftirstandandi stærðir (ICO, 180, 192) í táknmyndaframleiðandanum og setjið skrárnar í rót vefsíðunnar.
5. Límdu kóðann inn í hausinn og athugaðu niðurstöðuna aftur í tólinu.

Athugaðu hvernig táknið birtist í dökku þema vafrans: svart tákn á gegnsæjum bakgrunni hverfur einfaldlega í dökkum Chrome flipa. Ljós bakgrunnur eða andstæður útlínur munu hjálpa.

Af hverju sýnir Google ekki favicon síðunnar?

Algengasta spurningin: Ef þú sérð gráan hnött við hliðina á heimilisfangi í leitarniðurstöðum eru það venjulega nokkrar ástæður:

1. Táknið er ekki ferkantað. Google krefst 1:1 myndhlutfalls og að það sé að minnsta kosti 8x8 að stærð, en mælir með stærra en 48x48: litla 16x16 favicon.ico lítur óskýrt út í leitarniðurstöðum.
2. Táknið er lokað fyrir robots. Google - Myndin verður að hafa aðgang að táknskránni og Google verður að hafa aðgang að aðalskránni. Ef myndamöppan er lokuð í robots.txt eða skráin skilar villu, mun táknið ekki birtast í leitarniðurstöðunum.
3. Merkið er ekki á forsíðunni. Google tekur favicon af forsíðu lénsins eða undirlénsins; forsíðuhlutinn, eins og example.com/shop hentar ekki.
4. Vistfang táknsins er óstöðugt. Ef slóðin breytist með hverri vefsíðugerð ( /icon.a83f2.png) gæti Google ekki getað uppfært hana fljótt.
5. Það er búin að vera smá tími síðan. Google uppfærir ekki favicon strax eftir lagfæringu; þú getur flýtt fyrir því með því að biðja um endurskoðun á forsíðunni í Search Console. Google gefur ekki upp nákvæman tímaramma, svo athugaðu niðurstöðurnar ekki fyrr en nokkrum dögum síðar.
6. Táknið brýtur gegn reglunum. Google skiptir út óásættanlegum myndum fyrir staðlað tákn.

Samanburður: Favicon Checker og valkostir

Niðurstaða: Nettól er þægilegra til að athuga, rafall til að búa til safn og Search Console til að flýta fyrir uppfærslum í Google.

Til gamans má geta að PromoPilot býður upp á 87 ókeypis SEO verkfæri. Þú getur auðveldlega séð hvernig favicon-táknið lítur út við hliðina á titlinum í forskoðun leitarniðurstaðna — við höfum sérstaka grein um það í greinaröð okkar.

Hverjar eru takmarkanir á staðfestingu favicon?

Tólið kannar hvað síðan auglýsir og skilar: það mun ekki segja þér hvenær Google uppfærir táknið í leitarniðurstöðum — það er undir leitarvélinni sjálfri komið. Ef táknum er bætt við af forskrift eftir að síðan hleðst inn, gætu sum þeirra ekki verið með í skýrslunni. Athugunin skoðar einnig lénið í heild sinni — ef mismunandi hlutar vefsíðunnar hafa mismunandi tákn (til dæmis undirlén verslunar), athugaðu þau sérstaklega.

Hvenær er ókeypis tól ekki nóg?

Favicon er minniháttar vandamál sem sjaldan þarfnast sérfræðings. En stundum er minniháttar vandamál einkenni. Hjálpar er þörf ef:

• Táknið er rétt, en Google hefur sýnt hnött í marga mánuði - þetta þýðir að vandamálið er með aðgang vélmennisins eða með sniðmátinu;
• Vörumerkið hefur ekki einfalt lógó og þarfnast fyrirtækjastíls sem virkar á 16 pixlum;
• Síðan er sett saman með því að nota byggingarforrit og slóðirnar að táknunum breytast með hverri uppfærslu;
• Favicon-táknið er bara ein af tugum minniháttar villna sem hafa safnast upp í gegnum árin.

Hvað get ég gert fyrir vefsíðuna þína?

Ég heiti Valeriy Danyuk, forritari og SEO sérfræðingur með 12 ára reynslu og yfir 200 viðskiptavini. Ég set upp favicons, forsýningar á samfélagsmiðlum og merkingar á hverri vefsíðu áður en hún er opnuð.

SEO og endurskoðun

• Tilbúin SEO endurskoðun á vefsíðu: Ég finn allar tæknilegu upplýsingarnar — allt frá favicon og forskoðunum til flokkunar og hraða — og lagfæri þær í kóðanum.

Vefsíður og netverslanir

• Búðu til vefsíðu í stíl við vefsíðu einhvers annars á nokkrum mínútum — hjá 1001site eru tákn, forsýningar og útlit stillt sjálfkrafa.
• Tilda með áskriftargjaldi eða vefsíða með gervigreind — heiðarleg samanburður á aðferðum.
• Hvað kostar vefsíða tilbúin árið 2026? Hvaða þættir ráða verðinu?
• WordPress vefsíða með gervigreindaraðstoðarmanni fyrir €299 og 3 daga.

CRM og sjálfvirkni

• Sérsniðið CRM kerfi með viðskiptavinagrunni og ákvarðanatökumönnum fyrir fyrirtæki frá Slóvakíu.
• CRM fyrir bílaafritunarfyrirtæki sem reiknar sjálfkrafa verð og prentar reikninga.

Sendu mér vefslóðina í Telegram - ég skal athuga táknin og fimm eða sex önnur smáatriði sem oft gleymast.

Niðurstaða

1. Favicon Checker finnur öll tákn vefsvæðisins, stærðir þeirra og sýnir hvaða tákn vantar á mínútu.
2. Lágmarksfjöldi: favicon.ico, favicon.svg, Apple Touch táknmynd 180×180 og táknmyndir 192 og 512 fyrir vefmanifest.
3. Fyrir Google verður táknið að vera ferkantað, stærra en 48x48, aðgengilegt vélmenninu og birt á aðalsíðunni.
4. Ef það er auðveldara að endurbyggja vefsíðu en að laga minniháttar vandamál, þá sérsníður 1001site tákn og forsýningar sjálfkrafa.

Athugaðu lénið þitt með ókeypis Favicon Checker – og athugaðu lénið hjá aðalkeppinautnum þínum á sama tíma.

Heimildir

• Favicon Checker síða PromoPilot — listi yfir athuganir og algengar spurningar.
• Google Search Central - Kröfur um Favicon fyrir leitarniðurstöður.
• RealFaviconGenerator — býr til og prófar safn af táknum.