WebP: SEO’ya Uygun Optimize Edilmiş Görüntüler Elde Edin!

WebP: SEO’ya Uygun Optimize Edilmiş Görüntüler Elde Edin!
{"id":199,"post_type_id":"24","title":"U\u011fur Atam\u0131\u015f","sefurl":"ugur-atamis","status":"1","index":"1","order":"0","published_at":"2023-04-27 11:31:00","created_at":"2023-04-27 11:34:40","updated_at":"2023-10-17 11:01:51","post_type":{"id":24,"type":"2","title":"Yazarlar","singular_title":"Yazar","menu_title":"Yazarlar","icon":"far fa-signature","single_url":null,"single_template":"single-author","single_status":"1","comment_status":"0","tag_status":"0","priorty":"0.5","change_frequency":"monthly","seo_title_rule":"[title] - Adgrey","seo_desc_rule":null,"direct_content":"0","status":"1","only_admin":"0","visual_part":"0","order":"13","created_at":"2020-05-31 21:09:59","updated_at":"2023-10-12 15:59:17"},"details":[{"id":1150,"post_id":"199","post_type_input_id":"189","value":"U\u011fur Atam\u0131\u015f | Adgrey Yazar","order":"0","created_at":"2023-04-27 11:34:41","updated_at":"2023-04-27 11:34:41","post_type_input":{"id":189,"post_type_id":"24","type":"text","title":"Seo Ba\u015fl\u0131k","sefurl":"seo-baslik","required":"0","grid":"6","right_area":"0","sortable":"0","list_item":"0","only_admin":"0","properties":"{\"limit\":70,\"force_limit\":\"false\"}","order":"0","created_at":"2020-05-31 21:09:59","updated_at":"2020-05-31 21:09:59"}},{"id":1151,"post_id":"199","post_type_input_id":"188","value":null,"order":"0","created_at":"2023-04-27 11:34:41","updated_at":"2023-04-27 11:34:41","post_type_input":{"id":188,"post_type_id":"24","type":"textarea","title":"Seo A\u00e7\u0131klama","sefurl":"seo-aciklama","required":"0","grid":"6","right_area":"0","sortable":"0","list_item":"0","only_admin":"0","properties":"{\"limit\":160,\"force_limit\":\"false\"}","order":"0","created_at":"2020-05-31 21:09:59","updated_at":"2020-05-31 21:09:59"}},{"id":1152,"post_id":"199","post_type_input_id":"190","value":"yuklemeler\/yazar-gorselleri\/1644608498297.jpg","order":"0","created_at":"2023-04-27 11:34:41","updated_at":"2023-04-27 11:34:41","post_type_input":{"id":190,"post_type_id":"24","type":"image","title":"G\u00f6rsel","sefurl":"gorsel","required":"1","grid":"12","right_area":"0","sortable":"0","list_item":"0","only_admin":"0","properties":"{\"folder\":\"yazar-gorselleri\",\"thumbs\":{\"default\":{\"width\":\"350\",\"height\":\"345\"},\"small\":{\"width\":\"32\",\"height\":\"32\"}}}","order":"1","created_at":"2020-05-31 21:11:44","updated_at":"2020-05-31 21:12:04"}},{"id":1153,"post_id":"199","post_type_input_id":"191","value":null,"order":"0","created_at":"2023-04-27 11:34:41","updated_at":"2023-04-27 11:34:41","post_type_input":{"id":191,"post_type_id":"24","type":"editor","title":"A\u00e7\u0131klama","sefurl":"aciklama","required":"0","grid":"12","right_area":"0","sortable":"0","list_item":"0","only_admin":"0","properties":null,"order":"2","created_at":"2020-05-31 21:12:20","updated_at":"2020-05-31 21:12:20"}}]} Uğur Atamış
14 Ekim 2023
WebP: SEO’ya Uygun Optimize Edilmiş Görüntüler Elde Edin!

WebP görüntü formatı web sitenizde yer alan görselleri kaliteden daha az ödün vererek sıkıştırıp sitenizde daha az yer kaplayacak bir şekilde boyutlandırmanızı sağlar ve bu sayede sayfalarınız daha açılış hızlarına sahip olur. Siteni hızının ne kadar önemli bir SEO kriteri olduğundan bir önceki yazımda bahsetmiştim. O yazıyı da okuyarak konuyu daha detaylı şeklide ele alabilirsiniz.

Google tarafından ilk olarak 2010 senesinde duyurulan WebP formatı JPEG ve PNG gibi daha geleneksel görüntü formatlarının aksine görüntü kalitesini bozmadan veya oldukça az bozarak daha küçük boyutlu görseller el etmemizi sağlaması amacıyla ortaya çıkmıştır.

Piyasaya sürüldüğü vakitler oldukça az tarayıcının bu formatı desteklemesiyle birlikte kullanımının oldukça riskli ve gereksiz olduğundan pek fazla önerilmeyen WebP formatı günümüzde ise tarayıcıların yaklaşık olarak %94’ü tarafından desteklenmektedir.

 

Görsel Boyutları: SEO’da Neden Önemli?

 

Google uzun bir süredir kullanıcı deneyimine oldukça fazla şekilde önem vermektedir. Birçok araştırmaya göre web sitelerinde yükleme boyutunun %60’ından fazlasını görseller oluşturmaktadır. Web sitesine eklenecek görsellerin boyutlarına dikkat edilmeden yüksek boyutlu olacak şekilde yüklenmesi sayfalarımızın geç açılmasına sebep olacaktır. Web sitelerin geç açılması ise kullanıcıların sayfayı terk etme oranını arttıracak ve ziyaretçi sayılarımızda düşüşler görülecektir. Çözüm ise yükleme sürelerini kısaltmak için görsel boyutlarını olabildiğince sıkıştırmak olacaktır. Ancak bu sefer de görsel boyutlarından tasarruf etmek için boyutu fazlaca düşürülen görsellerin kalite farklı gözle görülür şekilde ortaya çıkacaktır. Bu da kullanıcının hoş olmayan görsellere maruz kalmasıyla sonuçlanacaktır.

Google’nin web sitesi sahiplerine ve kullanıcılara sunduğu çözüm: WebP. Google son dönemde bu tür sorunları yeni bir görsel formatıyla çözmeye çalıştı. Aslında birçok web sitesi siz fark etmeseniz bile aktif olarak webP formatını kullanmaktadır. Haliyle kaliteli görselleri düşük boyutlarda sunmak için oldukça ilgi görüyor WebP formatı.

Bu nedenler sonucunda görsel boyutlarının kullanıcı deneyimini olumsun yönde etkilememesi için mutlaka düzgün şekilde kullanılması gerekiyor.

 

WebP Formatının Avantajları

 

Web sitemizin görsel içeriklerini daha verimli bir şekilde sıkıştırmak ve bizlere daha kullanışlı formatlar sunmak için geliştirmeler her geçen gün devam ediyor. Sıklıkla kullanılan ve önde gelen resim formatlarından olan PNG ve JPEG’e göre kayıpsız ve kayıplı sıkıştırma seçenekler sunuyor WebP.

Google tarafından geliştirilen WebP, resim kalitesini korumaya çalışırken diğer formatlara göre daha düşük boyutlarda sıkıştırabilmektedir.

WebP formatının diğer avantajları ise şunlardır:

 

1200x1800 boyutlarında ve aynı kalitede olan bir görselin üç faklı format da boyutlarını görüyoruz.

 

  • WebP, JPEG ve PNG gibi geleneksel formatlara göre daha iyi sıkıştırma sağlar. JPEG ve PNG gibi görsel formatları WeP’ye oranlar daha kaliteli görseller sunabilmesine rağmen bu görseller WebP’ye dönüştürüldüğünde boyut olarak daha fazla tasarruf ettiğimizden kullanıcı deneyimi ve SEO açısından daha faydalı olmaktadır.

 

  • Kayıpsız ve kayıplı sıkıştırma seçenekleriyle WebP, hem kayıpsız hem de kayıplı sıkıştırma olanağı sunar. Bu, görüntü kalitesini koruyarak veya bazı kalite kaybına izin vererek dosya boyutunu düzenlemenize olanak tanır.

 

 

  • WebP, şeffaflık ve animasyon desteğiyle birlikte PNG’nin şeffaf arka planlarını ve GIF’lerin  animasyonlu görüntülerini destekleyen tek formattır.

 

  • WebP, hem XMP hem de EXIF kullanarak görüntülere Metadata eklenmesini destekler.

 

  • Tarayıcı Desteği: WebP, birçok modern web tarayıcısı tarafından desteklenmektedir, bu nedenle web sitelerinin daha hızlı yüklenmesini ve daha iyi performans göstermesini sağlar.