Favicon merupakan salah satu ikon kotak kecil yang bisa mempresentasikan sebuah website. Biasanya untuk favicon sendiri berada di samping judul website atau tab browser.
Selain itu, ikon favicon juga biasanya muncul pada history browser, bookmark dan lokasi lainnya. Pada tampilan tersebut bisa menampilkan identitas visual website secara lengkap.
Meski ukurannya kecil, akan tetapi untuk favicon sendiri menjadi salah satu hal yang sangat penting sebagai identitas online. Pada kesempatan kali ini akan dibahas secara tuntas mengenai cara membuat favicon wordpress, cara membuat icon website, plugin favicon gratis dan cara mengubah favicon di wordpress.
Mengapa Situs Membutuhkan Favicon?
Pada dasarnya cara membuat favicon di wordpress menjadi salah satu hal yang sangat penting sebagai penanda identitas website. Sehingga, pada saat ada seseorang yang berkunjung di situs anda langsung diberikan tampilan logo dan biasanya berada di bagian tab browser.
Akan disayangkan, ketika website anda tidak menggunakan plugin favicon gratis. Pada saat anda tidak membuat icon website dan mengubah favicon di wordpress banyak pengunjung yang menganggap situs kurang kredibel.
Ada beberapa alasan, kenapa membuat icon website dan mengubah favicon di wordpress sangat penting sebagai berikut:
1. Mempunyai Fungsi Untuk Memperkenalkan Merek
Beberapa pengguna sering membuka tab browser dengan jumlah banyak. Akan tetapi, pada saat membuka tanpa favicon mereka hanya bisa melihat halaman atau nama postingan yang ada di tab browser saja.
Selain itu, untuk pengunjung yang membuka lebih dari 20 tab, maka untuk ukuran tab akan menjadi lebih pendek. Akibatnya pengunjung juga akan merasa kesulitan untuk melakukan identifikasi situs yang mereka buka di tab tersebut.
Dengan menggunakan plugin favicon gratis, akan membuat pengunjung lebih mudah untuk mengenai setiap tab yang dibuka. Dengan cara membuat favicon wordpress bisa menghasilkan user experience website secara baik.
2. Alat Membangun Kepercayaan
Tanpa adanya plugin favicon gratis kesan pertama yang diberikan oleh pengunjung situs kurang baik. Untuk website yang tidak mempunyai ikon identitas, biasanya dianggap kurang profesional.
Untuk website yang dipergunakan blogging harian, untuk hal ini tidak masalah besar. Akan tetapi, bagi website perusahaan atau toko online ikon menjadi salah satu peran yang sangat penting.
Para pengunjung juga akan merasa ragu untuk melakukan transaksi pada sebuah website yang tidak terlihat profesional.
3. Alat Untuk Meningkatkan Pengalaman Mobile
Sampai dengan saat ini hampir semua para pengguna memanfaatkan smartphone untuk mengunjungi website. Untuk situs yang responsif saja belum cukup dalam meningkatkan mobile experience.
Hal yang bisa dilakukan oleh pengguna adalah dengan membuat bookmark pada website smartphone. Sehingga, dengan hal tersebut membuat para pengunjung tidak perlu lagi mengetik URL.
Nah, dengan situasi kali ini membuat icon website dan mengubah favicon di wordpress dengan desain yang sangat menarik bisa memberikan banyak keuntungan dari berbagai sisi. Pertama, dengan adanya ikon ini bisa digunakan untuk aplikasi.
Kedua, para pengguna bisa lebih mudah mengingat-ingat beberapa ikon di website. Sehingga, untuk para pengunjung bisa langsung mengaitkan dengan favicon website di alam ingatannya.
Cara Membuat Favicon di WordPress
Pada umumnya, favicon merupakan salah satu logo merek. Untuk ukuran dari favicon sebuah website yang direkomendasikan oleh wordpress adalah 512 x 512 pixel dengan bentuk persegi.
Anda juga bisa dengan menggunakan gambar yang lebih besar lagi. Akan tetapi, ada kemungkinan besar anda diminta untuk memotong atau crop supaya sesuai dengan ketentuan WordPress.
Untuk membuat gambar dengan ukuran secara tepat memang harus menggunakan 512 x 512 pixel. Saat ini ada banyak sekali software editing gambar yang bisa digunakan oleh kalangan masyarakat.
Kemudian, anda juga bisa memilih warna latar belakang untuk favicon wordpress tersebut. Biasanya untuk warna transparan kali ini dirasa lebih jauh efektif dibandingkan lainnya.
Selain itu, anda juga bisa dengan menggunakan format file .jpg, .ico, .gif atau .png. Akan tetapi, anda sangat disarankan untuk menggunakan format .png ketika ingin menggunakan latar belakang transparan.
Ketika gambar yang sudah dimasukkan sudah siap, langsung saja tambahkan pada situs wordpress. Ada beberapa poin penting mengenai cara membuat favicon yang akan dijelaskan secara lengkap dibawah ini sebagai berikut:
1. Menggunakan WordPress Customizer
Bagi anda yang sudah menggunakan versi wordpress 4.3 atau yang lebih baru lagi, biasanya akan diminta untuk ditambahkan favicon melalui area admin. Sebagai berikut langkah-langkah yang harus dilakukan:
- Langkah pertama, buka admin dashboard.
- Langkah kedua, langsung saja memilih menu “appearance” dan “customize”.
- Langkah ketiga, pilih menu “site identity”.
- Langkah keempat pilih menu “select image” yang ada di bagian paling bawah menu “site icon”.
- Langkah kelima, unggah gambar ikon yang sudah disiapkan.
- Langkah keenam, klik menu “publish” supaya perubahan sudah tersimpan.
Pada saat anda sudah mengikuti beberapa langkah di atas secara benar, maka akan muncul ikon di bagian samping judul website. Selain itu, untuk anda yang ingin menambahkan pada perangkat mobile bisa dengan memilih menu “add to homescreen”.
2. Cara Membuat Favicon Menggunakan Favicon Generator
Anda juga bisa dengan menambahkan favicon pada wordpress dengan bantuan alat hosting yang lebih canggih. Untuk cara kali ini lebih mudah dipergunakan dan mempunyai banyak fitur yang bergam. Langkah yang bisa dilakukan pada saat membuat favicon dengan menggunakan plugin adalah:
- Langkah pertama, membuka admin dashboard.
- Langkah kedua, pilih menu “plugin” dan “add new”.
- Langkah ketiga, ketikkan “favicon” pada kolom pencarian tersebut.
- Langkah keempat bisa langsung melakukan install dan aktifkan plugin.
- Langkah kelima, proses aktivasi sudah selesai bisa langsung membuka menu “appearance” dan “favicon”.
- Langkah keenam, unggah gambar yang ingin dipergunakan sebagai favicon. Selain itu, anda juga tidak perlu melakukan edit plugin tersebut. Pastikan juga gambar sudah mempunyai ukuran minimal 70×70. Lebih baiknya lagi, bisa dengan menggunakan ukuran lebih dari 260×260 pixel.
- Langkah ketujuh, anda bisa langsung melakukan unggahan dengan memilih menu “generate favicon”.
- Langkah kedelapan, anda akan langsung diarahkan ke situs sebagai berikut
- Langkah kesembilan, pada halaman tersebut bisa langsung saja mencari dan memilih menu Generate your Favicon and HTML code.
- Langkah kesepuluh, anda akan diarahkan kembali pada website. Ketika sudah berhasil, maka akan diberikan notifikasi.
3. Cara Membuat Favicon Menggunakan FTP Client / File Manager
Sebelum melakukan online favicon, ada beberapa cara yang harus dilakukan pengetesan terlebih dahulu pada perangkat komputer. Untuk langkah yan harus dilakukan adalah:
- Akses, semua file tema melalui FTP client atau File Manager.
- Cari folder /wp-content/themes/your-theme
- Unggah favicon pada folder tema. Tunggu sampai dengan favicon sudah berada di subfolder “assets”.
- Ingat-ingat untuk path file tersebut.
- Cari file dengan nama “function.php” dan masukan kode berikut ini
function add_favicon() {
echo '<link rel="shortcut icon" type="image/png" href="'.get_template_directory_uri().'/assets/favicon.png" />';
}
add_action('wp_head', 'add_favicon');
- Pada baris tersebut (setelah : href=”‘.get_template_directory_uri() ) bisa diisi dengan path favicon anda. Pastikan juga semua nama file sudah dimasukkan secara tepat. Jika menggunakan format .ico, maka anda bisa meggunakan berikut :
function add_favicon() {echo '<link rel="shortcut icon" type="image/png" href="'.get_template_directory_uri().'/assets/favicon.ico" />';}add_action('wp_head', 'add_favicon');
4. Cara Membuat Favicon Menggunakan Favicon.cc
Sebagian besar, website browser ini bisa mendeteksi beberapa file favicon.ico yang sudah terletak di direktori website. Sehingga, anda bisa langsung saja menggunakan favicon tersebut. Untuk cara kali ini paling mudah untuk menambahkan favicon pada website anda.
- Siapkan gambar dengan dimensi persegi 1:1 dengan format .jpeg, .bmp, .gif dan .png. Untuk bentuk persegi kali ini sangat disarankan, karena bisa melihatkan kesan secara profesional.
- Lakukan konversi gambar dengan format .ico. Ada banyak juga tools online yang bisa dipergunakan (bisa gunakan website favicon.cc). Akan tetapi, untuk tutorial kali ini hanya bisa dengan menggunakan hosting yang terpercaya.
- Buka, halaman hosting yang terpercaya dan memilih menu “unggah file”.
- Gambar akan otomatis langsung di konversi. Kemudian anda juga bisa mengunduh pada bagian sisi kanan website.
- Unduh gambar dengan memberikan klik menu “download” dan simpan juga dengan format .ico.
- Lakukan pergantian anam dengan file favicon.ico supaya website lebih mudah untuk mengenal folder tersebut.
- Unggah file tersebut pada file direktori website.
Proses mengunggah file kali ini, anda bisa menggunakan file manager atau layanan hosting yang terpercaya. Namun, untuk masalah direktorinya mungkin juga akan berbeda dan bergantung pada konfigurasi atau penyedia dari layanan hosting tersebut.
Untuk hal kali ini anda harus mencari tahu juga kepada pihak penyedia layanan hosting terpercaya terlebih dahulu. Dengan cara tersebut membuat semua file tersebut lebih mudah dikenali dan akan ditampilkan pada browser.
5. Cara Membuat Favicon Dengan Direktori Website
Bagi anda yang merasa cara sebelumnya lebih repot. Ada cara lain yang bisa digunakan dengan cara membuat favicon dengan direktori website. Sebagai berikut langkah atau cara yang bisa dilakukan:
- Siapkan gambar dengan dimensi persegi 1:1 dan harus mempunyai format .jpeg, .bmp, .gif, dan .png.
- Unggah juga file tersebut pada direktori tempat website anda berada (biasanya berada di public_html). Namun, direktori ini kali ini biasanya akan bergantung dengan konfigurasi atau penyedia layanan hosting yang terpercaya.
- Masukkan gambar yang ingin digunakan pada kode website tersebut. Anda bisa menambahkannya di antara tag <head></head> dalam kode website:
<link rel="shortcut icon" type="image/png" href="/favicon.png"/> - Kode HTML nya akan terlihat seperti di bawah ini :
Kesimpulan
Nah, jadi favicon merupakan salah satu hal yang sangat penting dan wajib ada di dalam sebuah website. Selain itu, dengan adanya favicon ini bisa melihatkan website lebih kredibel dan profesional.
Terlebih lagi, ada banyak cara yang bisa digunakan dalam proses pembuatan favicon. Semuanya bisa dilakukan dengan cara yang sangat-sangat mudah.
Untuk segi fungsinya, ikon kali ini mempunyai peran yang sangat penting untuk proses merepresentasikan identitas sebuah website. Meski ukurannya terbilang sangat kecil, akan tetapi ikon tersebut bisa dipergunakan untuk memperkenalkan merek secara luas.
Tidak hanya itu, saja dengan ikon ini bisa meningkatkan user experience agar pengunjung tidak ragu. Saat ini banyak sekali macam-macam jasa layanan hosting yang bisa memberikan pembelajaran SEO secara gratis.
Akan tetapi, tidak semua penyedia layanan SEO ini memberikan materi secara sepenuhnya. Ada salah satu jasa layanan yang memberikan layanan SEO yaitu ryanda.co.id.
Sampai dengan saat ini juga sudah banyak dari kalangan masyarakat yang menggunakan ryanda.co.id. Bahkan, semua materi yang diberikan oleh ryanda.co.id lebih mudah untuk dipahami dan dijelaskan secara lebih lengkap.
Maka dari itu, untuk anda yang ingin belajar tidak hanya cara membuat favicon melainkan hal yang lebih luas seperti belajar SEO atau berhubungan dengan website bisa langsung saja mengunjungi website ryanda.co.id. Semua materi yang diberikan tidak akan dipungut biaya sepeser pun.
