Favi-gone: 5 Alasan Mengapa Favicon Anda Hilang Dari Hasil Pencarian Google [Studi Kasus]

Mereka mengatakan "favicon bernilai seribu kata". Oke… mereka benar-benar tidak mengatakan itu, tetapi favicon pasti bisa menjadi penting dari perspektif Pencarian. Pada tahun 2019, Google mulai menampilkan favicon di hasil pencarian seluler sebagai bagian dari desain ulang seluler, dan akhirnya grafik kecil di SERPs itu pasti dapat membantu di beberapa level. Misalnya, favicon dapat membantu memperkuat merek Anda, dapat menarik bola mata di SERP yang ramai, dan juga dapat membantu dengan rasio klik-tayang. Jadi Anda pasti ingin memastikan game favicon Anda kuat.

Google menerbitkan pedoman untuk mendefinisikan favicon untuk memastikan favicon dapat ditampilkan dengan benar di SERP. Jika Anda tidak mematuhi pedoman tersebut, Google dapat memilih untuk mengabaikan favicon Anda dan memberikan yang umum untuk Anda. Dan tidak ada yang lebih "meh" daripada favicon globe generik yang disediakan Google. Katakan saja Anda tidak akan menonjol di SERP dengan tampilan favicon generik mereka…

Selain itu, Anda dapat berakhir dengan favicon kosong , yang sangat canggung. Ruang untuk favicon dicadangkan, tetapi tidak ada yang muncul. Ini hanya ruang putih kosong tempat favicon akan muncul. Sangat menyedihkan… dan saya akan menjelaskan lebih lanjut tentang itu nanti di posting.

Berikut adalah contoh lain dari favicon kosong (dan bukan hanya favicon globe umum):

Bantuan Favicon: Saat pemilik situs menghubungi tentang masalah favicon.
Sesekali saya memiliki pemilik situs yang frustrasi ketika favicon mereka hilang dari hasil pencarian. Ketika itu terjadi, itu bisa menjadi situasi yang sangat membingungkan bagi pemilik situs tersebut… Yah, baru-baru ini saya baru saja membantu beberapa pemilik situs selama beberapa minggu terakhir memecahkan masalah favicon di hasil pencarian. Dan berdasarkan apa yang saya temukan, saya pikir saya akan menulis posting yang menjelaskan beberapa alasan utama yang saya lihat yang menyebabkan masalah favicon di Google Penelusuran.

Masalahnya relatif mudah untuk diperbaiki dan perubahan dapat diambil oleh Google dengan cukup cepat untuk sebagian besar situs. Misalnya, salah satu perbaikan terbaru yang saya bantu diambil hanya dalam beberapa jam dan SERP diperbarui dalam waktu kurang dari sehari (dengan favicon baru).

Favicons Menghilang dan Pertanyaan Tentang Kualitas:
Ketika favicon hilang, beberapa pemilik situs langsung berpikir bahwa Google entah bagaimana tidak mempercayai situs mereka lagi atau bahwa ada masalah kualitas yang menyebabkan Google berhenti menampilkan favicon mereka (seperti bagaimana cuplikan kaya dapat dipengaruhi oleh pembaruan inti luas). Bukan itu masalahnya. Favicons yang hilang di SERP tidak ada hubungannya dengan kualitas situs. Sebaliknya, itu semua berkaitan dengan masalah teknis dengan favicon, atau melanggar pedoman Google untuk menyediakan favicon.

Jadi, jika favicon Anda hilang, bukan berarti Google tiba-tiba mengevaluasi ulang kualitas situs Anda. Ini mungkin karena masalah teknis atau pelanggaran pedoman lainnya (yang akan saya bahas di bawah).

Ke mana perginya favicon Anda? Memecahkan masalah favicon umum di Google Penelusuran.
Di bawah ini, saya akan membahas beberapa masalah umum yang saya lihat saat membantu pemilik situs memecahkan masalah favicon yang hilang dari hasil pencarian (atau favicon yang tidak ditampilkan dengan benar oleh Google).

1. Dimensi salah, tidak ada favicon untuk Anda…
Ini adalah masalah paling umum yang saya lihat. Google telah menjelaskan secara rinci bahwa favicon harus kelipatan 48x48 piksel. Jadi, pastikan favicon Anda minimal 48×48 atau kelipatan 48×48. Misalnya, 96×96, 144×144, dll. Jangan memiliki favicon yang lebih kecil dari 48×48.

Misalnya, sebuah situs menggunakan gambar berikut sebagai faviconnya (diburamkan untuk menghindari pemanggilan situs). Itu 50x50 dan bukan kelipatan 48x48 piksel. Google baru saja menggunakan favicon globe generik. Sekali lagi, meh di SERPs.

Juga, rasio aspek penting. Jika bukan persegi, itu tidak akan berfungsi dengan baik. Saya telah melihat favicon yang terlihat rusak dari sudut pandang rasio aspek, atau mereka tidak muncul di SERP. Misalnya, sebuah situs menggunakan favicon di bawah, yang tidak memiliki rasio kuadrat. Google memaksanya agar sesuai dengan rasio aspek yang diperlukan (dan itu tampak benar-benar melengkung di SERP). Awas.

Catatan tentang format favicon: Anda memiliki banyak opsi:
Favicon Anda tidak harus dalam format .ico. Itu bisa dalam format apa pun yang didukung, seperti jpg, gif, png, dan svg. Saya akan membahas lebih lanjut tentang svgs nanti di posting.

2. Robots.txt memblokir favicon :
Dokumentasi Google menyatakan bahwa Anda harus mengizinkan perayapan favicon dan beranda Anda agar favicon dapat digunakan di Penelusuran. Jika beranda Anda diblokir oleh robots.txt, Anda jelas memiliki masalah yang lebih besar untuk dikhawatirkan daripada hanya favicon. :) Tapi lokasi favicon dapat menyebabkan masalah dan membingungkan dari perspektif robots.txt. Misalnya, beberapa arahan di robots.txt bisa menjadi "serakah" dan memblokir lebih dari yang Anda kira.

Saya sarankan menggunakan Penguji robots.txt di Google Search Console untuk memastikan favicon dan beranda Anda dapat dirayapi. Ini adalah tes cepat dan dapat menyelamatkan Anda dari frustrasi. Misalnya, ini adalah situs dengan favicon yang hilang dan memblokir akses ke favicon. Omong-omong, ini adalah merek yang lebih besar, jadi ya, perusahaan yang lebih besar juga dapat melakukan kesalahan ini.

Dan inilah catatan sampingan yang menarik. Google memiliki perayap khusus untuk favicon yang disebut Google Favicon. Anda dapat memeriksa dokumentasi Googlebot untuk string agen pengguna. Google akan menggunakan perayap ini untuk memeriksa favicon Anda ketika Anda meminta pengindeksan beranda Anda melalui Google Search Console (GSC). Dan perayap akan mengabaikan arahan robots.txt ketika seseorang meminta perayapan ulang beranda berdasarkan perubahan favicon.

Misalnya, ini langsung dari dokumentasi favicon:
“Perayap Google Favicon mengabaikan aturan robots.txt saat perayapan diminta oleh pengguna.”

Dan inilah agen pengguna perayap:

Tapi sekali lagi, itu hanya untuk Google Favicon untuk memeriksa favicon baru. Anda masih harus mengaktifkan perayapan beranda dan favicon Anda jika Anda ingin itu digunakan dalam hasil pencarian.

3. Referensi favicon duplikat dan salah satunya tidak memenuhi pedoman favicon Google:
Ini mirip dengan edisi pertama yang saya bahas, tetapi menyertakan referensi favicon duplikat di kode beranda (dan salah satunya tidak memenuhi pedoman). Saya telah melihat situasi di mana satu, atau lebih, referensi favicon adalah file yang tidak memenuhi persyaratan dan Google hanya menampilkan favicon globe generik sebagai gantinya di SERP. Jadi pastikan untuk memeriksa ulang semua referensi ke favicon Anda dari beranda Anda dan pastikan semuanya baik-baik saja.

Misalnya, favicon situs ini tidak muncul dengan benar. Akhirnya beranda memiliki beberapa referensi rel=“ikon” dan satu tidak memenuhi pedoman Google. Memperbaikinya dengan hanya memiliki satu referensi rel="icon" yang menunjuk ke file yang tepat memungkinkan situs untuk mendapatkan kembali faviconnya di SERP:

4. Eh, kode favicon kosong…
Ya, ini tampak jelas, tapi sayangnya saya pernah melihatnya beraksi. Jika Anda benar-benar meninggalkan file dalam kode favicon, maka Anda jelas akan memiliki masalah favicon di Pencarian. :) Jadi jika Anda mengalami masalah favicon, maka periksa kembali kode Anda. Dan saya juga merekomendasikan untuk menggunakan berbagai alat pengujian dari Google untuk memeriksa html statis dan html yang dirender untuk memastikan kode Anda benar.

5. Platform atau CMS Anda rusak secara favicon.
Untuk situs yang menggunakan platform atau CMS tertentu untuk menjalankan situs mereka, mereka mungkin berada dalam situasi di mana mereka tidak dapat dengan mudah mengatur atau menyesuaikan favicon mereka. Dan dalam situasi di mana Anda tidak memiliki banyak kendali, Anda hanya mengandalkan platform atau CMS untuk melakukannya dengan benar. Dan seperti yang bisa Anda tebak, itu tidak selalu berhasil.

Dan ya, itu berarti semua situs yang menggunakan platform itu bisa mengalami masalah favicon. Saya memunculkan masalah ini baru-baru ini untuk platform e-niaga yang lebih kecil. Google hanya tidak mengganti favicon dengan globe generik, itu benar-benar membiarkan favicon kosong! Ini bahkan lebih buruk daripada menerima favicon generik menurut saya…

Dan saat melakukan kueri yang menampilkan banyak situs menggunakan platform, Anda dapat melihat masalah yang meluas. Ya, itu semua situs di platform dengan favicon yang hilang (bahkan bukan favicon generik). Dan lihat daftar kedua di SERP… rasio aspek kacau untuk favicon. Jadi kami memiliki campuran favicon kosong dan satu yang melengkung. Tidak baik.

Bonus 1: Jangan memaksakan batas dengan favicon Anda.
Dalam dokumentasinya, Google telah menjelaskan bahwa mereka tidak akan menampilkan favicon yang dianggap tidak pantas (seperti pornografi atau simbol kebencian). Jika demikian, Google hanya akan menyediakan favicon default dan generik. Ingatlah hal ini saat membuat favicon… Saya yakin ini tidak akan memengaruhi sebagian besar situs, tetapi ini jelas dapat menyebabkan masalah dengan tampilan favicon Anda dengan benar di SERP.

Inilah yang dijelaskan Google dalam dokumentasi favicon mereka:

Bonus 2: Buat favicon adaptif yang berfungsi dengan baik dalam mode gelap.
Orang-orang menyukai mode gelap dan itu termasuk Google Penelusuran. Tetapi saya menemukan banyak yang tidak menguji bagaimana favicon mereka ditampilkan dalam mode gelap.

Setelah Anda memeriksa favicon Anda dalam mode gelap, dan jika menurut Anda tampilannya kurang optimal, maka Anda selalu dapat membuat favicon adaptif yang tampak hebat dalam mode terang dan gelap. Misalnya, membuat SVG yang menggunakan kueri media untuk memastikan favicon Anda beradaptasi dengan lingkungan saat ini (mode terang versus mode gelap).

Adam Argyle menulis posting yang menjelaskan cara membuat favicon adaptif di web.dev di mana dia memandu Anda melalui proses pembuatan SVG yang dapat berubah berdasarkan mode terang versus mode gelap. Saya belum mengujinya, tetapi ini adalah teknik menarik yang tampaknya bekerja dengan baik dalam demo. Saya mungkin akan mencoba melakukannya dalam waktu dekat.

Ringkasan: Letakkan favicon terbaik Anda, maksud saya kaki, maju dalam Pencarian dengan salah satu yang benar-benar muncul.
Saya harap posting ini membantu Anda memahami beberapa masalah favicon paling umum yang pernah saya lihat saat membantu pemilik situs yang menghubungi saya untuk meminta bantuan. Dengan favicon yang ditampilkan secara mencolok di hasil pencarian seluler, Anda tidak ingin favicon yang kurang optimal menatap wajah pengguna. Dan Anda juga tidak ingin favicon generik “meh” yang dapat disediakan oleh Google, atau lebih buruk lagi, favicon kosong. Beberapa menit menggali situasi biasanya dapat memunculkan masalah favicon inti. Dan setelah diperbaiki, Anda akhirnya dapat memiliki favicon yang bekerja untuk Anda alih-alih melawan Anda. Semoga berhasil.

GG