Görsel SEO Optimizasyonu Nasıl Yapılır? 17 Özel İpucu [Kapsamlı Rehber]

Görsel SEO konusunda bu kapsamlı rehber sitenizi görsel aramalar ve site hızı konusunda en iyi şekilde yönetebilmenizi sağlayacak.

Görseller, 1000 kelimelik bir içeriğe değerdir. Bu yüzden görsel seo optimizasyonu SEO çalışmaları için önemlidir.

Özellikle yazılı içerikleri daha keyifli ve okunabilir hale getirmek ve Google Görsel Arama sonuçlarından da ziyaretçi kazanabilmek için görsel optimizasyonu yapmamız önemlidir.

Görsel SEO Nasıl Yapılır?

1. Görseller İçeriğinizle Aynı Bağlamda Olmalı

Sayfadaki içerik ve görselin aynı konu bağlamında olmasını özen göstermemiz gerekiyor. 

Görseller, sayfadaki sunduğumuz değere ekstra olarak aynı bağlamda orijinal bir değer katkısı yapmalıdır.

2. Görsel Yerleşimi Doğru Yapılmalı

Görselleri, alakalı yazıların yakınına ekleyin. 

Yani sayfanın yazı içeriğinde görselin en olması gereken doğru yerleşimi bulun. 

Çünkü web erişilebilirliği çerçevesinde bir okuyucu tarafından sayfa okunduğunda görsellerin yazı akışını da bozmaması gerekir. 

Bu yüzden görselleri yazı akışına uygun şekilde konumlandırmak önemlidir.

3. Önemli Metinleri ve Sayfa Başlıklarını Görsellere Eklemeyin

Tüm kullanıcılar görsellere erişemeyebilir, bu yüzden sayfa başlığı, menü öğeleri veya önemli paragrafları görsellere eklemeyin. 

Sayfadaki içeriğe erişimin en iyi seviyede olması açısından metin elemanlarını HTML içerisinde tutun. 

Görseller için alternatif etiketlerden faydalanın.

4. Kaliteli Websitesi ve İçerikler Oluşturun

Bir websitesi ve içerik kalitesini Google bir bütün olarak değerlendirmektedir. 

Bu yüzden Google görsel arama sonuçlarından da ziyaretçi kazanmak için sitemizi bir bütün halinde iyileştirmemiz gerekir. 

5. Görseller Tüm Cihazlarda Görüntülenebilir Olmalı

Google’da görsel aramaların çoğunluğu mobil cihazlardan gerçekleşiyor, buna göre görsellerin ve websitesinin tüm cihazlarda doğru çalışabilmesi önemlidir. 

Mobil uyumlu ve responsive bir tasarıma sahip olmalıyız.

6. Görsel URL Yapıları Doğru Yapılandırılmalı

Google, görselleri daha iyi anlamak için görsel dosya adını ve URL’leri kullanır. 

Görselinizi websitesine yüklemeden önce dosya adını içerik bağlamına uygun şekilde ve boşluk değil (-) işareti kullanarak oluşturun. 

WordPress gibi CMSlerde görsel URL yapıları dosya adı olarak oluşturulmaktadır. 

7. Site Hızı İçin Görselleri Optimize Edin

Görseller, sayfa boyutunda en çok yer kaplayan elemanlardandır. 

Bu yüzden görselleri site hızını yavaşlatmayacak şekilde optimize etmemiz gerekir. 

Aynı zamanda görsellerin tüm cihazlarda iyi şekilde gösterilmesi için de responsive görsel tekniklerini kullanabilirsiniz. 

8. Alternatif Metin Kullanın

Alternatif metin etiketleri, görme engelliler ve sayfa içeriğin okumak için okuyucu kullananlar için onlara görseli anlatmak için kullanılır. 

9. Semantik HTML’den Faydalanın

Google, CSS içerisindeki görselleri dizine eklemez, ancak görselleri dizine ekleyebilmek için sayfanın HTML yapısını kullanır.

Örnek:

Doğru: <img src=”gorsel-seo.jpg” alt=”alt etiket” /> 

Yanlış: <div style=”background-image:url(gorsel-seo.jpg)”>alt etiket</div>

10. Görsel Site Haritaları Oluşturun

Websitedeki görsellerin daha kolay keşfedilebilirliği için Görsel Site Haritası oluşturmak etkili bir yöntemdir. 

Ancak sorunları tespit edebilmek için Search Console’da CDN alan adını doğrulamak gerekir.

11. <img srcset> Özelliği Kullanın

Her ekran boyutunda çalışabilecek görseller oluşturmak için <img srcset> özelliği kullanılır. 

Ancak tüm tarayıcılarda bu özellik çalışmayabilir bu yüzden <img src> ile görsel URL adresi belirtilmelidir. 

12. Duyarlı Görseller için <picture> Özelliğini Kullanın

<picture> özelliği aynı görselin farklı sürümlerini farklı ekranlarda en iyi şekilde gösterebilmenizi sağlar. 

Yani bir görselin webP, svg, png, jpeg sürümlerini belirterek kullanıcının görseli en iyi görebileceği kaynaktan alınmasını sağlar.

<img src> özelliği kullanılarak görselin URL adresi belirtilmesi gerekir.

13. Google Vision API Araçlarından Faydalanın

Google Vision API aracıyla görsellerinizin Google tarafından nasıl anlamlandırıldığını ve nasıl ilişkilendirilebileceğini, alt etiket oluştururken neler yazabileceğinizi keşfedebilirsiniz. 

Örnek:

<img src="neseli-insan.jpg" alt="bir neşeli insan"/>

14. Görselleri Site Boyutuna Göre Optimize Edin

Örneğin, site boyutunuz 720 piksel genişliğinde ise görsellerinizi de bu genişliğe optimize etmeniz gerekir.

Aksi takdirde daha büyük genişlikteki görseller sayfa açılışını yavaşlatacaktır. 

Bu görsellerin yalnızca genişliğini site boyutlarınızla aynı hale getirmek için smartresize aracını kullanabilirsiniz. 

15. Görsel Dosya Boyutunu Küçültün

Örnekteki görseller arasında kalite açısından çok büyük fark olmamasına rağmen boyut olarak biri diğerinden %58 daha küçüktür. 

Bu optimizasyon için açık kaynak kodlu Guetzli, MozJPEG ve PngQuant kullanabiliriz. 

Google’ın Mac işletim sistemi bilgisayarlar için bir diğer önerisi imageOptim aracıdır. Bu aracı da kullanarak dosya boyutlarını küçültebilirsiniz. 

Bazı araçların JPEG ve PNG görselleri ne kadar iyi sıkıştırdığıyla alakalı yapılmış bu test ile Shortpixel aracının diğerlerine göre iki format için de daha kullanışlı olduğu görünüyor.

16. SVG Formatından Faydalanın

Logo veya vektör görselleri SVG formatında yüklemek orijinal kaliteyi bozmadan her ölçekte aynı kalitede kullanabilmeyi sağlar. 

Google SVG görselleri GZIP sıkıştırması ile dosya boyutunu küçültmeyi öneriyor. 

Bunun için Google’ın tavsiye ettiği araç SVGO ‘dur. 

https://jakearchibald.github.io/svgomg/ bu web uygulamasını da kullanabilirsiniz.

17. Sitedeki Görselleri Denetleyin

Screaming Frog SEO Spider aracını kullanarak ücretsiz 500 URL’e kadar site denetimini gerçekleştirebiliriz. 

Sitemizi googlebot gibi tarayarak sitemizdeki hataları bulmamızı sağlar, bu araç içerisinde aynı zamanda görsellerimizle alakalı da denetim raporunu görebiliriz.

Aynı şekilde Ahrefs Site Audit aracını kullanarak da site içerisindeki görsellerin denetimini gerçekleştirebiliriz.