Тэлеграм, WhatsApp  +380637610482
Валерый Данюк
Валерый ДанюкраспрацоўшчыкРаспрацоўка ІІ-інструментаў для бізнесу. Якасна. Нядорага.Напісаць у Telegram

Праверыць фавікон сайта анлайн: якія памеры патрэбныя і чаму Google не паказвае favicon

Праверыць фавікон сайта онлайн: абразкі ICO, PNG, SVG і Apple Touch Icon з памерамі і папярэдні прагляд

Што вы атрымаеце

  • Спіс усіх абразкоў сайта - ICO, PNG, SVG, Apple Touch Icon - з памерамі і прэв'ю, бясплатна
  • Мінімальны набор favicon, які патрэбен сайту ў 2026 годзе, і гатовы код
  • Прычыны, па якіх Google паказвае шэры глобус замест вашага абразка
Ужыць: за 10 хвілінЭканоміць: давер і пазнавальнасць у выдачы і ва ўкладках браўзэра

Кароткі адказ: каб праверыць фавікон сайта онлайн, увядзіце дамен у бясплатную Праверку Favicon PromoPilot і націсніце "Праверыць". Інструмент знойдзе ўсе абразкі, абвешчаныя ў HTML і якія ляжаць па стандартных шляхах накшталт /favicon.ico, пакажа прэв'ю і памер кожнай, праверыць Apple Touch Icon і падкажа, якіх памераў бракуе. Ніжэй - мінімальны набор абразкоў, гатовы код і прычыны, па якіх Google паказвае шэры глобус замест вашага лагатыпа.

Я раблю сайты 12 гадоў і ведаю: favicon забываюць часцей за любы іншы элемент. Дызайнер малюе лагатып, распрацоўшчык збірае сайт, а абразок ва ўкладцы так ніхто і не паставіў – да першага пытання кліента «а чаму ў канкурэнта ў Google значок, а ў нас няма?».

Што правярае Праверка Favicon?

Абразок сайта даўно перастала быць адным файлам favicon.ico. Браўзэры, iPhone, Android і Google выкарыстоўваюць розныя файлы і памеры. Інструмент збірае іх усё ў адну справаздачу.

Што правярае Што глядзіць Навошта гэта сайту
Абразкі з HTML Усе тэгі <link rel="icon">, shortcut icon, apple-touch-icon Менавіта іх браўзэры і Google бяруць у першую чаргу
Стандартныя шляхі /favicon.ico у корані сайта і іншыя тыпавыя адрасы Многія сістэмы шукаюць абразок там нават без тэга
Памер кожнага абразка Шырыня і вышыня ў пікселях, фармат ICO, PNG, SVG Дробны абразок размываецца на экранах высокай выразнасці
Apple Touch Icon Ці ёсць абразок для iPhone і iPad Без яе на экране «Дадому» будзе скрыншот старонкі
папярэдні прагляд Як выглядае кожны знойдзены абразок Відаць бітыя, пустыя ці чужыя (шаблонныя) значкі
Рэкамендацыі Якіх памераў не хапае Гатовы спіс задач для дызайнера

Як праверыць фавікон сайта анлайн?

Праверка favicon за 3 крокі: увесці дамен, націснуць «Праверыць», вывучыць знойдзеныя абразкі, памеры і рэкамендацыі

  1. Адкрыйце Праверку Favicon.
  2. Увядзіце дамен - дастаткова example.com, без указання старонкі.
  3. Націсніце "Праверыць". Інструмент прааналізуе HTML галоўнай і стандартныя шляхі.
  4. Праглядзіце знойдзеныя абразкі: прэв'ю, фармат і памер кожнай. Звярніце ўвагу, ці няма сярод іх стандартнага значка CMS ці хостынгу.
  5. Прачытайце рэкамендацыі і перадайце адсутнічаюць памеры дызайнеру або зрабіце іх самі.

Старонка інструмента: поле для дамена, кнопка "Праверыць" і апісанне праверак з FAQ.

Старонка бясплатнай прылады «Праверка Favicon» PromoPilot: поле для дамена, пошук усіх абразкоў і праверка Apple Touch Icon

Праверка лёгкая - гасцявога ліміту хопіць, каб праверыць свой сайт і пару сайтаў канкурэнтаў для параўнання. Абразкі любога сайта можна паглядзець і спампаваць - зручна, калі трэба знайсці зыходнік уласнага лагатыпа, страчаны разам са старым падрадчыкам.

Якія памеры favicon патрэбны ў 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 Web-manifest: 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 Icon не рабіце празрысты фон – iOS залье яго чорным.

Як зрабіць favicon самому, без дызайнера?

Калі абразкі няма зусім, зрабіць базавы набор можна за паўгадзіны. Парадак такі:

  1. Вазьміце знак, а не лагатып цалкам. Першая літара назвы, сімвал з лагатыпа ці простая геаметрычная фігура ў фірмовым колеры. Праверце, што на 16 пікселях яе можна даведацца.
  2. Намалюйце квадрат 512×512. Падыдзе любы графічны рэдактар ці анлайн-канструктар. Пакіньце невялікія палі па краях, каб знак не ўпіраўся ў межы.
  3. Захавайце зыходнік у SVG - з яго атрымаецца favicon.svg, а ўсе PNG патрэбных памераў можна наразаць без страты якасці.
  4. Згенеруйце астатнія памеры (ICO, 180, 192) у генератары абразкоў і пакладзяце файлы ў корань сайта.
  5. Устаўце код у head і праверце вынік у інструменце яшчэ раз.

Асобна праверце, як абразок выглядае на цёмнай тэме браўзэра: чорны знак на празрыстым фоне ва ўкладцы цёмнага Chrome проста знікае. Ратуе светлая падкладка ці кантрасны контур.

Чаму Google не паказвае favicon сайта?

Самае частае пытанне. Калі ў выдачы побач з адрасам шэры глобус, прычын звычайна некалькі:

  1. Абразок не квадратны. Google патрабуе суадносіны бакоў 1:1 і памер не менш за 8×8, а рэкамендуе – больш за 48×48: малюсенькі favicon.ico 16×16 у выдачы выглядае размыта.
  2. Абразок зачынены ад робата. Google bot-Image павінен мець доступ да файла абразка, а Google bot - да галоўнага. Калі тэчка з малюнкамі забаронена ў robots.txt або файл аддаецца з памылкай, значка ў выдачы не будзе.
  3. Тэг стаіць не на галоўнай. Google бярэ favicon з галоўнай старонкі дамена ці паддамена; галоўная частка накшталт example.com/shop не падыходзіць.
  4. Адрас абразка нестабільны. Калі шлях мяняецца пры кожнай зборцы сайта ( /icon.a83f2.png), Google можа не паспяваць яго абнавіць.
  5. Мінула мала часу. Пасля выпраўлення Google абнаўляе абразок не адразу; паскорыць можна запытам паўторнага сканавання галоўнай у Search Console. Дакладных тэрмінаў Google не заве, так што правярайце выдачу не раней чым праз некалькі дзён.
  6. Абразок парушае правілы. Непрымальныя выявы Google замяняе стандартным значком.

Параўнанне: Праверка Favicon і альтэрнатывы

Інструмент Што бясплатна Абмежаванні Каму падыходзіць
PromoPilot - Праверка Favicon Усе абразкі з HTML і стандартных шляхоў, памеры, прэв'ю, Apple Touch Icon, рэкамендацыі Не стварае абразкі, правярае галоўную Хутка праверыць свой сайт або канкурэнта
RealFaviconGenerator Генерацыя набору абразкоў і кода, праверка favicon Генератар выдае шмат файлаў, трэба разабрацца, якія пакінуць Тым, каму трэба зрабіць абразкі з нуля
Google Search Console Запыт паўторнага сканавання галоўнай Толькі свой пацверджаны сайт, абразок не правярае Паскорыць абнаўленне значка ў выдачы
Інструменты распрацоўніка ў браўзэры Укладка з маніфестам і абразкамі Трэба ведаць, дзе шукаць Распрацоўнікам

Выснова: для праверкі зручней анлайн-інструмент, для стварэння набору - генератар, для паскарэння абнаўлення ў Google - Search Console.

Дарэчы, у PromoPilot 87 бясплатных SEO-інструментаў. Як favicon выглядае побач з загалоўкам у выдачы, зручна глядзець у SERP-прэв'ю - пра яго ёсць асобны артыкул у нашай серыі.

Якія абмежаванні ў праверкі favicon?

Інструмент правярае тое, што сайт аб'яўляе і аддае: ён не скажа, калі Google абновіць значок у выдачы, - гэта вырашае сам пошукавік. Калі абразкі падключаюцца скрыптам ужо пасля загрузкі старонкі, частка з іх можа не патрапіць у справаздачу. І праверка глядзіць на дамен у цэлым - калі ў розных раздзелаў сайта розныя абразкі (напрыклад, паддамен крамы), праверце іх асобна.

Калі бясплатнай прылады мала?

Сайт без favicon і з поўным наборам абразкоў: шэры глобус у Google супраць сваёй абразкі і Apple Touch Icon

Favicon - дробязь, якая рэдка патрабуе спецыяліста. Але бываюць выпадкі, калі дробязь - сімптом. Дапамога патрэбна, калі:

  • абразок правільная, а Google месяцамі паказвае глобус - значыць, праблема ў доступе робата або ў шаблоне;
  • у брэнда няма простага знака, і патрэбен фірменны стыль, які працуе на 16 пікселях;
  • сайт збіраецца зборшчыкам, і шляхі да абразкоў мяняюцца пры кожным абнаўленні;
  • favicon - толькі адна з дзясяткаў дробных памылак, якія збіраліся гадамі.

Што я магу зрабіць для вашага сайта?

Я Валерый Данюк, распрацоўшчык і SEO-спецыяліст: 12 гадоў і 200+ кліентаў. Favicon, прэв'ю для сацсетак і разметку я настройваю на кожным сайце яшчэ да запуску.

SEO і аўдыт

  • SEO-аўдыт сайта пад ключ: знаходжу ўсе тэхнічныя дробязі - ад favicon і прэв'ю да індэксацыі і хуткасці - і выпраўляю іх у кодзе.

Сайты і інтэрнэт-крамы

CRM і аўтаматызацыя

Дашліце адрас сайта ў Telegram - праверу абразкі і яшчэ пяць-шэсць дробязяў, якія часта забываюць.

Вынік

  1. Праверка favicon за хвіліну знаходзіць усе абразкі сайта, іх памеры і паказвае, якіх не хапае.
  2. Мінімальны набор: favicon.ico, favicon.svg, Apple Touch Icon 180×180 і абразкі 192 і 512 для web-manifest.
  3. Для Google абразок павінен быць квадратнай, буйней 48×48, даступнай робату і абвешчанай на галоўнай.
  4. Калі прасцей зрабіць сайт нанова, чым чыніць дробязі, - на 1001site абразкі і прэв'ю наладжваюцца самі.

Праверце свой дамен у бясплатнай Праверцы Favicon - а заадно дамен галоўнага канкурэнта.

Крыніцы

  • Старонка інструмента «Праверка Favicon» PromoPilot – спіс праверак і FAQ.
  • Google Search Central - патрабаванні да favicon у выніках пошуку.
  • RealFaviconGenerator - генерацыя і праверка набору абразкоў.

Спасылкі і крыніцы

Пытанні і адказы

Навошта сайту патрэбен favicon?

Favicon - абразок сайта ва ўкладцы браўзэра, у закладках, у гісторыі і побач з адрасам у выдачы Google на тэлефоне і кампутары. Свой абразок робіць сайт вядомым і вылучае яго сярод суседзяў па выдачы; без яе браўзэр і Google паказваюць безаблічны значок.

Якія памеры favicon патрэбныя?

Практычны мінімум: favicon.ico (16 і 32 px усярэдзіне аднаго файла) або PNG 32×32 для браўзэраў, SVG для сучасных браўзэраў, Apple Touch Icon 180×180 для iPhone і iPad, PNG 192×192 і 512×512 для web-manifest на Android. Для Google абразок павінен быць квадратным; рэкамендуецца памер больш за 48×48.

Што такое Apple Touch Icon?

Гэта абразок, які iPhone і iPad паказваюць, калі сайт дадаюць на экран «Дадому», а таксама ў некаторых закладках Safari. Стандартны памер – 180×180 пікселяў PNG, без празрыстасці. Без яе прылада выкарыстоўвае паменшаны здымак старонкі.

Праверылі сайт - а выправіць няма каму?

Бясплатны інструмент паказвае праблемы. Я разбяру справаздачу, расстаўлю прыярытэты і выпраўлю: SEO-аўдыт, паскарэнне, разметка, перанос на новы сайт без страты пазіцый.