Телеграм, WhatsApp+380637610482
Валериј Дањук
Валериј ДањукпрограмерРазвој вештачке интелигенције за предузећа. Висококвалитетни. Приступачни.Pišite na Telegram

Проверите фавикон вашег веб-сајта онлајн: које су величине потребне и зашто Google не приказује фавикон

Проверите фавикон вашег веб-сајта онлајн: ICO, PNG, SVG и Apple Touch иконе са величинама и прегледима

Шта ћете добити

  • Листа свих икона веб сајтова – ICO, PNG, SVG, Apple Touch Icon – са величинама и прегледима, бесплатно
  • Минимални сет фавикона који је веб локацији потребан 2026. године и готов код
  • Разлози зашто Google приказује сиви глобус уместо ваше иконе
Примени: за 10 минутаСачувано: поверење и препознавање у резултатима претраге и картицама прегледача

Кратак одговор: да бисте проверили фавикон вашег веб-сајта онлајн, унесите свој домен у бесплатни алат за проверу фавикона PromoPilot-а и кликните на „Провери“. Алат ће пронаћи све иконе декларисане у HTML-у и које се налазе у стандардним путањама као што је /favicon.ico, приказати преглед и величину сваке од њих, проверити икону Apple Touch и рећи вам које величине недостају. Испод је минимални сет икона, завршен код и разлози зашто Google приказује сиви глобус уместо вашег логотипа.

Правим веб странице већ 12 година и знам: фавиконе се заборављају чешће од било ког другог елемента. Дизајнер креира лого, програмер гради веб страницу, а ипак нико никада не дода фавикон на картицу — све док први клијент не пита: „Зашто наш конкурент има фавикон на Google, а ми немамо?“

Шта проверава Favicon Check?

Икона веб-сајта више није само једна датотека favicon.ico. Прегледачи, iPhone, Android и Google користе различите датотеке и величине. Овај алат их све обједињује у један извештај.

Шта проверава? Шта он гледа? Зашто је ово потребно сајту?
Иконе из HTML-а Све ознаке <link rel="icon">, shortcut icon, apple-touch-icon Управо их прегледачи и Google пре свега узимају у обзир.
Стандардне путање /favicon.ico у корену сајта и друге типичне адресе Многи системи траже икону тамо чак и без ознаке.
Величина сваке иконе Ширина и висина у пикселима, формат ICO, PNG, SVG Мала икона је мутна на екранима високе дефиниције.
Икона за додир компаније Apple Да ли постоји икона за iPhone и iPad? Без тога, снимак екрана странице ће се појавити на почетном екрану.
Преглед Како изгледа свака пронађена икона? Можете видети покварене, празне или стране (шаблонске) иконе
Препоруке Које величине недостају? Готова листа задатака за дизајнера

Како проверити фавикон веб странице на мрежи?

Проверите своју фавикону у 3 корака: унесите свој домен, кликните на „Провери“ и прегледајте пронађене иконе, величине и препоруке.

  1. Отворите проверу фавикона.
  2. Унесите домен - довољно је example.com, без навођења странице.
  3. Кликните на „Провери“. Алат ће анализирати HTML почетне странице и стандардне путање.
  4. Прегледајте пронађене иконе: преглед, формат и величину сваке. Проверите да ли међу њима постоји стандардна икона CMS-а или хостинга.
  5. Прочитајте препоруке и доставите дизајнеру недостајуће димензије или их направите сами.

Страница алата: поље домена, дугме „Провери“ и опис провера са често постављаним питањима.

Бесплатна страница за проверу фавикона на PromoPilot-у: поље за домен, претрага свих икона и провера икона на Apple Touch-у

Верификација је једноставна — ограничење броја гостију је довољно да се провери ваш сајт и сајтови неколико конкурената ради поређења. Иконе са било ког сајта могу се прегледати и преузети — што је корисно ако треба да пронађете оригинал свог логотипа, изгубљен заједно са старим извођачем радова.

Које су величине фавикона потребне у 2026. години?

Генератори икона често производе 20 датотека, али оно што је заиста потребно је компактан скуп. Ево минимума који користим за све своје пројекте:

Датотека Величина Где се користи?
favicon.ico 16×16 и 32×32 у једној датотеци Стари прегледачи, системи који траже икону у корену
favicon.svg Вектор Модерни прегледачи, јасни на било ком екрану
apple-touch-icon.png 180×180 Почетни екран за iPhone и iPad
icon-192.png и icon-512.png 192×192 и 512×512 Веб-манифест: Андроид, инсталирање веб странице као апликације

И код за <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">

Савет за дизајн: На 16 пиксела, логотип и текст постају замућени. Користите симбол, прво слово имена или поједностављени знак на контрастној позадини. За икону Apple Touch, немојте користити провидну позадину – iOS ће је испунити црном бојом.

Како сами направити фавикон, без дизајнера?

Ако уопште немате иконе, основни сет можете направити за пола сата. Ево поступка:

  1. Користите симбол, не цео лого. Користите прво слово имена, симбол из логотипа или једноставан геометријски облик у боји бренда. Уверите се да је препознатљив на 16 пиксела.
  2. Нацртајте квадрат димензија 512x512. Било који графички едитор или онлајн дизајнер ће послужити. Оставите маргине око ивица како знак не би прелазио преко оквира.
  3. Сачувајте изворни фајл као SVG — он ће постати favicon.svg, а сви PNG фајлови потребних величина могу се исећи без губитка квалитета.
  4. Генеришите преостале величине (ICO, 180, 192) у генератору икона и поставите датотеке у корен сајта.
  5. Налепите код у главу и поново проверите резултат у алату.

Проверите како се икона приказује у тамној теми прегледача: црна икона на провидној позадини једноставно нестаје у тамној картици Chrome-а. Светла позадина или контрастни обрис ће помоћи.

Зашто Google не приказује фавикон сајта?

Најчешће постављано питање: Ако видите сиви глобус поред адресе у резултатима претраге, обично постоји неколико разлога:

  1. Икона није квадратна. Google захтева однос ширине и висине 1:1 и величину од најмање 8x8, али препоручује већу од 48x48: сићушна favicon.ico величине 16x16 изгледа замућено у резултатима претраге.
  2. Икона је блокирана за роботе. Google -Image мора имати приступ датотеци иконе, а Google мора имати приступ главној датотеци. Ако је фасцикла са сликама блокирана у robots.txt или се датотека врати са грешком, икона се неће појавити у резултатима претраге.
  3. Ознака није на почетној страници. Google преузима фавикон са почетне странице домена или поддомена; одељак почетне странице, као што је example.com/shop није погодан.
  4. Адреса иконе је нестабилна. Ако се путања мења са сваком верзијом сајта ( /icon.a83f2.png), Google можда неће моћи брзо да је ажурира.
  5. Прошло је доста времена. Google не ажурира фавикон одмах након поправке; можете то убрзати тако што ћете захтевати поновно скенирање почетне странице у Search Console-у. Google не наводи тачан временски оквир, па проверите резултате тек након неколико дана.
  6. Икона крши правила. Google замењује неприхватљиве слике стандардном иконом.

Поређење: Провера фавикона и алтернативе

Алат Шта је бесплатно? Ограничења За кога је погодно?
PromoPilot - Провера фавикона Све иконе из HTML-а и стандардне путање, величине, прегледи, Apple Touch икона, препоруке Не креира иконе, проверава главну Брзо проверите свој веб-сајт или веб-сајт конкурента
Генератор правих фавикона Генерисање скупа икона и кода, провера фавикона Генератор производи много датотека, потребно је да схватите које да задржите За оне којима је потребно да направе иконе од нуле
Google Search Console Захтевајте поновно скенирање главног Само његов верификовани сајт, не проверава икону Убрзајте ажурирања икона у резултатима претраге
Алати за програмере у прегледачу Картица са манифестом и иконама Морате знати где да тражите За програмере

Закључак: онлајн алат је практичнији за проверу, генератор за креирање скупа, а Search Console за убрзавање ажурирања у Google.

Иначе, PromoPilot има 87 бесплатних SEO алата. Лако можете видети како фавикон изгледа поред наслова у прегледу SERP-а — имамо посебан чланак о томе у нашој серији.

Која су ограничења верификације фавикона?

Алат проверава шта сајт оглашава и враћа: неће вам рећи када Google ажурира икону у резултатима претраге — то зависи од самог претраживача. Ако скрипта дода иконе након што се страница учита, неке можда неће бити укључене у извештај. Провера такође посматра домен у целини — ако различити делови сајта имају различите иконе (на пример, поддомен продавнице), проверите их одвојено.

Када бесплатан алат није довољан?

Веб локација без фавикона и са комплетним сетом икона: Гуглов сиви глобус наспрам сопствене иконе и иконе Епл Тач

Фавикон је мањи проблем који ретко захтева стручњака. Али постоје случајеви када је мањи проблем симптом. Помоћ је потребна ако:

  • Икона је исправна, али Google већ месецима приказује глобус - то значи да је проблем са приступом робота или са шаблоном;
  • бренд нема једноставан лого и потребан му је корпоративни стил који функционише на 16 пиксела;
  • сајт је компајлиран помоћу конструктора, а путање до икона се мењају са сваким ажурирањем;
  • Фавикон је само једна од десетина мањих грешака које су се нагомилале током година.

Шта могу да урадим за ваш веб-сајт?

Ја сам Валериј Дањук, програмер и SEO специјалиста са 12 година искуства и преко 200 клијената. Постављам фавиконе, прегледе друштвених медија и ознаке на сваком веб-сајту пре него што се покрене.

SEO и ревизија

Веб странице и онлајн продавнице

CRM и аутоматизација

Пошаљите ми адресу веб странице у Telegram - проверићу иконице и још пет или шест ситница које се често заборављају.

Резултат

  1. Провера фавикона проналази све иконе сајтова, њихове величине и приказује које недостају за минут.
  2. Минимални сет: favicon.ico, favicon.svg, Apple Touch Icon 180×180 и иконе 192 и 512 за веб-манифест.
  3. За Google икона мора бити квадратна, већа од 48x48, доступна роботу и декларисана на главној страници.
  4. Ако је лакше поново изградити веб локацију него поправити мање проблеме, 1001site аутоматски прилагођава иконе и прегледе.

Проверите свој домен помоћу бесплатног алата за проверу фавикона – и истовремено проверите домен свог главног конкурента.

Извори

  • PromoPilot-ова страница за проверу фавикона — листа провера и честа питања.
  • Google центар за претрагу - Захтеви за фавикон резултата претраге.
  • RealFaviconGenerator — генерише и тестира скуп икона.

Референце и извори

Питања и одговори

Зашто је веб локацији потребна фавикона?

Фавикон је икона веб-сајта која се појављује у картицама прегледача, обележивачима, историји и поред адресе у резултатима Google претраге на телефонима и рачунарима. Фавикон чини веб-сајт препознатљивим и разликује га од других резултата претраге; без њега, прегледач и Google приказују генеричку икону.

Које су величине фавикона потребне?

Практични минимум: favicon.ico (16 и 32 пиксела у једној датотеци) или PNG 32x32 за прегледаче, SVG за модерне прегледаче, Apple Touch Icon 180x180 за iPhone и iPad, PNG 192x192 и 512x512 за веб манифест на Android-у. За Google икона треба да буде квадратна; препоручује се величина већа од 48x48.

Шта је Apple Touch икона?

Ово је икона коју iPhone и iPad приказују када се веб локација дода на почетни екран, као и у неким Safari обележивачима. Стандардна величина је PNG датотека од 180x180 пиксела, без транспарентности. Без транспарентности, уређај користи умањени снимак екрана странице.

Проверили смо веб страницу, али нема никога да је поправи?

Овај бесплатни алат открива проблеме. Анализираћу извештај, одредити приоритете и решити их: SEO ревизија, убрзање, маркирање и миграција на нови сајт без губитка рангирања.