Телеграм, WhatsApp+380637610482
Валери Данјук
Валери ДанјукразвивачРазвивање алатки за вештачка интелигенција за бизниси. Висок квалитет. Прифатлива цена.Пишете во Telegram

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

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

Што ќе добиете

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

Краткиот одговор: за да ја проверите фавиконот на вашата веб-страница онлајн, внесете го вашиот домен во бесплатниот Favicon Checker на 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 Touch Дали има икона за iPhone и iPad? Без него, на почетниот екран ќе се појави слика од екранот од страницата.
Преглед Како изгледа секоја пронајдена икона? Можете да видите скршени, празни или странски (шаблонни) икони
Препораки Кои големини недостасуваат? Готов список на задачи за дизајнер

Како да ја проверите фавиконот на веб-страницата преку интернет?

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

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

Страница со алатки: поле за домен, копче „Провери“ и опис на проверките со ЧПП.

Бесплатната страница за проверка на Favicon на 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, препораки Не креира икони, ја проверува главната Брзо проверете ја вашата веб-страница или веб-страницата на конкурентот
RealFaviconGenerator Генерирање на сет на икони и код, проверка на фавикон Генераторот произведува многу датотеки, треба да откриете кои да ги задржите За оние кои треба да прават икони од нула
Конзола за пребарување Google Барање за повторно скенирање на главната датотека Само неговата потврдена страница, не ја проверува иконата Забрзајте ги ажурирањата на иконите во резултатите од пребарувањето
Алатки за програмери во прелистувачот Таб со манифест и икони Треба да знаете каде да погледнете За програмери

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

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

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

Алатката проверува што рекламира и враќа страницата: нема да ви каже кога Google ќе ја ажурира иконата во резултатите од пребарувањето - тоа зависи од самиот пребарувач. Ако иконите се додадени од скрипта откако страницата ќе се вчита, некои може да не бидат вклучени во извештајот. Проверката, исто така, го разгледува доменот како целина - ако различни делови од страницата имаат различни икони (на пример, поддомен на продавница), проверете ги одделно.

Кога бесплатната алатка не е доволна?

Веб-страница без фавикон и со целосен сет на икони: сивиот глобус на Google наспроти неговата сопствена икона и иконата на Apple Touch

Фавиконот е мал проблем кој ретко бара специјалист. Но, има моменти кога мал проблем е симптом. Потребна е помош ако:

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

Што можам да направам за вашата веб-страница?

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

SEO и ревизија

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

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

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

Резултат

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

Проверете го вашиот домен со бесплатниот Favicon Checker – и проверете го доменот на вашиот главен конкурент во исто време.

Извори

  • Страница за проверка на фавикон на 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 Icon?

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

Ја проверивме веб-страницата, но нема никој да ја поправи?

Оваа бесплатна алатка открива проблеми. Ќе го анализирам извештајот, ќе ги приоритизирам и ќе ги поправам: SEO ревизија, забрзување, означување и миграција на нова страница без губење на рангирањето.