Favi-gone: 5 powodów, dla których Twój Favicon zniknął z wyników wyszukiwania Google [Studia przypadków]

Mówią, że „favicon jest wart tysiąca słów”. OK… tak naprawdę tego nie mówią, ale favicons z pewnością mogą być ważne z perspektywy wyszukiwania. W 2019 r. Google zaczął wyświetlać favicons w wynikach wyszukiwania mobilnego w ramach przeprojektowania mobilnego, i kończy się na tym, że te małe grafiki w SERP mogą z pewnością pomóc na kilku poziomach. Na przykład favicon może pomóc wzmocnić Twoją markę, może przyciągnąć gałki oczne w zatłoczonym SERP, a także może pomóc we współczynniku klikalności. Więc na pewno chcesz się upewnić, że twoja gra favicon jest silna.

Google opublikował wytyczne dotyczące definiowania favicon, aby upewnić się, że mogą być poprawnie wyświetlane w SERPach. Jeśli nie zastosujesz się do tych wskazówek, Google może zignorować Twoją faviconę i podać Ci ogólną. I nie ma nic bardziej „meh” niż ogólny favicon globu, który zapewnia Google. Powiedzmy po prostu, że nie wyróżnisz się w SERPach z ich ogólną favicon pokazującą…

Ponadto możesz skończyć z pustą favikoną, co jest bardzo niezręczne. Miejsce na favicon jest zarezerwowane, ale nic się nie pojawia. To tylko pusta biała przestrzeń, w której powinna pojawić się favikona. To takie smutne… i wyjaśnię o tym więcej w dalszej części postu.

Oto kolejny przykład pustej favikony (a nie tylko ogólnej favikony globu):

Pomoc dotycząca favicon: Gdy właściciele witryn kontaktują się z problemami związanymi z faviconami.
Od czasu do czasu właściciele witryn zwracają się z frustracją, gdy ich ulubione znikają z wyników wyszukiwania. Kiedy tak się dzieje, może to być bardzo myląca sytuacja dla tych właścicieli witryn… Cóż, ostatnio pomogłem kilku innym właścicielom witryn w ciągu ostatnich kilku tygodni w rozwiązywaniu problemów z faviconami w wynikach wyszukiwania. Na podstawie tego, co znalazłem, pomyślałem, że napiszę post wyjaśniający niektóre z głównych powodów, które powodują problemy z faviconami w wyszukiwarce Google.

Problemy są stosunkowo łatwe do naprawienia, a zmiany mogą być szybko wychwytywane przez Google w przypadku większości witryn. Na przykład jedna z ostatnich poprawek, w których pomogłem, została odebrana w ciągu zaledwie kilku godzin, a SERP zostały zaktualizowane w mniej niż jeden dzień (z nową favicon).

Znikające favicony i pytania dotyczące jakości:
Gdy znikają favikony, niektórzy właściciele witryn natychmiast myślą, że Google w jakiś sposób nie ufa ich witrynie lub że występują problemy z jakością, które powodują, że Google przestaje wyświetlać ich favikony (np. na to, jak szerokie aktualizacje rdzenia mogą wpłynąć na fragmenty rozszerzone). To nie o to chodzi. Brakujące favicony w SERPach nie mają nic wspólnego z jakością strony. Zamiast tego ma wszystko wspólnego z problemami technicznymi z faviconami lub naruszeniem wytycznych Google dotyczących udostępniania favicon.

Więc jeśli twoja favicon zniknie, to nie jest tak, że Google nagle przewartościowało twoją witrynę pod kątem jakości. Jest to prawdopodobnie spowodowane problemami technicznymi lub innymi naruszeniami wytycznych (które omówię poniżej).

Gdzie się podziała twoja favikona? Rozwiązywanie typowych problemów z faviconami w wyszukiwarce Google.
Poniżej omówię kilka typowych problemów, które napotkałem, pomagając właścicielom witryn w rozwiązywaniu problemów z faviconami, które znikają z wyników wyszukiwania (lub faviconami, które po prostu nie są poprawnie wyświetlane przez Google).

1. Złe wymiary, brak favicon dla Ciebie…
To najczęstszy problem, jaki widziałem. Google wyjaśnił szczegółowo, że favicony muszą być wielokrotnością 48×48 pikseli. Upewnij się więc, że favicon ma co najmniej 48×48 lub wielokrotność 48×48. Na przykład 96×96, 144×144 itd. Nie używaj favikony mniejszej niż 48×48.

Na przykład w witrynie użyto następującego obrazu jako favicon (zamazane, aby uniknąć wywołania witryny). Było to 50×50, a nie wielokrotność 48×48 pikseli. Google właśnie użył ogólnej favikony globu. Znowu meh w SERPach.

Ważny jest również współczynnik proporcji. Jeśli to nie jest kwadrat, to nie zadziała dobrze. Widziałem favicony, które wyglądały nie do zniesienia z punktu widzenia proporcji, albo po prostu nie pojawiały się w SERPach. Na przykład w witrynie użyto poniższej favicony, która nie miała proporcji do kwadratu. Google zmusił go do dopasowania do wymaganych proporcji (i wyglądało to na całkowicie wypaczone w SERPach). Strzec się.

Uwaga na temat formatu favicon: masz wiele opcji:
Twoja favicon nie musi być w formacie .ico. Może być w dowolnym obsługiwanym formacie, takim jak jpg, gif, png i svg. Więcej o svgs omówię później w poście.

2. Robots.txt blokujący favicon :
Dokumentacja Google stwierdza, że ​​należy zezwolić na indeksowanie favikony i strony głównej, aby można było używać favikony w wyszukiwarce. Jeśli Twoja strona główna jest zablokowana przez plik robots.txt, masz wyraźnie większe problemy niż tylko favicon. :) Ale lokalizacja favicon może powodować problemy i być myląca z perspektywy pliku robots.txt. Na przykład niektóre dyrektywy w pliku robots.txt mogą być „chciwe” i blokować więcej, niż myślisz.

Zalecam skorzystanie z testera pliku robots.txt w Google Search Console, aby upewnić się, że Twoja favicona i strona główna mogą zostać zindeksowane. To szybki test i może oszczędzić ci trochę frustracji. Na przykład tutaj jest strona z brakującą favicon, która blokuje dostęp do favicon. Nawiasem mówiąc, to większa marka, więc tak, większe firmy też mogą popełnić ten błąd.

A oto ciekawa uwaga na marginesie. Google ma specjalny robot indeksujący o nazwie Google Favicon. Możesz sprawdzić w dokumentacji Googlebota ciąg klienta użytkownika. Google użyje tego robota do sprawdzania Twojej favikony , gdy zażądasz indeksowania swojej strony głównej za pośrednictwem Google Search Console (GSC). A robot indeksujący zignoruje dyrektywy robots.txt, gdy ktoś zażąda ponownego zindeksowania strony głównej na podstawie zmiany favicon.

Na przykład jest to bezpośrednio z dokumentacji favicon:
„Robot indeksujący Google Favicon ignoruje reguły pliku robots.txt, gdy użytkownik zażądał indeksowania”.

A oto klient użytkownika robota:

Ale znowu, to tylko dla Google Favicon, aby sprawdzić nową favicon. Nadal powinieneś włączyć indeksowanie swojej strony głównej i favikony, jeśli chcesz, aby były one używane w wynikach wyszukiwania.

3. Zduplikowane odniesienia do favicon, z których jedna nie spełniała wytycznych Google dotyczących favicon:
Jest to podobne do pierwszego omówionego przeze mnie problemu, ale zawiera zduplikowane odniesienia do favicon w kodzie strony głównej (i jeden nie spełniał wytycznych). Widziałem sytuacje, w których jedno lub więcej odniesień do favicon odnosi się do plików, które nie spełniają wymagań, a Google po prostu wyświetlał ogólny favicon globusa w SERP. Dlatego upewnij się, że dokładnie sprawdziłeś wszystkie odniesienia do Twojej favicon na swojej stronie głównej i upewnij się, że są w porządku.

Na przykład favikona tej witryny nie wyświetlała się poprawnie. Skończyło się na tym, że strona główna miała wiele odniesień do rel="icon", a jedno nie spełniało wytycznych Google. Naprawienie tego poprzez posiadanie tylko jednego odniesienia rel="icon" wskazującego na właściwy plik, umożliwiło witrynie odzyskanie favicon w SERP:

4. Uh, pusty kod favicon…
Tak, wydaje się to oczywiste, ale niestety widziałem to w akcji. Jeśli dosłownie pominiesz plik w kodzie favicon, to oczywiście będziesz mieć problemy z faviconami w wyszukiwaniu. :) Więc jeśli masz problemy z faviconami, zdecydowanie sprawdź swój kod. Polecam również korzystanie z różnych narzędzi testowych od Google, aby sprawdzić zarówno statyczny html, jak i renderowany html, aby upewnić się, że kod jest poprawny.

5. Twoja platforma lub CMS jest sfatygowany pod względem favicon.
W przypadku witryn korzystających z określonej platformy lub systemu CMS do uruchamiania swojej witryny mogą one znajdować się w sytuacji, w której nie mogą łatwo ustawić lub dostosować swojej favicon. A w sytuacjach, w których nie masz dużej kontroli, polegasz wyłącznie na platformie lub CMS, aby zrobić to dobrze. I jak łatwo się domyślić, nie zawsze się to udaje.

I tak, oznacza to, że wszystkie witryny korzystające z tej platformy mogą mieć problemy z faviconami. Ostatnio pojawił się ten problem dla mniejszej platformy e-commerce. Google po prostu nie zastępuje favikony ogólnym globusem, dosłownie pozostawia faviconę pustą! Moim zdaniem jest to nawet gorsze niż otrzymanie generycznego faviconu…

A wykonując zapytanie, które wyświetla wiele witryn korzystających z platformy, można zauważyć powszechny problem. Tak, to wszystkie witryny na platformie z brakującymi faviconami (nawet ogólna favicon). I spójrz na drugą listę w SERP… proporcje są popsute dla favicon. Mamy więc mieszankę pustych faviconów i jedną wypaczoną. Niedobrze.

Bonus 1: Nie przekraczaj granic swoją favikoną.
W swojej dokumentacji Google wyjaśnił, że nie wyświetla żadnych favicon, które uzna za nieodpowiednie (takich jak pornografia lub symbole nienawiści). W takim przypadku Google po prostu udostępni domyślną, ogólną faviconę. Pamiętaj o tym podczas tworzenia favicon… Jestem pewien, że nie wpłynie to na większość witryn, ale może to spowodować problemy z prawidłowym wyświetlaniem favicon w SERP.

Oto, co Google wyjaśnia w swojej dokumentacji favicon:

Bonus 2: Stwórz adaptacyjną favikonę, która działa dobrze w trybie ciemnym.
Ludzie uwielbiają tryb ciemny, w tym wyszukiwarkę Google. Ale uważam, że wielu nie testuje, jak ich favicon wyświetla się w trybie ciemnym.

Po sprawdzeniu swojej favikony w trybie ciemnym i jeśli uważasz, że wygląda mniej niż optymalnie, zawsze możesz utworzyć adaptacyjną favikonę, która będzie wyglądać świetnie zarówno w trybie jasnym, jak i ciemnym. Na przykład utworzenie pliku SVG, który używa zapytań o media, aby upewnić się, że favicon dostosowuje się do bieżącego środowiska (tryb jasny kontra tryb ciemny).

Adam Argyle napisał post wyjaśniający, jak stworzyć adaptacyjną favicon na web.dev, w którym przeprowadzi Cię przez proces tworzenia SVG, który może się zmieniać w zależności od trybu jasnego i ciemnego. Nie testowałem tego jeszcze, ale jest to interesująca technika, która wydaje się dobrze działać w wersji demo. Może spróbuję to zrobić w najbliższej przyszłości.

Podsumowanie: Umieść swoją najlepszą faviconę, to znaczy stopę, do przodu w wyszukiwarce z taką, która faktycznie się pojawi.
Mam nadzieję, że ten post pomógł Ci zrozumieć niektóre z najczęstszych problemów z faviconami, które widziałem, jednocześnie pomagając właścicielom witryn, którzy zwrócili się do mnie o pomoc. Ponieważ favikony są wyświetlane w widocznym miejscu w wynikach wyszukiwania na urządzeniach mobilnych, nie chcesz, aby mniej niż optymalna favikona patrzyła użytkownikom prosto w twarz. Nie chcesz też ogólnej favikony „meh”, którą Google może zapewnić, lub, co gorsza, pustej favikony. Kilka minut zagłębienia się w sytuację może zwykle ujawnić główny problem z faviconami. A po naprawieniu możesz wreszcie mieć favicon, który działa dla ciebie, a nie przeciwko tobie. Powodzenia.

GG