Telegram, WhatsApp+380637610482
Valery Danyuk
Valery DanyukzhvilluesZhvillimi i mjeteve të inteligjencës artificiale për bizneset. Cilësi e lartë. Çmim i përballueshëm.Shkruani në Telegram

Kontrolloni ikonën e favikonit të faqes suaj të internetit në internet: çfarë madhësish nevojiten dhe pse Google nuk po e shfaq ikonën e favikonit

Kontrolloni ikonën e preferuar të faqes suaj të internetit në internet: ICO, PNG, SVG dhe ikonat Apple Touch me madhësi dhe pamje paraprake.

Çfarë do të merrni

  • Lista e të gjitha ikonave të faqes së internetit – ICO, PNG, SVG, Apple Touch Icon – me madhësi dhe pamje paraprake, falas
  • Seti minimal i favicon-ave që i duhet një faqeje interneti në vitin 2026 dhe kodi i gatshëm
  • Arsyet pse Google shfaq një glob gri në vend të ikonës suaj
Zbato: në 10 minutaRuan: besim dhe njohje në rezultatet e kërkimit dhe skedat e shfletuesit

Përgjigja e shkurtër: për të kontrolluar favicon-in e faqes suaj të internetit në internet, futni domenin tuaj në Favicon Checker falas të PromoPilot dhe klikoni "Kontrolloni". Mjeti do të gjejë të gjitha ikonat e deklaruara në HTML dhe të vendosura në shtigje standarde si /favicon.ico, do të shfaqë një pamje paraprake dhe madhësinë e secilës, do të kontrollojë ikonën Apple Touch dhe do t'ju tregojë se cilat madhësi mungojnë. Më poshtë është një grup minimal ikonash, kodi i përfunduar dhe arsyet pse Google po tregon një glob gri në vend të logos suaj.

Kam 12 vjet që krijoj faqe interneti dhe e di: favicon-et harrohen më shpesh se çdo element tjetër. Dizajneri krijon logon, zhvilluesi ndërton faqen e internetit, megjithatë askush nuk shton kurrë një favicon në skedë - derisa klienti i parë pyet: "Pse konkurrenti ynë ka një favicon në Google dhe ne jo?"

Çfarë kontrollon Favicon Check?

Një ikonë e një faqeje interneti nuk është më vetëm një skedar i vetëm favicon.ico. Shfletuesit, iPhone, Android dhe Google përdorin skedarë dhe madhësi të ndryshme. Ky mjet i grumbullon të gjitha në një raport të vetëm.

Çfarë kontrollon? Çfarë po shikon ai? Pse faqja ka nevojë për këtë?
Ikonat nga HTML Të gjitha etiketat <link rel="icon">, shortcut icon, apple-touch-icon Janë këto që shfletuesit dhe Google i marrin në radhë të parë
Shtigje standarde /favicon.ico në rrënjën e faqes dhe adresa të tjera tipike Shumë sisteme e kërkojnë ikonën atje edhe pa një etiketë.
Madhësia e secilës ikonë Gjerësia dhe lartësia në piksel, formati ICO, PNG, SVG Ikona e vogël është e turbullt në ekranet me definicion të lartë.
Ikona Apple Touch A ka ndonjë ikonë për iPhone dhe iPad? Pa të, një pamje e ekranit të faqes do të shfaqet në Ekranin Kryesor.
Pamje paraprake Si duket secila ikonë e gjetur? Mund të shihni ikona të thyera, bosh ose të huaja (shabllon)
Rekomandime Cilat madhësi mungojnë? Një listë e gatshme detyrash për një projektues

Si ta kontrolloni ikonën e faviconit të një faqeje interneti në internet?

Kontrolloni ikonën tuaj të preferuar në 3 hapa: futni domenin tuaj, klikoni "Kontrollo" dhe shqyrtoni ikonat, madhësitë dhe rekomandimet e gjetura.

  1. Hap Kontrolluesin e Ikonave të Faviconit.
  2. Shkruani domenin - example.com është i mjaftueshëm, pa specifikuar faqen.
  3. Klikoni "Kontrolloni". Mjeti do të analizojë HTML-në e faqes kryesore dhe shtigjet standarde.
  4. Rishikoni ikonat e gjetura: pamjen paraprake, formatin dhe madhësinë e secilës. Kontrolloni nëse midis tyre ka një ikonë standarde CMS ose hosting.
  5. Lexoni rekomandimet dhe jepini projektuesit dimensionet që mungojnë ose bëjini vetë.

Faqja e mjetit: fusha e domenit, butoni "Kontroll" dhe përshkrimi i kontrolleve me FAQ.

Faqja falas e Kontrolluesit të Favicon-ave të PromoPilot: Fusha e domenit, kërkimi me të gjitha ikonat dhe kontrolli i ikonave Apple Touch

Verifikimi është i lehtë—limiti i vizitorëve është i mjaftueshëm për të kontrolluar faqen tuaj dhe disa faqe të konkurrentëve për krahasim. Ikonat nga çdo faqe mund të shihen dhe shkarkohen—i dobishëm nëse ju duhet të gjeni origjinalin e logos suaj, të humbur së bashku me një kontraktor të vjetër.

Çfarë madhësish të favicon-ave nevojiten në vitin 2026?

Gjeneratorët e ikonave shpesh prodhojnë 20 skedarë, por ajo që nevojitet vërtet është një grup kompakt. Ja minimumi që përdor për të gjitha projektet e mia:

Skedar Madhësia Ku përdoret?
favicon.ico 16×16 dhe 32×32 në një skedar të vetëm Shfletues të vjetër, sisteme që kërkojnë një ikonë në rrënjë
favicon.svg Vektor Shfletues modernë, të qartë në çdo ekran
apple-touch-icon.png 180×180 Ekrani kryesor i iPhone dhe iPad
icon-192.png dhe icon-512.png 192×192 dhe 512×512 Web-manifest: Android, instalimi i një faqe interneti si një aplikacion

Dhe kodi për <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">

Këshillë për dizajnin: Me 16 pikselë, logoja dhe teksti bëhen të turbullta. Përdorni një simbol, shkronjën e parë të emrit ose një karakter të thjeshtuar në një sfond kontrastues. Për ikonën Apple Touch, mos përdorni një sfond transparent - iOS do ta mbushë atë me të zezë.

Si ta krijoni vetë një favicon, pa një dizajner?

Nëse nuk keni asnjë ikonë, mund të krijoni një grup bazë brenda gjysmë ore. Ja procedura:

  1. Përdorni një simbol, jo të gjithë logon. Përdorni shkronjën e parë të emrit, një simbol nga logoja ose një formë të thjeshtë gjeometrike në ngjyrën e markës. Sigurohuni që të jetë e dallueshme në 16 pikselë.
  2. Vizatoni një katror 512x512. Çdo redaktues grafikësh ose dizajner online do të bënte punë. Lini disa hapësira rreth skajeve në mënyrë që tabela të mos futet në kufij.
  3. Ruaj skedarin burimor si SVG — ai do të bëhet favicon.svg dhe të gjitha PNG-të e madhësive të kërkuara mund të priten pa humbje të cilësisë.
  4. Gjeneroni madhësitë e mbetura (ICO, 180, 192) në gjeneratorin e ikonave dhe vendosni skedarët në rrënjën e faqes.
  5. Ngjit kodin në kokë dhe kontrollo përsëri rezultatin në mjet.

Kontrolloni se si shfaqet ikona në temën e errët të shfletuesit: një ikonë e zezë në një sfond transparent thjesht zhduket në një skedë të errët të Chrome. Një sfond i çelët ose një kontur kontrastues do të ndihmojë.

Pse Google nuk e shfaq ikonën e preferuar të një faqeje interneti?

Pyetja më e zakonshme. Nëse shihni një glob gri pranë një adrese në rezultatet e kërkimit, zakonisht ka disa arsye:

  1. Ikona nuk është katrore. Google kërkon një raport aspekti 1:1 dhe një madhësi prej të paktën 8x8, por rekomandon më të mëdha se 48x48: favicon.ico i vogël 16x16 duket i turbullt në rezultatet e kërkimit.
  2. Ikona është bllokuar nga robotët. Google -Image duhet të ketë qasje në skedarin e ikonës dhe Google duhet të ketë qasje në skedarin kryesor. Nëse dosja e imazhit është bllokuar në robots.txt ose skedari kthehet me një gabim, ikona nuk do të shfaqet në rezultatet e kërkimit.
  3. Etiketa nuk është në faqen kryesore. Google e merr ikonën e preferuar nga faqja kryesore e domenit ose nën-domenit; seksioni i faqes kryesore, si p.sh. example.com/shop nuk është i përshtatshëm.
  4. Adresa e ikonës është e paqëndrueshme. Nëse shtegu ndryshon me çdo ndërtim të faqes ( /icon.a83f2.png), Google mund të mos jetë në gjendje ta përditësojë atë shpejt.
  5. Ka kaluar ca kohë. Google nuk e përditëson favicon menjëherë pas një rregullimi; mund ta përshpejtoni duke kërkuar një skanim të përsëritur të faqes kryesore në Search Console. Google nuk jep një afat kohor të saktë, prandaj kontrolloni rezultatet jo më shpejt se disa ditë më vonë.
  6. Ikona shkel rregullat. Google zëvendëson imazhet e papranueshme me një ikonë standarde.

Krahasim: Kontrolluesi i Favicon-ave dhe Alternativat

Mjet Çfarë është falas? Kufizime Për kë është i përshtatshëm?
PromoPilot - Kontrollues i ikonave të favikonit Të gjitha ikonat nga HTML dhe shtigjet standarde, madhësitë, pamjet paraprake, ikona Apple Touch, rekomandimet Nuk krijon ikona, kontrollon atë kryesoren Kontrolloni shpejt faqen tuaj të internetit ose të një konkurrenti
RealFaviconGenerator Gjenerimi i një grupi ikonash dhe kodi, kontrollimi i ikonës së faviconit Gjeneratori prodhon shumë skedarë, duhet të kuptoni se cilat duhet të mbani Për ata që kanë nevojë të krijojnë ikona nga e para
Konsola e Kërkimit Google Kërko skanim të përsëritur të skedarit kryesor Vetëm faqja e saj e verifikuar, nuk e kontrollon ikonën Shpejtoni përditësimet e ikonave në rezultatet e kërkimit
Mjetet e zhvilluesit në shfletues Tab me manifest dhe ikona Duhet të dish ku të shikosh Për zhvilluesit

Përfundim: një mjet online është më i përshtatshëm për verifikim, një gjenerator për krijimin e një grupi dhe Search Console për përshpejtimin e përditësimeve në Google.

Nga rruga, PromoPilot ka 87 mjete SEO falas. Mund ta shihni lehtësisht se si duket ikona e faviconit pranë titullit në pamjen paraprake të SERP-it—kemi një artikull të veçantë për këtë në serinë tonë.

Cilat janë kufizimet e verifikimit të favicon-it?

Mjeti kontrollon se çfarë reklamon dhe kthen faqja e internetit: nuk do t'ju tregojë kur Google përditëson ikonën në rezultatet e kërkimit - kjo varet nga vetë motori i kërkimit. Nëse ikonat shtohen nga një skript pasi faqja ngarkohet, disa mund të mos përfshihen në raport. Kontrolli gjithashtu shqyrton domenin në tërësi - nëse seksione të ndryshme të faqes kanë ikona të ndryshme (për shembull, një nën-domen dyqani), kontrollojini ato veçmas.

Kur nuk mjafton një mjet falas?

Një faqe interneti pa një favicon dhe me një set të plotë ikonash: Globi gri i Google kundrejt ikonës së vet dhe ikonës Apple Touch

Një favicon është një problem i vogël që rrallë kërkon një specialist. Por ka raste kur një problem i vogël është një simptomë. Ndihma është e nevojshme nëse:

  • ikona është e saktë, por Google ka muaj që tregon një glob - kjo do të thotë se problemi është me aksesin e robotit ose me shabllonin;
  • Marka nuk ka një logo të thjeshtë dhe ka nevojë për një stil korporativ që funksionon në 16 pikselë;
  • faqja është kompiluar duke përdorur një ndërtues dhe shtigjet për në ikona ndryshojnë me çdo përditësim;
  • Favicon është vetëm një nga dhjetëra gabime të vogla që janë grumbulluar gjatë viteve.

Çfarë mund të bëj për faqen tuaj të internetit?

Unë jam Valeriy Danyuk, një zhvillues dhe specialist i SEO-s me 12 vjet përvojë dhe mbi 200 klientë. Unë krijoj favicona, parapamje në mediat sociale dhe markup në çdo faqe interneti përpara se të lançohet.

SEO dhe auditim

Faqet e internetit dhe dyqanet online

CRM dhe automatizim

Më dërgo adresën e faqes së internetit në Telegram - do të kontrolloj ikonat dhe pesë ose gjashtë gjëra të tjera të vogla që shpesh harrohen.

Rezultati

  1. Favicon Checker gjen të gjitha ikonat e faqes, madhësitë e tyre dhe tregon se cilat mungojnë brenda një minute.
  2. Seti minimal: favicon.ico, favicon.svg, Apple Touch Icon 180×180 dhe ikonat 192 dhe 512 për manifestin web.
  3. Për Google ikona duhet të jetë katrore, më e madhe se 48x48, e arritshme nga roboti dhe e deklaruar në faqen kryesore.
  4. Nëse është më e lehtë të rindërtosh një faqe interneti sesa të rregullosh probleme të vogla, 1001site i personalizon ikonat dhe pamjet paraprake automatikisht.

Kontrolloni domenin tuaj me Favicon Checker falas – dhe kontrolloni domenin e konkurrentit tuaj kryesor në të njëjtën kohë.

Burimet

  • Faqja e Kontrolluesit të Favicon-ave të PromoPilot — listë kontrollesh dhe pyetje të shpeshta.
  • Qendra e Kërkimit Google - Kërkesat e Favicon-it për Rezultatet e Kërkimit.
  • RealFaviconGenerator — gjeneron dhe teston një sërë ikonash.

Referenca dhe burime

Pyetje dhe Përgjigje

Pse një faqe interneti ka nevojë për një favicon?

Një favicon është një ikonë e një faqeje interneti që shfaqet në skedat e shfletuesit, faqeshënuesit, historikun dhe pranë adresës në rezultatet e kërkimit Google në telefona dhe kompjuterë. Një favicon e bën një faqe interneti të dallueshme dhe e dallon atë nga rezultatet e tjera të kërkimit; pa një të tillë, shfletuesi dhe Google shfaqin një ikonë të përgjithshme.

Çfarë madhësish të favicon-ave nevojiten?

Minimumi praktik: favicon.ico (16 dhe 32 piksel brenda një skedari të vetëm) ose PNG 32x32 për shfletuesit, SVG për shfletuesit modernë, Apple Touch Icon 180x180 për iPhone dhe iPad, PNG 192x192 dhe 512x512 për manifestin e uebit në Android. Për Google ikona duhet të jetë katrore; rekomandohet një madhësi më e madhe se 48x48.

Çfarë është ikona Apple Touch?

Kjo është ikona që shfaqin iPhone dhe iPad kur një faqe interneti shtohet në Ekranin Kryesor, si dhe në disa faqeshënues të Safari. Madhësia standarde është një PNG me 180x180 piksel, pa transparencë. Pa transparencë, pajisja përdor një pamje të ekranit të zvogëluar të faqes.

E kontrolluam faqen e internetit, por nuk ka askush për ta rregulluar?

Ky mjet falas zbulon problemet. Do ta analizoj raportin, do t'i jap përparësi dhe do t'i rregulloj ato: auditim SEO, përshpejtim, shënjim dhe migrim në një faqe të re pa humbur renditjen.