Какво е favicon на уеб сайт?
🎯 Favicon е малък графичен файл, който отразява визуалната идентичност на уеб сайта. Показва се в разделите на браузъра до името на сайта, в историята и в списъците с резултати на търсещите машини.
Защо сайта е хубаво да има favicon?
💡 За всеки сайт е хубаво да има и да поддържа favicon на началната си страница. Тя помага на сайта да създаде запомнящо се впечатление. По този начин потребителя лесно разпознава сайта още в резултатите от търсенето преди да е отворил страницата.
На какви условия трябва да отговаря favicon
📍 Според документацията Google for Developers на Google Search Central [1], за да се покаже иконката на сайта в резултатите от органично търсене, тя трябва да отговаря на следните правила:
- Google Search поддържа само една favicon за сайт и подкатегориите, които има;
- За началната страница трябва да е позволено индексирането и обхождането от търсещите машини;
- Иконката трябва да отговаря на цялостното визуално представяне на сайта, за по-бързо идентифициране на сайта от хората;
- Favicon трябва да е квадратно изображение, препоръчително е да бъде по-голямо от 48px x 48px;
- Иконката трябва да е във формат ico, png или svg;
- Url адреса на иконката трябва да е стабилен и не се препоръчва много често да се сменя изображението;
- В хедъра на началната страница трябва да има пренасочващ линк към иконката;
- Иконката която се използва за favicon не трябва да съдържа неподходящо съдържание.
Как да покажем favicon на сайта в резултатите на Google, в случай че е видим в таба на браузъра?
🔎 Когато favicon е видимо в таба на браузъра и в сайта проверяваме:
- Може ли да се достъпи изображението;
- Дали favicon отговаря на официалните изисквания на Google, както разгледахме в горния параграф. Понякога търсещите машини променят изискванията, което също би довело до тази ситуация;
- Проверяваме дали файла може да се индексира и няма забрана за ботовете да обхождат началната страница;
- Качваме повторно изображението, за да се обнови пътя до файла;
- Подаваме ръчно заявка за индексиране на страницата, за по-бързо и навременно отразяване на направените промени.
Пример от практиката
⭐ Миналата седмица, докато работих върху подготовката на текста и илюстрациите на статията “Основни менюта и елементи за създаване на дизайн с Canva” забелязах, че в резултатите от търсене вместо иконата с монитор и надпис IT се показва стандартния глобус, както е при липса на изображение. За разрешаване на проблема изпълних следните стъпки:
- Проверих показването на иконката на началната страница и в таба, раздела на браузъра. Там иконката беше видима. Файлът беше правилно добавен в настройките на сайта;
- Разгледах изискванията на Google за favicon и установих, че широчината и височината (600px × 600px) не отговарят на изискванията да бъдат кратни на 48. Преоразмерих изображението във формат (624px × 624px).
- Качих повторно в администрацията с което се актуализира и ето на следващия ден иконката вече правилно се визуализираше в резултатите от Google и AI Overviews. За WordPress промените са във:
- Настройки -> Общи -> Икона на сайта -> Промяна иконата на сайта -> Качваме новото изображение или отново избираме предишното и обновяваме.
🚀 В моя случай тези стъпки сработиха и отстраниха проблема, но може да има още няколко причини които предизвикват грешката като например:
📌 Забрана на ботовете да индексират изображението, директорията или особено началната страница на сайта – Тогава отиваме в Google Search Console и подаваме ръчно заявка за индексация на началната страница на уеб сайта, както и в случаите когато искаме по бързо да се отразят текущите промени в резултатите на Google.
Добри практики при добавяне на favicon
📝 Добрите практики при добавяне на favicon на уеб сайт включват:
- Изработка на изображение което е свързано с темата и което най-точно определя визуалната идентичност на сайта;
- Изображението има подходящ alt текст, заглавие и описание, за да е SEO оптимизирано;
- Широчината и височината трябва да са равни и всяка от тях да е кратна на 48, тоест като разделим страната на 48 трябва да се получи цяло число без остатък при деление.
⚡ Грешки като тази, която разгледахме в днешната статия влияят неблагоприятно на облика на сайта, но правилната техническа поддръжка и своевременното отрстраняване на проблема коригират и смекчават този ефект връщайки сайта към обичайния облик и състояние в изправност.
Използвана литература
[1] Google for Developers, Define Website Favicon for Search Results, налично на Google Search Central, последно посетен на 04.08.2026г.