Görsel optimizasyonu, görsellerin web sayfasına uygun olması, sayfanın teknik yapısını bozmadan medya faydasını sağlamak için yapılan optimizasyon çalışmalarıdır. Web sitelerinde görsel kullanımı web sayfasını çok daha ilgi çekici bir hale getirebilir. Doğru optimize edilmiş görseller hem kullanıcılar için hem de arama motorları için daha iyi olacaktır.
İçindekiler
Görsel Optimizasyonunun Faydaları Nelerdir?
Web sayfasına yüklenen her görsel o sayfanın ne anlama geldiğini bildirir. Görsel optimizasyonunun neden yapılması gerektiği aşağıda verilmiştir.
- Görseller web sayfasının açılış hızını etkiler. Görselleri optimize ederek web sayfasının hızı iyileştirilebilir.
- Görselleri optimize ederek arama motorlarına sayfanın en anlama geldiği hakkında bilgi güçlendirilir.
- Web sitenizdeki kaynak kullanımını azaltır.
- İnsanlara iyi bir deneyim yaşatır ve SEO çalışmalarına katkı sağlar.
- Görsel optimizasyonu sayesinde SERP sonuçlarında yükselebilirsiniz.
- Web sitesinin bağlı bulunduğu sunucunun maliyetleri azaltılır.
- Görsel aramalardan tıklama elde edilebilir.
Görsel SEO Nasıl Yapılır?
SEO çalışmalarının bir taneside görsel SEO çalışmasıdır. Web sitenin görsel SEO çalışması ile birlikte Google’da daha üst sıralara çıkmasına katkı sağlar. Görsel SEO çalışmalarında bazı noktaların doğru yapılması gerekir. Bu adımları aşağıda tek tek anlattım.
- Görsel Dosyalarının Adlandırılması
- Görsellerde Alt Etiket Kullanılması
- Resimlerin URL Yapısı
- Resimler İçin Ayrı Site Haritası Kullanın
- Coğrafi Bilgiler Kullanın
Görsel Dosyalarının Doğru Adlandırılması
Görseller fotoğraf makinesi veya başka programlar ile çekilince anlamsız isimler olmaktadır. Örnek bir görselin ismi harf ve karmaşık sayılardan oluşabilmektedir. Web sayfasına gelen arama motoru botlarına görsel hakkında bilgi vermek için görsel adının doğru bir şekilde girilmesi gerekmektedir.
- Görsel isimlerini görsel ile alakalı olmalıdır.
- Görsel ismi kullanırken boşluk kullanılmamalı.
- Görsel isminde türkçe karakter kullanılmamalı.
- Görseller arasında tire “-” kullanılmalı.
- Örnek olarak “beyaz-camasir-makinesi” şeklinde kayıt edilebilir.
Görsellerde Alt Etiket Kullanılması
Görsellerde alt etiket kullanılması Google’ın botlarına ilgili görseli anlamasına yardımcı olmaktadır. Birçok web sitesi maalesef görsellerde alt etiket kullanmamaktadır. Alt etiketler SEO’ya katkı sağlamaktadır. Bir alt etiket kullanımı örnek olarak “beyaz camasir makinesi” şeklinde girilebilir. Alt etiketin HTML görünümü aşağıdaki gibidir.
<img src=”beyaz-camasir-makinesi.jpg” alt=”beyaz camasir makinesi”>
Şeklinde gözükecektir.
Resimlerin URL Yapısı
Görsellerin web sitelerinde gözükmesinde bir URL kullanımı vardır. Web sitelerinde dikkat edilmezse URL yapıları alakasız harflerden oluşan bir şekilde ortaya çıkmaktadır. Resimlerin URL tarafları wordpress SEO çalışmalarında otomatik olarak yapılmaktadır. Resimlerin URL’leri hem arama motorları hem de görsel SEO aramalarda insanların karşısına çıkabilirsiniz. Görsellerin URL’leri görsellerin adlarındaki kurallar ile aynı şekilde yapılmalıdır.
Resimler İçin Ayrı Site Haritası Kullanın
Web sitenizdeki görsellerin arama motoru botları tarafından tanınabilmesi için site haritasında yer alması gerekmektedir. Resimler için ayrı site haritası kullanmak daha sağlıklıdır. Ama web sitenizin hacmi küçükse tek bir site haritası işinizi görebilir.
Site haritası ile ilgili daha fazla bilgi almak ve site haritası oluşturmak için https://www.eyupkaradayi.com/site-haritasi-nedir/ yazıma göz atabilirsiniz.
Coğrafi Bilgiler Kullanın
Coğrafi bilgiler yerel hizmet veren siteler için kullanılmalıdır. unutmayın ki Google’da yapılan tüm aramaların %46’sı yerel aramalardır. Web sitesindeki görsellerin adını etiketlerini yerel anahtar kelimeler ile destekleyin. Örnek olarak “nilufer-seo-hizmeti” şeklinde yerel SEO çalışmalarına destek verecektir.
Yerel SEO çalışmaları ile ilgili ayrıntılı bilgi almak için https://www.eyupkaradayi.com/yerel-seo-nedir-nasil-yapilir/ içeriğime bakabilirsiniz.
Görsel Optimizasyonu Nasıl Yapılır?
Görsel optimizasyonu yaparak, web sayfasına gelen kullanıcılara daha iyi bir deneyim yaşatmak için de yapılır. Sadece arama motoru optimizasyonu botları odaklı değildir. İnsan odaklı görsel optimizasyonlar gerçekleştirince SEO açısından olumlu katkı sağlayacaktır.
Görsel optimizasyonu insanlara iyi bir deneyimin yanında web sayfalarının hız açısından da optimizasyon yapılmalıdır. Görsel optimizasyonu için 5 farklı önerim olacak. Bu öneriler:
- Sayfa İle Alakalı Görsel Kullanımı
- Kaliteli ve Özgün Görsel Kullanımı
- Görsellerin Telif Hakkı
- Görsel Türü
- Ertelemeli Yüklenen Görseller
Sayfa İle Alakalı Görsel Kullanımı
Web sayfalarında görsel ve medya kullanımı insanlara daha güzel gelmektedir. Sadece bir yazı ve olan sayfaları insanlar daha az vakit geçirmektedir. İlgili sayfada görselleri görmek insanları sayfada daha fazla vakit geçirmesini sağlamaktadır.
Görsellerin tabi ki web sayfası ile alakalı olması gerekmektedir. Konu ile alakasız görselleri gören insanlar görselleri geçecektir. Sayfa ile alakalı güzel görseller, kullanıcıların görsellerde daha fazla vakit geçirmesine ve iyi bir deneyim yaşamasını sağlayacaktır.
Kaliteli ve Özgün Görsel Kullanımı
Web sitesinde kaliteli ve özgün görseller kullanılmalıdır. Görsellerin boyutunu web sitesi hızı için düşürülmesi gerekmektedir. Ama görsellerin belirli bir kaliteyi koruması gerekmektedir.
Web sitenizde her zaman insanların dikkati çeken kaliteli ve özgün görseler kullanmanız gerekir. Web sitesinde orjinal olarak çekilmiş görselleri kullanmak her zaman daha iyidir.
Görsellerin Telif Hakkı
Web sitenize görsel yüklerken, görselleri aldığınız yere dikkat edilmelidir. Ücretli kaynaklardan görsel hırsızlığı yapılırsa telif hakkı ile karşılaşılabilir. Başka sitelerden görsel kullanılacağı zaman izin alınmalı veya ücretli sitelerden ücret ödeyerek alınmalıdır.
Görsellerin çekimini markanız yapıyor veya stock fotoğraflar kullanımı yapıyorsanız herhangi bir sıkıntı yaşamazsınız. Ben görsellerimi İstock Photo üzerinden almaktayım. Ücretsiz stok fotoğrafı olarak Pexels, Pixabay, Unsplash vb. birçok siteden elde edebilirsiniz.
Görsel Türü
Görsellerin kullanım amacına göre birçok görsel türü mevcuttur. En çok bilinen görsel formatlarının başında JPEG ve PNG gelmektedir. Bu iki format dışında web siteleri için WebP formatı bulunmaktadır. Bu format JPEG ve PNG formatlarına göre kaliteden ödün vermeden görselleri sıkıştırma işlemi yapmaktadır.
WebP formatı web sitelerinde kullanılması gereken bir formattır. Bu format kullanımında dikkatli olunmalıdır. Çünkü bu formatı tüm tarayıcılar destek vermemektedir. Bu durumu bir kod ile çözmek mümkün. Görsel türü çok kapsamlı bir konudur.
Bu konu ile ilgili https://www.eyupkaradayi.com/core-web-vitals-nedir/ içeriğime göz atarsanız ayrıntılı olarak bilgi sahibi olabilirsiniz.
Ertelemeli Yüklenen Görseller
Web sitenizin görselleri ile ilgili optimize edilmesi gereken diğer bir konu ertelemeli yüklenen görsellerdir. Bu optimizasyon yapılmazsa web sayfasına girerken sayfanın en altındaki görselin dahi yüklenmesini beklemeniz gerekir.
Ertelemeli yüklenen görseller (lazy load) ile birlikte kullanıcı web sayfasına girdikten sonra scrool etmesi (aşağı kaydırması) ile birlikte görsellerin ertelemeli olarak yükletilir. Yani web sayfasına giren kullanıcı sayfayı aşağı kaydırması ile birlikte görseller yüklenecektir. Böylelikle web sayfası açılırken yüklenecek öge sayısında azaltma sağladığı için sayfa daha hızlı açılacaktır.
Görsellerin ertelemeli yüklenmesi ile ilgili daha kapsamlı bilgi almak için web.dev yazdığı içeriğe göz atabilirsiniz. Bu yabancı kaynakta nasıl yapılacağı ayrıntılı olarak yazılmaktadır.
WordPress Görsel Optimizasyonu Nasıl Yapılır?
WordPress görsel güncellemesi konusunda, yukarıdaki Görsel SEO ve Görsel Optimizasyonu ile ilgili maddelere uyulmalıdır. WordPress Görsel SEO optimizasyonu için sadece görsellerin boyutlarını küçültme ile ilgili bilgilere değineceğim. WordPress Görsel Optimizasyonu için 3 farklı yöntem vardır.
- Short Pixel
- Tinypng
- Optimole
Short Pixel
ShortPixel wordpress görsel boyut optimizasyonunda kayıplı ve kayıpsız yöntemler arasında seçim yapılmasını sağlar. Bu eklenti büyük resimleri yükledikten sonra yeniden boyutlandırma sağlar ve ne kadar tasarruf ettiğini gösterir. ShortPixel ileri düzey kullanımında WebP görüntü desteği, PDF optimizasyonu ve CloudFlare desteği sunmaktadır.
ShortPixel aylık olarak 100 görsel kredisi sağlamaktadır. Aylık olarak daha fazla görsel optimizasyonu için 5.000 görsele kadar 4,99 dolardır.
TinyPNG
TİnyPng hem wordpress’te eklenti hemde web sitesi vardır. Web sitesinde resimleri optimize yapılabilir. WordPress eklentisi olarak ücretsiz olarak ayda 500 görsel ile sınırlıdır. 500 görselden fazla ücretli versiyona girmektedir.
Optimole
Optimole eklentisi ile web sitesindeki görselleri otomatik olarak optimizasyon çalması yapabilirsiniz. Web sayfalarının görsel boyutu optimizasyonunu bu eklenti ile yapabilirsiniz. Görsellerden ne kadar tasarruf ettiğinizi öğrenebilirsiniz.
Optimole eklentisi ücretsiz versiyonda ayda 5.0000 ziyaretçiye izin vermektedir. Daha fazla ziyaretçiler için ücretlendirilmektedir. Aylık 25.000 ziyaret için ayda 10.62 dolardan başlamaktadır.
