Web Siteye Favicon Nasıl Eklenir?

Web Siteye Favicon Nasıl Eklenir?

Web sitenize favicon ekleme işlemi artık çok kolay! 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. 

favicon nasıl eklenir

Bu logolar sitenin baş harfinden oluşabileceği gibi sevimli maskot görsellerinden de oluşabilir. Ekleme işlemi yapmadan önce faviconu oluşturmanız gerekiyor. Bunu yapabilmek 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 şekilde görünecektir. Hedef kitleyi etkileme açısından da sağlıklı bir sonuç almanıza yardımcı olacaktır.

Favicon Nedir

Tarayıcının Favicon’u Otomatik Olarak Bulmasını Sağlamak

Web siteleri için favicon eklenmesi 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:

  1. Ö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.
  2. 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.
  3. Daha sonra favicon eklemek için özelleşmiş sitelerden birine giriş yapmalısınız.
  4. Bu sitelerden birine girdiğiniz takdirde resim dosyanızı ekleyebilmeniz için bir buton karşınıza çıkacaktır.
  5. Buraya tıklayıp, bilgisayarınızda kayıtlı dosyalar arasından daha önceden hazırladığınız resminizi seçmelisiniz.
  6. 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.
  7. İnderme 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.
  8. 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.
  9. Olur da bu aşamada .ico dosyanızı göremezseniz, tarayınızın belleğini temizleyebilir ve yeniden başlatma seçeneğini değerlendirebilirsiniz. WordPress favicon ekleme için de aynı adımları takip edebilirsiniz.
html favicon ekleme

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:

Bu yazıyı da sevebilirsiniz: No Code ve Low Code Geliştirme Nedir?

  1. 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.
  2. Bu aşamada doğrudan web sitenize giriş yaparak, seçmiş olduğunuz resmi dizine ekleyebilirsiniz.
  3. 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.
  4. 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.
  5. “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.

Dopinger SEO hizmetleriyle Google’da en üst sıralara web sitenizi taşıyın!

Favicon Nedir?

Favicon web sitelerinin arama motorlarında ki adres çubuklarında açık olmaları durumunda yer alacak olan icondur. Websitenizin profesyonel görünmesi ve daha fazla hit kazanmanız adına çok etkili ve önemlidir.

Favicon Nasıl Yapılır?

Favicon, sitenizi temsil edecek en basit görsellerden/tasarımlardan biri olmalıdır. Size ait benzersiz olmalıdır. Benzersiz ve sizi çok iyi ifade eden bir favicon sizlere çok yüksek etkileşim oranları kazandırabilir.

Websitesine Favicon Nasıl Eklenir?

Websitesine favicon ekleme konusunda sizlere sunmuş olduğumuz içeriklerimizden kolayca bilgi edinebilirsiniz.

WordPress Destek hakkındaki bir önceki yazımız olan ile de ilgilenebileceğinizi düşünüyoruz.
[Total: 49 Average: 4.9]
Halil İbrahim Er

Yazılar: 533

Dijital Pazarlama Uzmanı olarak yaklaşık 9 senelik bilgi birikimine sahibim. Web adresim dopinger.com üzerinden sizlere güncel bilgiler paylaşarak, bilgi aktarımı yapmaktayım.

Gösterilecek yorum yok.

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir