Favi-gone: 5 motive pentru care Favicon-ul tău a dispărut din rezultatele căutării Google [Studii de caz]

Se spune că „un favicon valorează cât o mie de cuvinte”. OK... chiar nu spun asta, dar favicon-urile pot fi cu siguranță importante din perspectiva Căutării. În 2019, Google a început să afișeze favicon-uri în rezultatele căutării pe dispozitive mobile, ca parte a unei reproiectări mobile și s-a ajuns la faptul că acele mici grafice din SERP-uri pot ajuta cu siguranță la mai multe niveluri. De exemplu, o favicon poate ajuta la consolidarea mărcii dvs., poate atrage ochi într-un SERP aglomerat și poate ajuta, de asemenea, la rata de clic. Deci cu siguranță doriți să vă asigurați că jocul dvs. favicon este puternic.

Google a publicat instrucțiuni pentru definirea unui favicon pentru a se asigura că acestea pot fi afișate corect în SERP-uri. Dacă nu respectați aceste reguli, Google poate alege să vă ignore favicon și să vă ofere una generică. Și nu există nimic mai „meh” decât favicon-ul generic pe glob oferit de Google. Să spunem că nu te vei evidenția în SERP-uri cu favicon-ul lor generic afișat...

În plus, puteți ajunge cu o favicon goală , care este super incomod. Spațiul pentru favicon este rezervat, dar nu apare nimic. Este doar un spațiu alb gol în care ar trebui să apară o favicon. Atât de trist... și voi explica mai multe despre asta mai târziu în postare.

Iată un alt exemplu de favicon gol (și nu doar faviconul generic glob):

Asistență Favicon: Când proprietarii site-ului contactează problemele favicon.
Din când în când, proprietarii de site-uri se adresează frustrați când favicon-urile lor dispar din rezultatele căutării. Când se întâmplă asta, poate fi o situație foarte confuză pentru acei proprietari de site-uri... Ei bine, recent am mai ajutat câțiva proprietari de site-uri în ultimele câteva săptămâni să remedieze problemele favicon-urilor din rezultatele căutării. Și pe baza a ceea ce am găsit, m-am gândit că voi scrie o postare în care să explic câteva dintre principalele motive pentru care le-am văzut care provoacă probleme cu favicon în Căutarea Google.

Problemele sunt relativ ușor de rezolvat și modificările pot fi preluate de Google destul de repede pentru majoritatea site-urilor. De exemplu, una dintre cele mai recente remedieri la care am ajutat a fost preluată în doar câteva ore, iar SERP-urile au fost actualizate în mai puțin de o zi (cu noul favicon).

Favicon-urile care dispar și întrebări despre calitate:
Când favicon-urile dispar, un proprietar de site se gândește imediat că Google cumva nu mai are încredere în site-ul lor sau că există probleme de calitate care fac ca Google să nu mai afișeze favicon-urile (cum ar fi modul în care fragmentele bogate pot fi afectate de actualizările de bază). Nu este cazul. Favicon-urile care lipsesc în SERP-uri nu au nimic de-a face cu calitatea site-ului. În schimb, are totul de-a face cu probleme tehnice cu favicon-urile sau cu încălcarea regulilor Google pentru furnizarea de favicon-uri.

Deci, dacă favicon-ul dvs. dispare, nu înseamnă că Google v-a reevaluat brusc site-ul dvs. din punct de vedere al calității. Probabil se datorează unor probleme tehnice sau altor încălcări ale ghidului (pe care le voi trata mai jos).

Unde s-a dus favicon-ul tău? Depanarea problemelor comune favicon în Căutarea Google.
Mai jos, voi acoperi câteva probleme frecvente pe care le-am văzut în timp ce îi ajut pe proprietarii de site-uri să remedieze favicon-urile care dispar din rezultatele căutării (sau favicon-urile care pur și simplu nu sunt afișate corect de Google).

1. Dimensiuni greșite, fără favicon pentru tine...
Aceasta este cea mai frecventă problemă pe care am văzut-o. Google a explicat în detaliu că favicon-urile trebuie să fie un multiplu de 48×48 pixeli. Așadar, asigură-te că favicon-ul tău este de cel puțin 48×48 sau un multiplu de 48×48. De exemplu, 96×96, 144×144 etc. Nu aveți o favicon mai mică de 48×48.

De exemplu, un site a folosit următoarea imagine ca favicon (neclară pentru a evita apelarea site-ului). Era 50×50 și nu un multiplu de 48×48 pixeli. Google tocmai a folosit favicon-ul generic glob. Din nou, meh în SERP-uri.

De asemenea, raportul de aspect este important. Dacă nu este un pătrat, nu va funcționa bine. Am văzut favicon-uri care păreau neregulate din punct de vedere al raportului de aspect sau pur și simplu nu au apărut în SERP-uri. De exemplu, un site a folosit favicon-ul de mai jos, care nu avea un raport pătrat. Google a forțat-o să se potrivească cu raportul de aspect necesar (și părea total deformat în SERP-uri). Ai grijă.

O notă despre formatul favicon: aveți o mulțime de opțiuni:
Favicon-ul dvs. nu trebuie să fie în format .ico. Poate fi în orice format acceptat, cum ar fi jpg, gif, png și svg. Voi acoperi mai multe despre svg-uri mai târziu în postare.

2. Robots.txt care blochează faviconul :
Documentația Google afirmă că ar trebui să permiteți accesarea cu crawlere a favicon-ului și a paginii dvs. de pornire pentru ca favicon-ul să fie utilizat în Căutare. Dacă pagina dvs. de pornire este blocată de robots.txt, este clar că aveți probleme mai mari de care vă faceți griji decât doar favicon-ul. :) Dar locația favicon ar putea cauza probleme și poate fi confuză din perspectiva robots.txt. De exemplu, unele directive din robots.txt pot fi „lacome” și pot bloca mai mult decât crezi.

Vă recomand să utilizați testerul robots.txt din Google Search Console pentru a vă asigura că favicon-ul și pagina de pornire pot fi accesate cu crawlere. Este un test rapid și vă poate scuti de frustrare. De exemplu, aici este un site cu o favicon lipsă și care blochează accesul la favicon. Apropo, este un brand mai mare, așa că da, și companiile mai mari pot face această greșeală.

Și iată o notă secundară interesantă. Google are un crawler specific pentru favicon-uri numit Google Favicon. Puteți verifica documentația Googlebot pentru șirul user-agent. Google va folosi acest crawler pentru a vă verifica favicon atunci când solicitați indexarea paginii dvs. de pornire prin Google Search Console (GSC). Iar crawler-ul va ignora directivele robots.txt atunci când cineva solicită o recrawler a paginii de pornire pe baza unei modificări a faviconului.

De exemplu, aceasta este direct din documentația favicon:
„Crawlerul Google Favicon ignoră regulile robots.txt atunci când accesarea cu crawlere a fost solicitată de un utilizator.”

Și aici este user-agent crawler:

Dar din nou, asta este doar pentru Google Favicon pentru a verifica noua favicon. În continuare, ar trebui să activați accesarea cu crawlere a paginii dvs. de pornire și a favicon-ului dacă doriți să fie utilizate în rezultatele căutării.

3. Duplicați referințe favicon și una nu a respectat regulile Google pentru favicon:
Aceasta este similară cu prima problemă pe care am tratat-o, dar include referințe favicon duplicate în codul paginii de pornire (și una nu a respectat instrucțiunile). Am văzut situații în care una sau mai multe dintre referințele favicon sunt la fișiere care nu îndeplinesc cerințele, iar Google tocmai a afișat favicon-ul generic glob în SERP-uri. Așa că asigurați-vă că verificați din nou toate referințele la favicon-ul dvs. de pe pagina dvs. de pornire și asigurați-vă că sunt ok.

De exemplu, favicon-ul acestui site nu a fost afișat corect. S-a ajuns că pagina de pornire avea mai multe referințe rel=„pictograme” și una nu a respectat regulile Google. Remedierea acestui lucru, având doar o referință rel="pictogramă" care indică către fișierul adecvat, a permis site-ului să-și recapete favicon-ul în SERP-uri:

4. Uh, cod favicon gol...
Da, pare evident, dar, din păcate, l-am văzut în acțiune. Dacă lăsați literalmente afară fișierul din codul favicon, atunci evident că veți avea probleme cu favicon în Căutare. :) Deci, dacă întâmpinați probleme cu favicon, atunci cu siguranță verificați codul. Și vă recomand, de asemenea, să utilizați diferitele instrumente de testare de la Google pentru a verifica atât codul html static, cât și html-ul redat pentru a vă asigura că codul dvs. este corect.

5. Platforma sau CMS-ul dvs. este greșit în ceea ce privește favicon-ul.
Pentru site-urile care utilizează o anumită platformă sau CMS pentru a-și rula site-ul, acestea pot fi într-o situație în care nu își pot seta sau personaliza cu ușurință favicon-ul. Și în situațiile în care nu aveți prea mult control, vă bazați doar pe platformă sau pe CMS pentru a face bine. Și după cum poți ghici, asta nu merge întotdeauna bine.

Și da, asta înseamnă că toate site-urile care folosesc această platformă ar putea avea probleme cu favicon. Am apărut recent această problemă pentru o platformă de comerț electronic mai mică. Google pur și simplu nu înlocuiește favicon-ul cu globul generic, ci lasă literalmente favicon-ul gol! Acest lucru este chiar mai rău decât primirea favicon-ului generic, în opinia mea...

Și atunci când efectuați o interogare care afișează multe site-uri care utilizează platforma, puteți vedea problema răspândită. Da, acestea sunt toate site-urile de pe platformă cu favicon-uri lipsă (nici măcar favicon-ul generic). Și uitați-vă la a doua listă din SERP... raportul de aspect este deranjat pentru favicon. Deci avem un amestec de favicon-uri goale și unul deformat. Nu e bine.

Bonus 1: Nu depasi limitele cu faviconul tău.
În documentația sa, Google a explicat că nu va afișa nicio favicon pe care o consideră inadecvată (cum ar fi pornografia sau simbolurile de ură). Dacă acesta este cazul, Google va furniza pur și simplu faviconul generic implicit. Țineți cont de acest lucru atunci când creați o favicon... Sunt sigur că acest lucru nu va afecta majoritatea site-urilor, dar poate cauza în mod clar probleme cu afișarea corectă a favicon-ului în SERP-uri.

Iată ce explică Google în documentația sa de favicon:

Bonus 2: creați o favicon adaptivă care funcționează bine în modul întunecat.
Oamenii iubesc modul întunecat și acesta include Căutarea Google. Dar găsesc că mulți nu testează modul în care se afișează favicon-ul lor în modul întunecat.

Odată ce vă verificați favicon-ul în modul întunecat și dacă credeți că arată mai puțin decât optim, atunci puteți oricând să creați un favicon adaptiv care să arate grozav atât în ​​modul deschis, cât și în cel întunecat. De exemplu, crearea unui SVG care utilizează interogări media pentru a se asigura că favicon-ul dvs. se adaptează la mediul curent (mod light versus dark mode).

Adam Argyle a scris o postare în care explică cum să creezi un favicon adaptiv pe web.dev, unde te îndrumă prin procesul de creare a unui SVG care se poate schimba pe baza modului lumină versus întuneric. Nu am testat-o ​​încă, dar este o tehnică interesantă care pare să funcționeze bine în demo. S-ar putea să încerc să fac asta în viitorul apropiat.

Rezumat: puneți cel mai bun favicon al dvs., adică piciorul, înainte în Căutare cu unul care chiar apare.
Sper că această postare v-a ajutat să înțelegeți unele dintre cele mai frecvente probleme de favicon pe care le-am văzut în timp ce ajutam proprietarii de site-uri care mi-au cerut ajutor. Având în vedere că faviconurile sunt afișate vizibil în rezultatele căutării mobile, nu doriți o favicon mai puțin decât optimă care să privească utilizatorii în față. Și, de asemenea, nu doriți faviconul generic „meh” pe care Google îl poate oferi sau, mai rău, un favicon gol. Câteva minute de investigare a situației pot scoate la suprafață problema principală a faviconului. Și odată reparat, poți avea în sfârșit o favicon care funcționează pentru tine și nu împotriva ta. Noroc.

GG