14.04.2022
2010 yılından beri hayatımızda olan WebP formatı son zamanlarda daha çok ses getirmeye başlamıştır. Bunun sebeplerine bakacak olursak; Google’ın 2018 yılındaki açıklaması ile site hızının bir sıralama faktörü olmasından sonra site hızı ve site performansı SEO’nun önemli maddeleri sıralamasına girdi.
Konu görsel optimizasyon olunca, WebP formatı hem SEO ajansı hem de markalar tarafında dikkatleri her geçen gün daha çok çekmeye başladı aynı doğrultuda önemi de artarak devam etti. Bugün site hızını ve performansını önemseyen herkes için WebP formatının neredeyse bir zorunluluk haline geldiğini rahatlıkla söyleyebiliriz.
Site performansınızı analiz etmenizi sağlayan Google Pagespeed Insights aracından tarama yaptığınızda fırsatlar bölümünde sizlere “Resimleri yeni nesil biçimlerde yayınlayın” önerisinde bulunur. Site hızını etkileyen diğer maddeler için Google PageSpeed Insights Nedir adlı blogumuzu okuyabilirsiniz. Peki Google direkt öneride bulunduğu WebP nedir?
WebP, Google tarafından 2010 yılında duyurulmuştur webdeki görseller için yüksek tasarruf, kayıplı ve kayıpsız sıkıştırma sağlayan yeni nesil bir görüntü dosyası biçimidir. Amaç, yüksek boyutlardaki resimleri diğer formatlarla karşılatırıldığında hem görselin kalitesini kullanıcıya fark ettirmeyecek seviyede koruyor hem de görselleri boyut olarak daha üstün bir şekilde sıkıştırıyor. WebP, saydamlık için alfa kanalı içerir ve bundan dolayı da png görselleri sıkıştırırken şeffaf arka planı koruyabilmektir.
Yukarıda belirtilen tarayıcılar desteklenmektedir. Peki bu bir sorun mu? Evet buna sorun diyebiliriz ama çözümü basit olan bir sorun.
WebP formatını desteklemeyen tarayıcılarda görsellerimizi göstermek için 2-3 farklı yollar var bunlardan biri direkt statik bir şekilde HTML kod yazılması tabi ki bu statik olduğu için sitedeki bütün resimler için tek tek uğraşmak gerekiyor.
Örnek HTML Kodu:
<picture>
<source srcset="image.webp" type="image/webp">
<source srcset="image.jpg" type="image/jpeg">
<img src="image.jpg">
</picture>
WordPress altyapı kullanıyorsanız bu tarafta elinizde birçok seçenek var;
gibi benzer wordpress eklentileri sizin JPG veya PNG olarak eklediğiniz görselleri uyumlu tarayıcılarda WebP olarak gösterir. WebP desteklemeyen tarayıcılarda ise tarayıcının desteklediği format da görsellerinizi gösterir.
References:
https://inboundjunction.com/why-webp-is-critical-to-seo
https://www.theegg.com/seo/apac/image-seo-what-is-webp-and-how-to-implement-it/
Perfist Blog
Benzer Yazılar
iFrame nedir, öncelikle bu soruya açıklık getirmek gerekiyor. iFrame, bir web sayfasının içerisine farklı bir web sayfasını gömmemizi ve görüntülememizi sağlayan bir HTML etiketidir. iFrame etiketi kullanarak kendi web sitemiz içinde başka bir web sitesini entegre edebilir veya farklı bir web sitesinin belirli bir sayfasını kendi sitemizde gösterebiliriz. iFrame içerisindeki kullanıcı hareketlerini izleyebilmek için iFrame’in […]
Devamını Oku
Senior Level Web/App AnalitiğiSayfanıza backlink alabilmek ya da backlink getirebilmek için çok farklı yollar vardır. Bunların bazılarını Google tarafından önerilirken bazıları ise önerilmez ve zararlıdır. Burada önemli olan sizin stratejinizdir. Nasıl bir strateji izlerseniz izleyin ama doğallığı elden bırakmayın. Hadi şimdi sırayla 12 tane backlink alma yöntemine göz atalım. LİNK GETİRECEK İÇERİK OLUŞTURMAK Google en sık tavsiye ettiği […]
Devamını Oku
Mid Level SEOBacklink, bir sitenin başka bir siteye verdiği bağlantıdır. Backlinkler site içi SEO tamamlandıktan sonra fayda sağlayacağı düşünülen, hedef anahtar kelimelerden ve kaliteli sayfalardan alınmalıdır. Bazen sadece site içi SEO ya da sadece site dışı SEO yaparak rakiplerimizi geçmemiz veya yakalamamız mümkün olmayabilir. Bu yüzden doğal (doğal görünecek) ve kaliteli backlinkler alınmalıdır. Backlink alışverişinde kullanılan algoritma […]
Devamını Oku
Beginner Level SEODönüşüm optimizasyonu, web sitenize gelen ziyaretçilerin arzu edilen bir eylemi gerçekleştirme yüzdesini artırmak için yapılan bir süreçtir. Bu arzu edilen eylem, bir satın alma işlemi, bir form doldurma veya bir bülten aboneliği gibi birçok farklı şey olabilir. Dönüşüm oranınızı optimize ederek, gelirinizi artırabilir ve pazarlama hedeflerinize daha etkili bir şekilde ulaşabilirsiniz. Bu yazımızda, web sitenizdeki […]
Devamını Oku
Beginner Level CRO