Web sitenize favicon ekleme işlemi artık çok kolay! Peki favicon nedir? Herhangi bir internet sitesi ziyaret edildiğinde adres çubuğu kısmında siteyi temsil etmek adına bulunan simgeye favicon adı veriliyor. Bu küçük simge sitenin daha profesyonel görünmesi için son derece önemlidir. Günümüzde hemen hemen her sitenin kendi logosu vardır. Favicon html olarak da isimlendirilen bu logolar sitenin imajı açısından büyük bir önem taşımaktadır.
Bu logolar sitenin baş harfinden oluşabileceği gibi sevimli maskot görsellerinden de oluşabilir. Ekleme işlemi yapmadan önce favicon oluşturma işlemini yapmanız gerekiyor. Favicon yapma için kullanabileceğiniz birçok site bulunuyor. Bu sitelerde hazırlanan faviconların sonu .ico şeklinde bitiyor. Bu sayede web siteniz daha kurumsal bir görünüm kazanacaktır. Hedef kitle çekme açısından da sağlıklı bir sonuç almanıza yardımcı olacaktır. Ayrıca, favicon SEO çalışmaları açısından da önem taşımaktadır.
Tarayıcının Favicon’u Otomatik Olarak Bulmasını Sağlamak
Siteye favicon ekleme, o sitenin bulunabilirliği ve kaliteli bir görünüm kazanması için önemlidir. Favicon eklemek ve kullanmak için iki yol vardır. Bunlardan bir tanesi tarayıcının site Favicon’unu otomatik olarak bulmasını sağlamaktır. Html favicon ekleme yolunu şöyle anlatabiliriz:
- Öncelikle resim dosyası içeriklerinden birinde kare boyutlarında bir resim olması gerekir. Jpg, png, gif, bmp formatlarından birinde bu resmi hazırlamanız uygun olacaktır.
- Resmin kare olması daha profesyonel bir görüntü sağlar. Yoksa, kare olmasa da başka bir sıkıntı yaşanmaz ve kullanılabilir.
- Daha sonra favicon ekleme için özelleşmiş sitelerden birine giriş yapmalısınız.
- Bu sitelerden birine girdiğiniz takdirde resim dosyanızı ekleyebilmeniz için bir buton karşınıza çıkacaktır.
- Buraya tıklayıp, bilgisayarınızda kayıtlı dosyalar arasından daha önceden hazırladığınız resminizi seçmelisiniz.
- Sitenin dönüştürücüsü sayesinde, seçtiğiniz resim dönüştürülür ve bu kez de karşınıza indir butonu çıkar.
- İndirme butonuna tıkladığınız takdirde .ico dosyası bilgisayarınıza indirilmiş olur. Bu dosyayı indirilen dosyalar arasında bulup istediğiniz bir klasöre, yeniden adlandırarak kaydedebilirsiniz.
- Son işlem olarak web sitenize dönerek bu indirmiş olduğunuz dosyayı sitenin ana dizinine eklemelisiniz. Bu adımla birlikte yapılması gerekenleri tamamlamışsınız demektir.
- Olur da bu aşamada .ico dosyanızı göremezseniz, tarayıcı önbelleği temizleme işlemi uygulayıp yeniden başlatma seçeneğini değerlendirebilirsiniz. WordPress favicon ekleme için de aynı adımları takip edebilirsiniz.
Resim Dosyası İçin Site Kodunu Düzenlemek
Eğer yukarıdaki işlemleri yapmak istemezseniz ya da yapmakta zorlanırsanız, ikinci yolu deneyebilirsiniz. Bu yolu takip ederken dosyanızı dönüştürmenize gerek kalmaz. Website icon oluşturma aşamalarını şu şekilde sıralayabiliriz:
- Birinci yolda tarif ettiğimiz gibi yine kare boyutlarında olan bir resim seçmelisiniz. Bu resim web sitenizin faviconu olacağı için profesyonel durması önemlidir. Yani kare şekline bir resim seçmeniz daha doğrudur.
- Bu aşamada doğrudan web sitenize giriş yaparak, seçmiş olduğunuz resmi dizine ekleyebilirsiniz.
- Web sitesi dizini genel olarak baktığımızda public_html’dir. Tarif ettiğimiz yol bu dizin için uyumlu olacaktır. Ancak başka bir dizin kullanıldığında yaşayacağınız sorunlar için hosting sağlayıcınızla görüşebilirsiniz.
- Bu aşamaları tamamladıktan sonra web sitenizin kodunda favicon olarak hangi görüntüyü kullanmak istiyorsanız belirtirsiniz. Web sitenizin kodları vardır. Bu kodda favicon generator olarak kullanmak istediğiniz görüntüyü belirlemelisiniz.
- “head” etiketleri arasında bir resim ekleme kodu yöntemini böylece tamamlamış olursunuz.
Tarif ettiğimiz bu iki yoldan birini kullanarak web sitenize favicon ekleyebilir ve daha profesyonel bir görünüme kavuşturabilirsiniz. Favicon resmi seçiminde en iyi sonucu 16×16 boyutları ile alacağınızı bilmelisiniz. Web sitenize daha kurumsal bir görünüm kazandırmak istiyorsanız, bu basit adımları takip ederek favicon ekleyebilirsiniz.
Bu Yazı İlginizi Çekebilir: WordPress Logo Ekleme
Yazı fontları gündelik işlerde sık sık tercih edilen tasarım unsurlarındadır. Fakat aynı şekilde font denildiği zaman birçok insan ne olduğunu anlayam...
Dünyada internet kullanıcılarının önemli bir bölümü mobil cihazdan internete giriş yapıyor. Bu durumda işletmeler mobil kullanıcılara hitap etmek için...
Dopinger SEO hizmetleriyle Google’da en üst sıralara web sitenizi taşıyın!
1 Yorum
Favicon ekleme konusunda çok bilgilendirici bir blog yazısı. Bu konuda bilgisi olan veya öğrenmek isteyen herkes için harika bir kaynak. Yazının içeriği çok açık ve anlaşılır. Tavsiyem, bu konuda daha fazla bilgi edinmek isteyenlerin bu yazıyı okumalarıdır.