Cara Merubah Favicon Di Oxygen Builder

Favicon adalah salah satu item yang tidak boleh tertinggal dalam pembuatan website. Favicon atau kepanjangan dari Favorite Icon ialah Icon kecil unik yang ada di website. Favicon ini fungsinya sebagai identitas dari sebuah website. Dan disini saya akan menjelaskan cara merubah favicon di oxygen.

Favicon biasa terlihat ketika sebuah website muncul di mesin pencari contohnya mesin pencari Google contoh favicon sebagai berikut:

Contoh Favicon Muncul Di Mesin Pencari

Dan favicon juga muncul ketika suatu website terbuka (aktif) di browser, berikut contohnya;

Merubah favicon sebenarnya sangat mudah apalagi yang menggunakan template/theme. Akan tetapi merubah favicon di oxygen builder ini mempunyai perbedaan yang sangat mencolok. Karena website yang menggunakan oxygen builder, template/theme bawaan akan otomatis off (tidak aktif) yang artinya tidak dapat digunakan.

Tentu bagi yang terbiasa menggunakan theme atau builder lain seperti Elementor/Divi dan sebagainya, pasti akan bingung untuk merubah favicon di oxygen builder ini. jadi disini saya akan membuat Tutorial Cara Merubah Favicon Di Oxygen Builder.

Lihat ini : haruskan memasang akismet?

Daftar Isi

Pentingnya Memasang Favicon Di Website

Meskipun terlihat sepele akan tetapi favicon ini punya peran penting pada website. berikut adalah alasan kenapa harus memasang favicon di website:

1. Branding

Favicon ini adalah icon pertama yang akan dilihat oleh pengunjung sebelum membuka website. Tentu akan menjadi nilai jika sebuah website memiliki favicon, pengunjung akan menilai bahwa website ini memiliki icon dengan warna khasnya. dan ini tentu akan meningkatkan branding dari website itu sendiri.

2. Estetika

Website yang tidak dipasang favicon terlihat tidak profesional. karena secara otomatis icon yang muncul adalah icon default dari browsernya atau templatenya. jadi ini mengurangi nilai estetika sebuah website

3. SEO

Dan yang ketiga adalah SEO. meskipun bukan paling utama. favicon ini mempunyai efek terhadap SEO meskipun sangat kecil. Bisa dicek di mesin pencari, urutan 1-4 di halaman pertama adalah website yang menggunakan favicon.

Cara Memasang Favicon Di Oxygen Builder

Baik, disini saya akan memulai menjelaskan bagaimana memasang favicon di oxygen;

1. Siapkan gambar icon yang akan di pasang.

Dimensi favicon adalah kotak, hindari bentuk oval atau persegi panjang. Size icon usahakan jangan terlalu besar maksimal 2Mb, setelah icon siap lanjut ke langkah kedua.

2. Generate icon di website ini https://www.favicongenerator.com/

Akses web diatas, lalu pilih pixel rekomendasi kami adalah 48px. lalu tekan Create Icon. Setelah jadi tekan tombol download. Lalu icon akan otomatis berubah menjadi extensi .ico. File ini sudah siap untuk di uploud.

3. Pasang plugin Insert Headers and Footers.

Instal plugin Insert Headers and Footers, lalu aktifkan.

4. Uploud favicon di wordpress.

Uploud/ unggah file favicon di menu Media > Tambah Baru . lalu copy url faviconnya.

5. Buat script favicon

Script favicon contohnya seperti ini:

Catatan di kolom href dirubah dengan url file yang diuplod sebelumnya.

6. Buka plugin Insert Headers and Footers di Setting > Insert Headers and Footers.

Buka pluginnya, lalu script diatas lalu ditaruh di header seperti berikut:

Setelah selesai, tekan tombol simpan atau save.

7. Tutorial Cara Merubah favicon di Oxygen Via Youtube

Berikut adalah tutorial videonya

Kesimpulan

Demikian cara merubah favicon di oxygen builder. jika ada yang ingin ditanyakan bisa melalui koment dibawah.

Cara Merubah Favicon Di Oxygen Builder