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

Проверете онлайн фавиконката на уебсайта си: какви размери са необходими и защо Google не показва фавиконката

Проверете онлайн фавиконката на уебсайта си: ICO, PNG, SVG и Apple Touch икони с размери и визуализации

Какво ще получите

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

Краткият отговор: за да проверите favicon-а на уебсайта си онлайн, въведете домейна си в безплатния инструмент за проверка на Favicon на 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. Отворете инструмента за проверка на Favicon.
  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 Уеб-манифест: Android, инсталиране на уебсайт като приложение

И кодът за <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 не актуализира favicon веднага след корекция; можете да го ускорите, като поискате повторно сканиране на началната страница в Search Console. Google не предоставя точен срок, така че проверявайте резултатите не по-рано от няколко дни по-късно.
  6. Иконата нарушава правилата. Google заменя неприемливите изображения със стандартна икона.

Сравнение: Favicon Checker и алтернативи

Инструмент Какво е безплатно? Ограничения За кого е подходящо?
PromoPilot - Проверка на фавикони Всички икони от HTML и стандартни пътища, размери, визуализации, Apple Touch Icon, препоръки Не създава икони, проверява основната Бързо проверете вашия уебсайт или този на конкурент
RealFaviconGenerator Генериране на набор от икони и код, проверка на favicon Генераторът генерира много файлове, трябва да разберете кои от тях да запазите За тези, които трябва да правят икони от нулата
Конзола за търсене Google Заявка за повторно сканиране на основното Само неговият проверен сайт, не проверява иконата Ускорете актуализациите на иконите в резултатите от търсенето
Инструменти за разработчици в браузъра Раздел с манифест и икони Трябва да знаете къде да търсите За разработчици

Заключение: онлайн инструментът е по-удобен за проверка, генераторът за създаване на набор, а Search Console за ускоряване на актуализациите в Google.

Между другото, PromoPilot разполага с 87 безплатни SEO инструмента. Можете лесно да видите как изглежда фавиконката до заглавието в прегледа на SERP – имаме отделна статия за това в нашата поредица.

Какви са ограниченията на проверката на фавиконите?

Инструментът проверява какво рекламира и връща сайтът: няма да ви каже кога Google актуализира иконата в резултатите от търсенето – това зависи от самата търсачка. Ако иконите са добавени от скрипт след зареждане на страницата, някои може да не бъдат включени в отчета. Проверката разглежда и домейна като цяло – ако различните секции на сайта имат различни икони (например поддомейн на магазин), проверете ги поотделно.

Кога един безплатен инструмент не е достатъчен?

Уебсайт без фавикон и с пълен набор от икони: сивият глобус на Google срещу собствената му икона и иконата на Apple Touch

Фавиконът е дребен проблем, който рядко изисква специалист. Но има случаи, когато дребен проблем е симптом. Необходима е помощ, ако:

  • иконата е правилна, но Google показва глобус от месеци - това означава, че проблемът е с достъпа на робота или с шаблона;
  • марката няма просто лого и се нуждае от корпоративен стил, който работи на 16 пиксела;
  • сайтът е компилиран с помощта на конструктор, а пътищата до иконите се променят с всяка актуализация;
  • Фавиконката е само една от десетките дребни грешки, натрупани през годините.

Какво мога да направя за вашия уебсайт?

Аз съм Валерий Данюк, разработчик и SEO специалист с 12 години опит и над 200 клиенти. Настройвам фавикони, прегледи в социалните мрежи и маркиране на всеки уебсайт преди стартирането му.

SEO и одит

Уебсайтове и онлайн магазини

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

Изпрати ми адреса на уебсайта в Telegram - ще проверя иконите и още пет-шест малки неща, които често се забравят.

Резултат

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

Проверете домейна си с безплатния инструмент за проверка на Favicon – и едновременно с това проверете домейна на основния си конкурент.

Източници

  • Страница за проверка на Favicon на 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 одит, ускорение, маркиране и миграция към нов сайт без загуба на класиране.