Blogger's Guide To SEO » Web Design and Development http://www.bloggersguidetoseo.com Global Translation - Community Initiatives Sat, 11 Sep 2010 09:28:27 +0000 en hourly 1 http://wordpress.org/?v=3.1.1 Memanfaatkan Favicon untuk Branding http://www.bloggersguidetoseo.com/memanfaatkan-favicon-untuk-branding/ http://www.bloggersguidetoseo.com/memanfaatkan-favicon-untuk-branding/#comments Tue, 17 Jun 2008 13:26:07 +0000 Robin Malau http://www.bloggersguidetoseo.com/?p=27 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?

]]> http://www.bloggersguidetoseo.com/memanfaatkan-favicon-untuk-branding/feed/ 2