Memanfaatkan Favicon untuk Branding
Favicon atau Favorite Icon adalah icon kecil yang berada di paling kiri navigation bar browser anda. Favicon dapat membantu orang mengenali website anda pada SERP (search engine result pages).
Cara membuatnya mudah:
1. Buat image file logo anda yang berukuran 100px X 100px.
2. Convert menjadi icon file (file ekstensi .ico). Jika menggunakan Photoshop bisa menggunakan add ins, atau lebih mudah lagi dengan menggunakan Favicon online generator seperti Genfavicon.
3. FTP file favicon.ico anda ke webserver. Untuk pengguna Blogger.com, anda bisa menggunakan googlepages atau picasaweb untuk menghosting favicon anda.
4. Untuk pengguna self-hosted Wordpress (saya asumsikan menggunakan versi 2.5.1.) klik Design >> Header.php masukkan kode dibawah ini diantara </head> dan <body>.
5. Untuk favicon statis masukkan kode ini :
<link href=’http://www.websiteanda.com/favicon.ico’ rel=’shortcut icon’ type=’image/x-icon’/>
6. Jika anda ingin menggunakan animasi .gif untuk favicon anda, ftp file .gif anda, dan masukkan kode dibawah ini diantara </head> dan <body>
<link rel=”shortcut icon’ href=”http://www.websiteanda.com/favicon.ico”><link rel=”shortcut icon’ href=”http://www.websiteanda.com/favicon.gif”>
Di hasil pencarian (SERP), favicon anda akan terlihat seperti dibawah ini:
Lebih menarik bukan?
Untuk guidance, tutorial, tips SEO untuk Blog...langganan RSS feed kami!
Comments
2 Responses to “Memanfaatkan Favicon untuk Branding”
Leave a Reply
Mau tanya nih. Kalo pake wordpress, gimana caranya?
Terimakasih
Izandi, kamu pake self hosted wordpress kan? Pake teknik yang FTP ke root folder aja. Sori emang kayaknya langkah2nya ada yang kurang, postingan baru saya update.