Memanfaatkan Favicon untuk Branding

June 17, 2008 · Filed Under Tips · 2 Comments 

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:

favicon-di-hasil-pencarian-google1 Memanfaatkan Favicon untuk Branding

Lebih menarik bukan?

Untuk guidance, tutorial, tips SEO untuk Blog...langganan RSS feed kami!