Favicon-ul tau, acea mica pictograma care apare in coltul browserului si in rezultatele cautarii, poate parea un detaliu minor. Dar in realitate, un favicon bine optimizat poate face o diferenta uriasa in performanta SEO si in experienta utilizatorilor. Din pacate, multe site-uri nu acorda favicon-ului atentia cuvenita si sfarsesc prin a pierde oportunitati valoroase de a-si consolida brandul si de a atrage mai mult trafic organic.
Daca te-ai trezit recent ca favicon-ul tau a disparut din rezultatele Google sau pur si simplu vrei sa-ti imbunatatesti jocul de favicon, ai ajuns in locul potrivit. In acest articol, voi dezvalui cele mai frecvente 7 motive pentru care favicon-urile dispar din SERP-uri si voi impartasi sfaturi practice pentru a rezolva aceste probleme si a crea un favicon puternic care sa-ti propulseze site-ul in topul cautarilor.
Dimensiuni gresite ale favicon-ului – inamicul #1 al vizibilitatii
Cea mai frecventa greseala pe care o fac webmasterii este sa foloseasca dimensiuni incorecte pentru fisierul favicon. Google a stabilit reguli clare in acest sens: favicon-ul trebuie sa fie un multiplu de 48×48 pixeli, cum ar fi 96×96, 144×144 etc. Utilizarea unor dimensiuni mai mici sau neregulate va determina Google sa ignore favicon-ul tau personalizat si sa afiseze in schimb pictograma generica cu globul.
Iata un exemplu de favicon respins din cauza dimensiunii de 50×50 px:
Pentru a evita aceasta problema, asigura-te intotdeauna ca favicon-ul tau respecta cerintele de dimensiune inainte de a-l incarca pe site. Poti folosi un editor de imagini sau un generator online pentru a crea un fisier favicon cu dimensiunea potrivita.
Blocarea accesului la favicon prin robots.txt
O alta capcana comuna este blocarea din greseala a accesului la fisierul favicon prin directivele din fisierul robots.txt. Googlebot trebuie sa poata accesa atat pagina principala, cat si fisierul favicon pentru ca acesta sa apara in rezultatele cautarii.
Directivele prea restrictive din robots.txt pot impiedica crawlerea favicon-ului de catre Googlebot-Image. Iata un exemplu de site care blocheaza accesul la favicon, chiar daca este vorba de un brand mare:
Solutia este sa verifici fisierul robots.txt si sa te asiguri ca permite accesul la pagina principala pentru Googlebot si la fisierul favicon pentru Googlebot-Image. Poti folosi instrumentul de testare robots.txt din Google Search Console pentru a valida rapid setarile.
Duplicarea referintelor catre favicon
Uneori, problemele apar din cauza referintelor multiple catre fisierul favicon in codul sursei paginii. Daca una dintre aceste referinte indica catre un fisier care nu respecta cerintele Google, intregul favicon poate fi ignorat in favoarea pictogramei generice.
De exemplu, acest site avea in cod mai multe etichete <link rel="icon">
, iar una dintre ele indica catre un fisier neconform:
<link rel="icon" href="/favicon-gresit.png" sizes="50x50" type="image/png">
<link rel="icon" href="/favicon-corect.png" sizes="96x96" type="image/png">
Prin eliminarea referintei gresite si pastrarea doar a celei care indica catre fisierul favicon valid, site-ul si-a recapatat pictograma personalizata in SERP-uri.
Sfatul meu este sa verifici cu atentie codul sursa al paginii principale si sa te asiguri ca exista o singura eticheta <link rel="icon">
care indica catre fisierul favicon corect.
Locatia fisierului favicon – o confuzie frecventa
Pana de curand, Google recomanda ca fisierul favicon sa fie gazduit pe acelasi domeniu cu pagina principala. Insa recent, documentatia a fost actualizata pentru a clarifica faptul ca favicon-ul poate fi gazduit oriunde, inclusiv pe un CDN extern.
Deci, daca favicon-ul tau nu apare in cautari, nu presupune automat ca locatia fisierului este de vina. Concentreaza-te mai degraba pe verificarea celorlalti factori, cum ar fi dimensiunea, formatul si referintele din cod.
Codul favicon lipsa sau invalid
O greseala banala, dar surprinzator de frecventa, este sa lipseasca complet referinta catre fisierul favicon din codul sursa al paginii. Fara eticheta <link rel="icon">
corespunzatoare, Google nu va avea de unde sa preia favicon-ul tau, chiar daca fisierul in sine exista pe server.
De asemenea, ai grija sa nu lasi numele fisierului gol in eticheta link, astfel:
<link rel="icon" href="" sizes="96x96" type="image/png">
Pentru a evita aceste erori, verifica intotdeauna codul sursa al paginii folosind instrumentele pentru dezvoltatori din browser sau uneltele de testare puse la dispozitie de Google, precum Search Console.
Probleme cu platforma sau CMS-ul
Daca site-ul tau foloseste o platforma sau un CMS care nu ofera control deplin asupra favicon-ului, s-ar putea sa fii nevoit sa te bazezi pe setarile implicite. Din pacate, nu toate platformele gestioneaza corect favicon-urile, ceea ce poate duce la probleme de afisare in cautari.
Recent am descoperit o astfel de problema la un CMS de comert electronic. In loc sa inlocuiasca favicon-ul lipsa cu cel generic, platforma lasa pur si simplu un spatiu gol in SERP-uri, ceva ce arata si mai rau:
Daca te confrunti cu aceasta situatie, incearca sa actualizezi CMS-ul la cea mai recenta versiune sau contacteaza echipa de asistenta pentru a vedea ce optiuni ai pentru personalizarea favicon-ului.
Favicon-ul vechi care creeaza confuzie
Se intampla uneori ca Google sa afiseze in continuare un favicon vechi in locul celui nou pe care l-ai incarcat. Acest lucru se poate datora faptului ca fisierul favicon.ico implicit al temei WordPress sau al CMS-ului este in continuare linkat undeva pe site.
Solutia recomandata de John Mueller de la Google este:
- Elimina complet vechiul favicon de pe site.
- Asigura-te ca nu mai exista linkuri catre el nicaieri in cod sau in fisierul manifest.
- Daca e posibil, configureaza o redirectionare de la URL-ul vechiului favicon catre cel nou.
Apoi, ai rabdare cateva zile sau saptamani pentru ca Google sa descopere schimbarile si sa actualizeze rezultatele cautarii cu noul favicon.
Concluzie
Optimizarea favicon-ului este o arta care implica atentie la detalii tehnice, respectarea regulilor Google si adesea o doza de troubleshooting. Dar efortul merita din plin, avand in vedere impactul pozitiv pe care il poate avea un favicon puternic asupra ranking-ului, CTR-ului si experientei utilizatorilor.
Recapituland sfaturile principale din acest articol:
- Foloseste dimensiunea corecta a fisierului favicon, in multipli de 48×48 pixeli
- Permite crawlarea paginii principale si a fisierului favicon in robots.txt
- Evita referintele duplicate sau invalide catre favicon in codul sursa
- Asigura-te ca referinta din codul sursa nu este goala sau lipsa
- Fii atent la potentialele probleme cauzate de platforma/CMS
- Elimina vechiul favicon complet de pe site si redirectioneaza-l daca e posibil
Ține cont de aceste aspecte cheie si vei fi pe drumul cel bun catre un favicon optimizat care sa-ti aduca site-ul in topul cautarilor Google in 2023 si dincolo. Spor la optimizat!