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

Görsel SEO optimizasyonu yapmak için birden fazla çalışma adımını izlemek gerekir. Öncelikle web sitesi içeriklerinizin konusu ile örtüşen görselleri seçmeli ardından bu görselleri bir dizi düzenlemeye tabi tutmalısınız. Optimizasyon çalışmasında, kaliteli içerik oluşturma, görseli her ekran tipinde görüntülenmeye uyun formata taşıma, görsel URL yapısını SEO uyumlu kurma, görselleri site boyutuna optimize etme ve konumlandırma-denetleme gibi pek çok aşama izlenir. Görsel SEO optimizasyonu için yapılması gereken çalışmalar hakkında detaylı bilgileri alt başlıklardan inceleyebilirsiniz.

Görseller İçerikle Örtüşmeli

Görsel SEO optimizasyonunu sağlamak için web sitesindeki içerik ve görsellerin aynı konuya işaret etmelerine özen gösterilmelidir. Eğer sağlıklı yaşam hakkında bir içerik web sitesinde yer alıyorsa görsellerde bu içeriği destekleyecek şekilde kullanılmalıdır. Sağlıklı besinler tüketen veya spor yapan bir insanın yer aldığı resimleri seçmek buna örnek gösterilebilir. Görseller, sayfa üzerinde sunulan değere ekstra bir değer katacak şekilde seçilmelidir.

Görsel Yerleri Doğru Olmalı

Bir web sitesinde görselleri gelişi güzel şekilde konumlandırmak SEO kriterlerine uygun olmayacaktır. Kaliteli görseller genellikle konu açısından onlarla örtüşen metinlerin yakınlarına konumlandırılmalıdırlar. Kısacası web sayfasındaki metin içeriğinin en uygun noktalarına görseller yerleştirilmelidir. Çünkü ziyaretçi deneyimini iyileştirmek için görsellerin yazı akışını bozmayacak şekilde sayfalara koyulmaları gerekir. Görseller sıklıkla alt başlıkların üzerinde veya ana başlık üstünde konumlandırılır.

Sayfa Başlıkları Görsele Eklenmemeli

Web sitesi ziyaretçilerinin tümü web sitelerindeki görselleri görüntülemeyebilir. Kimi zaman ziyaretçilerin kullandığı cihazlardan veya bağlantı koşullarından dolayı görselleri görüntüleyemedikleri biliniyor. Bu yüzden sayfa başlığı, menü öğeleri, önemli paragraf açıklamaları görseller üzerine eklenmemelidir. Sayfadaki içeriklere sağlıklı erişim sağlanabilmesi açısından metin elemanlarının tümü HTML içerisinde tutulmalıdır. Görseller ise alternatif-popüler etiketlerden veya anahtar kelimelerden yararlanılarak sayfalara eklenmelidir.

Kaliteli İçerik Oluşturmak

Google, web sitelerindeki içerik kalitesini belirlemeye çalışırken konuya bir bütün olarak yaklaşır ve içerik-görsel kalitesini bir arada değerlendirir. Bu yüzden görsel SEO optimizasyonu sağlanmak isteniyorsa anahtar kelime analizi ardından hazırlanan metinlerle, konuyla bağlantılı etiketlerin kullanıldığı görseller bir arada konumlandırılmalıdır. Bu uygulama Google görsel arama sonuçlarında yükselme ve yeni ziyaretçileri kazanma açısından avantaj sağlar.

Görsellerin Tüm Cihazlarda Görüntülenmesini Sağlamak

Web sitesine yerleştirilen görsellerin masaüstü cihaz tipinde farklı kalitede ve ölçülerde, mobil cihazlarda farklı kalitede-ölçülerde görünmemesi için responsive tasarım tercih edilmelidir. Eğer görsel optimizasyonu sağlanmak hedefleniyorsa web sitesi tasarımı mutlaka mobil uyumlu yani responsive yapılmış olmalıdır.

Görsel URL Yapısını SEO Uyumlu Oluşturma

Google, web sitesindeki görselleri algılamak için görsel dosya adına ve URL yapısına yönelir. Bu kapsamda görsellerin sıralamada iyi bir konumda olmasını ve arama botlarınca tanımlanabilmesini sağlamak için URL yapısı doğru yapılandırılmalıdır. Bunun için görseli web sitesine yüklemeden önce dosya adını içeriklerin konusuna uygun şekilde ve boşluk yerine “-“ işaretini kullanarak oluşturmak gerekiyor. Örneğin, yanlış dosya adı: IMG2021.JPG şeklinde ifade edilebilir. Web sitenizde SEO hakkında bir makale paylaşıyorsanız, makaleye ait görselli “görsel-seo.jpg” şeklinde oluşturmanız daha doğru olacaktır. İçeriklerinize göre görsel URL’lerini düzenleyebilirsiniz.

Site Hızı İçin Görsel Optimizasyonu

Web site sayfa boyutu açısından en çok yer kaplayan elemanlar görsellerdir. Eğer görseller gereğinden büyük bir boyuta sahiplerse, site hızında da düşüş yaşanabilir. Bu yüzden görselleri site hızını yavaşlatmayacak şekilde optimize etmek önemlidir. Hem responsive site tasarımını tercih etmek hem de görselleri ideal boyutlarda siteye yüklemek sayfa hızına katkı sağlar.

Görselde Semantik HTML Kullanımını

Görsel optimizasyonu yapılırken dikkat edilmesi gereken noktalar arasında CSS içerisindeki görseller yer alır. Google, CSS içerisindeki görselleri dizine eklemiyor. Bu açıdan optimizasyon ve görsellerin Google dizinine eklenmesi için HTML yapısının kullanılması gerekir. Görselleri web sitesine eklerken “<imgsrc=“görsel-seo.jpg’’ alt=”alt etiket” /> şeklinde uygulamak gerekir.

Görsel Optimizasyonda İmgSrcset Özelliğinden Yararlanma

İmgSrcset yardımıyla tarayıcıya görsellerin genişliklerini bildirmek mümkündür. Bu kapsamda tarayıcı ekranlarının genişliklerine göre mümkün olan en küçük görsellerin görüntülenebilmesi sağlanır. Diğer bir ifadeyle İMgSrcset eklentisi ile her ekran boyutunda çalışabilecek görseller web sitesine konumlandırılır. Kodlamada kullanılan W sembolü her resmin genişliğini piksel bazında gösterir. Örneğin görsel small.jpg 500w şeklinde yüklenirse, tarayıcıya görselin 500 piksel genişliğinde olduğu bildirilir. Bu kapsamda tarayıcı görseli her ekran boyutunda görüntülenmeye uygun bir genişlikte seçer.

Google Vision API Araçlarını Kullanmak

Görsellerin Google tarafından nasıl anlamlandırıldığını, görsel alt etiketlerinde neler yazılması gerektiğini Vision API araçlarından öğrenebilirsiniz. Aracı kullanarak resim, ekran görüntüsü veya çizim için en iyi alt etiketleri bulabiliyorsunuz. Bunun için araç panellerindeki boşluklara görselinize ilişkin aitlik bilgisini yani konuyu-temayı girip alt etiket aratması yapabilirsiniz.

Görselleri Site Boyutuna Optimize Etmek

Görsel optimizasyonu sağlamak için görselleri site boyutuna uygun şekilde ayarlamak gerekiyor. Örneğin site boyutu 720 piksel olarak görünüyorsa görsellerde bu genişliğe uygun olmalıdır. Eğer boyut açısından optimizasyon yapılmazsa site sayfaları ve görseller geç açılır, hız düşer. Görsel boyutlarına site boyutuna göre optimize etmek için smartresize aracından faydalanılabilir.

Görsel Dosya Boyutunu Küçültmek

Görsellerin dosya boyutlarını ideal oranda küçültmek, daha hızlı görsel açılışını ve daha kaliteli görünümü beraberinde getirir. Görsel dosya boyutlarını ideal oranda küçültmek için MozJPEG, PngQant, Guetzli açık kaynak kodlu programlar tercih edilir. Mac işletim sistemli bilgisayarlarda ise İmageOptim ile görsel boyutlandırma tercih edilir.

Site Görsellerini Denetleme

Görsel SEO optimizasyonu çalışmalarının bir diğer adımı da görsel denetleme olarak bilinir. ScreamingFrog SEO Spideraracı sayesinde, ücretsiz olarak 500 URL sayısına kadar denetim yapabilirsiniz. Bu kapsamda sitenizdeki hangi görsellerin hatalı olduğunu bir denetim raporu çerçevesinde görebilirsiniz. İlgili görselleri tekrar optimizasyon için ele alarak, arama motoru sonuç sıralamasında daha iyi bir konuma erişme şansı bulabilirsiniz.