Görsellerin SEO Açısından Optimizasyonu

Görsellerin SEO Açısından Optimizasyonu

Bir blog yazarıysanız ya da online bir dergi, gazete için makaleler yazıyorsanız; belki de her gün şu soruyla karşılaşıyorsunuzdur: Makaleme bir görsel eklemeli miyim? Cevap: Evet! Görsel; bir makaleyi, metni, daha canlı tutar ve aslında makalenizle ilgili SEO gelişimine de katkı sunar. Bu yazıda, bir görselin SEO açısından tam olarak nasıl optimize edilmesi gerektiğine dair basamakları paylaşmak istiyorum.

 Görselleri Kullanın!

Görseller, doğru biçimde ve özenerek kullanıldığında makalenizin anlaşılması için de katkı sunar. “Bazen bir resim, binlerce sözcük değerindedir.” Evet, doğru, Google için böyle olmayabilir ama şurası kesin ki 1000 tane sıkıcı sözcüğün bir araya geldiği bir yerde; ne demek istediğinizi anlatan bir çizelge, bir grafik metne renk katacak, onu sıkıcı olmaktan kurtaracaktır. Görsel kullandığınızda, sosyal medya için harcadığınız çabalar da boşa gitmeyecek, daha çekici hale gelecektir.

Tavsiyem çok basit: Online ortam için hazırladığınız her yazıda mutlaka bir görsel kullanın. Böylece yazınız daha çok ilgi çekecektir!

gorsel-seo-1

Doğru Resmi Bulmak  

Eğer, kendi fotoğrafınızı kullanma şansınız varsa, lütfen kullanın. Ekibinize ait bir sayfa, kendi takım üyelerinizin fotoğraflarını içermeli, soldaki arkadaşın fotoğrafını değil :)

Makale ya da yazınızda kullandığınız görsel, yazdığınız konuyla ilgili olmalı. Bir görsel kullanırken, sadece öylesine görsel kullanmış olmak için ve SEO açısından artı kazanmak için bunu yapmayın. Kullanılan görsel, yazının başlığına işaret etmeli, yazının bütünlüğünü korumalı ve anlatmalı.

Bunun için basit bir SEO görsel kuralı var: Bir görsel, çevresindeki yazıyla ne kadar alakalıysa, optimize edildiği anahtar sözcük açısından sıralamalarda daha iyi sonuç verir. Görsel ve SEO konusunda daha detaylı bilgiyi daha sonra vereceğim.

 

Kendi içeriklerimizde kullanmış olduğumuz görselleri daha önce görmüşsünüzdür. Bu görselleri birkaç nedenle ekledik:

  • İçeriğin başlığına ya da içeriğine vurgu yapıyor olmaları
  • Ziyaretçiyi, yazıyı okuması konusunda tetikliyor olmaları. Siz de kabul edersiniz ki ilk izlenim önemlidir!
  • Bu görseller OpenGraph tag’ları ve Twitter Cards içerisinde kullanılıyor, böylece görsel, sosyal paylaşımlarımıza eklenmiş oluyor.

Eğer kendinize ait bir fotoğrafı kullanamayacaksanız, stok fotoğraf kullanımından kaçınmanın ve özgün görseller bulmanın da başka yolları var. Örneğin; Flickr.com güzel bir görsel kaynağı. Ayrıca, freeimages.com (genelde sxc.hu olarak tanınır) gibi sitelerden sunulan görselleri de beğeniyorum. Daha fazla görsel kaynağı için buraya göz atabilirsiniz. Fotoğrafların açık bir şekilde stok fotoğraf olduğu sitelerden uzak durmalısınız, bunun yerine biraz daha parıltılı, ince zekâ kokan fotoğrafları seçmelisiniz. Fotoğrafı kendiniz çekmediğiniz sürece insanları içeren fotoğraflar her zaman biraz da olsa stok fotoğraf görüntüsü verecektir. Nihayetinde, en iyisi kendi çektiğiniz fotoğrafları kullanmaktır.

Fotoğraf yerine kullanılabilecek alternatiflerden akla ilk gelenler illüstrasyonlar ve tabii ki grafiklerdir. Bu konuda animasyon GIF’ler iltifatı hak ediyor. Hatta ilerleyen günlerde çok daha popüler olacaklar gibi görünüyor.

Animasyon GIF’ler şu an çok popüler; ama aşırıya da kaçmamak gerekiyor; yoksa içeriğiniz okunurluk açısından çekiciliğini kaybedecektir. Bunun nedeni de yazı okunurken araya hareketli bir resmin girmesidir.

Görsellerinizi Makalenizde Kullanmak Üzere Hazırlamak

Kullanacağınız doğru görseli bulduğunuz zaman; ister bir illüstrasyon, çizelge ya da fotoğraf olsun; bir sonraki adım görseli web sitenizde kullanmak üzere optimize etmektir. Dikkate almanız gereken birkaç madde var:

Dosya adını doğru seçin

Görsel SEO’su, dosya adının doğru verilmesiyle başlar. Anahtar sözcük kullanımı için tabii ki ilk yerdir. Siz de, gerçek görselin ne olduğuna bile bakmadan, Google’ın görselinizin ne hakkında olduğunu tanımasını isterdiniz. Oldukça basit bir mantık: Eğer görseliniz Notre Dame’ı gösteren, Paris’te bir gün doğumu resmi ise, dosya adı  DSC4536.jpg olmamalı, şu daha iyi: notre – dame – paris – sunrise.jpg. Ana anahtar kelime Notre Dame olmalı çünkü fotoğrafın ana konusu bu. İşte görsel adının başına da ilk olarak Notre Dame eklememin nedeni de bu.

Görsel SEO’su için görseli boyutlandırın

Yüklenme süresi hem SEO hem de UX açısından önemlidir. Site ne kadar hızlıysa, siteyi ziyaret etmek de indeksleme de o kadar kolaydır. Görseller, yüklenme zamanına çok büyük etki gösterebilirler, özellikle de boyut olarak büyük bir görsel yükleyecek ve onu sitede küçük boyutlu gösterecekseniz. Örneğin; 2.500 x 1500 piksellik bir görsel kullanarak, sitedeki görünümü 250 x 150 piksel olsun isteyebilirsiniz. Siz küçük boyutlu görünmesini istemiş olsanız bile, tüm görselin yüklenmesi zorunlu bir durumdur. Bu yüzden mümkünse, görselinizin hangi boyutlarda görünmesini istiyorsanız, resminizi ona göre biçimlendirin ve boyutunu küçültün. WordPress, yüklediğiniz görseli farklı boyutlarda size sunabiliyor. Fakat bu ne yazık ki dosya büyüklüğünün de optimize edildiği anlamına gelmiyor. WordPress’in bu noktada sunduğu hizmet, sadece görselin boyutunu değiştirmek o kadar.

Dosya boyutunu küçültün

Görsel SEO’sunda bir sonraki adım, boyut olarak biçimlendirmiş olduğunuz görselleri mümkün olduğunca küçük dosya boyutunda kaydettiğinizden emin olmanız. Bu amaçla kullanılan araçlar da var. Tabii ki de bir görseli dışa aktararak, hangi kalite yüzdesinde iyi sonuç verdiğini test edebilirsiniz; ancak benim tavsiyem kalite yüzdesinin %100 olarak ayarlanmasıdır.

Görselin dosya boyutunu ImageOptim gibi araçlar ya da JPEGMini, Kraken.io PunyPNG gibi web siteleri aracılığı ile küçültebilirsiniz.

Görselinizi yükledikten sonra YSlow gibi araçlar, optimizasyonunuzun başarılı olup olmadığı konusunda size bilgi verebilir.

 

Görselinizi Makalenize Eklemek

görsel seoResminizi, öylesine herhangi bir yere yerleştirmeyin. Daha önce de belirttiğim gibi ilgili olduğu text içeriğin yanına, yakın bir alana yerleştirin. Bu basit kural, oldukça etkilidir. Diğer taraftan, böyle yaptığınızda text içeriğin de resimle ilgili olduğunu belirtmiş olursunuz.

Görsel açıklamaları

Görsel açıklamaları, görsele eşlik eden text içeriklerdir. Peki, Görsel SEO’su için bu etiketler ve açıklamalar neden önemli? Şöyle ki; insanlar bir makale için arama yaptıklarında bu içerikleri dikkate alıyorlar ve kullanıyorlar. Aramalarda, başlığın yanında, görselleri ve bu görsellerdeki açıklamaları da dikkate alıp, öyle karar veriyorlar. Unutmayalım ki “ İyi bir aramaya yardımcı elementler; başlıklar, büyük boyutlu yazılar, kalın yazılar, vurgulanmış kısımlar, madde halinde yapılmış listelemeler, grafikler, resim açıklamaları, konu başlığı cümleleri ve “içindekiler” kısmıdır.” 2012 yılında, KissMetric bile şunu ifade etti: “ Görsellerin altında bulunan açıklamalar, reklam metinlerine kıyasla ortalama %300’lük bir oranla, daha fazla okunuyor. Bu nedenle, görsel alt etiketini ve başlık etiketini kullanmamak ya da onları doğru kullanmamak, büyük sayıda potansiyel bir okuyucu kitle ile etkileşim kurma fırsatını kaçırmak demektir!”

Peki, her görsele bir açıklama ekliyor muyuz? Hayır. Yine daha önce de değindiğim gibi, bazen görsellerin sunum amacı farklılık gösterebiliyor. Bu noktada, elinizdeki görseli, ayrıca SEO için de kullanıp kullanmayacağınıza karar vermeniz gerekiyor. Optimizasyon açısından doğru olanın ne olduğuna geri dönecek olursak; eğer görsele eklediğiniz açıklama kullanıcı tarafından anlamlı bulunacaksa evet, görselinize bir alt etiket vermeniz gerekiyor. İlk önce, kullanıcı açısından düşünün, sadece SEO’ya uyumlu olması açısından öylesine bir açıklama oluşturmayın!

Alt etiketi (alternatif metin) ve başlık etiketi

Bir “alt etiket” in görsele eklenmesinin amacı, görsel herhangi bir nedenle kullanıcı tarafından görüntülenemediğinde, kullanıcının açıklayıcı bir metinle karşılaşabilmesidir. Bunu, Wikipedia gayet güzel özetliyor:

“Görselin, okuyucuya görünememesi durumlarında ( web tarayıcılarında görselleri kapatmayı seçmiş olabilirler, ya da görüntü bozukluğu nedeniyle bir ekran okuyucu kullanıyor olabilirler) alternatif yerine geçen text, fonksiyonelliğin kaybı ya da bilgiye ulaşılamadığı konusunda kullanıcıyı durumdan haberdar eder. “

Alt tag eklemeyi ihmal etmeyin. Alternatif metinin, SEO anahtar sözcüğü içerdiğinden ve görselle ilgili, açıklayıcı olduğundan emin olun.

Görseller için kullanılan başlık etiketleri de benzer özellikler gösterir, başlık etiketi ekleyen kişilerin çoğu, bunu alt etiketten kopyalarlar. Fakat birçok insan bu kısmı gözden kaçırır. Peki, başlık etiketi ne içindir? “Başlık eklemek oldukça kullanışlı olabilir; ama çok önemli bilgilerin verilmesinde kullanılması pek güvenilir değildir. Bunun yerine, çok önemli olmayan yan bilgilerin verilmesi için iyi bir yoldur. Örneğin; resmin ne tür hisler uyandırdığı, ya da anlam bütünlüğü içerisindeki yeri.”

Görsel başlığı veya başlık etiketi, bir görsel hakkında doğrudan bilgi veren ve yer aldığı sayfada fare imleci görselin üzerine getirildiği zaman ortaya çıkan bilgidir. Bu etiketin kullanım durumu isteğe bağlıdır ve alt etiketi kadar fonksiyonu geniş ve önemli bir etiket değildir.

 

sosyal-medyada-linke-görsel-cekme

 

Görseli, sosyal medya paylaşımlarında kullanma konusuna değinmiştim.

Eğer <head> kısmına doğru görsel etiketini aşağıdaki gibi eklerseniz:

<meta property=”og:image”

content=”http://example.com/link-to-

image.jpg” />

Facebook paylaşımınızda görselin de ekleneceğinden emin olabilirsiniz. (Örneğin; Pinterest için OpenGraph da kullanılıyor. Paylaşımınızda kullandığınız orijinal görsel gibi, yüksek kalitede görsel kullandığınızdan emin olun; çünkü yüksek kalitedeki ve büyük boyutlu görsellerin sosyal platformlarda daha çok kullanılma olasılığı daha yüksek!  Eğer bu ayarı doğru bir şekilde yapmışsanız ama çalışmıyorsa, URL Hata Ayıklayıcı’daki Facebook önbelleğini temizlemeyi deneyin.

Twitter Cards da Twitter için aynı özelliği gösteriyor ve eklentimiz bunu da üretiyor durumda.

 

XML Görsel Site Haritaları (sitemaps)

Eğer bir web geliştiricisiyseniz, XML görsel site haritaları hakkında merak ettikleriniz vardır. Aslında şöyle tarif etmeyi tercih ederdim: XML site haritaları içerisindeki görseller. Google bu konuda oldukça açık ve net:

“Siteniz üzerinde bulunan görseller hakkında Google’a bilgi vermek için, bir site haritasına görsele özel etiketler eklemeniz gerekir. Görselleri listelemek için ayrı bir site haritası kullanabilirsiniz, ya da var olan bir site haritasına görsel bilgisi ekleyebilirsiniz. Sizin için uygun olan metottan ilerleyin!”

XML site haritanıza görsel girmek, Google’ın görsellerinizi indekslemesine yardımcı olur. Bu yüzden, daha iyi bir Görsel SEO’su için siz de böyle yapın!

Kısaca

Görsel SEO’su birkaç elementin toplamıdır. Google’ın görselle ilgili elementleri ayırt etme yeteneği her geçen gün daha da geliştiği için, kullanılan görsellerin SEO’ya olduğu kadar kullanıcı deneyimine de cevap verir olduğundan emin olmak gerekiyor. Google’ı kandırmaya çalışmak aptallık olurdu.

Bir makaleye görsel ekleyeceğiniz zaman aşağıdaki maddeler aklınızda bulunsun:

  • İçeriğinizle ilgili ve uyumlu olan bir görsel tercih edin
  • Görseliniz için doğru bir dosya adı belirleyin
  • Görselin, görüntüleneceği boyutla aynı boyutta olduğundan emin olun
  • Daha hızlı yükleme için, görselin dosya boyutunu küçültün
  • Sayfanın daha kolay aranabilmesi için görsele açıklayıcı bir metin ekleyin
  • Görsel “alt etiketi” mutlaka kullanın, “title tag” yani başlık etiketi ise opsiyonel
  • Görsel için OpenGraph ve Twitter Card tag’ları ekleyin
  • Okumanın başladığı sol okuma sütununu görselle başlatmayın
  • XML site haritalarında görselleri kullanın

Görselleri, Görsel SEO’su ve kullanıcı deneyimine uygun olarak oluşturduktan sonra, görsellerin iletişim, etkileşim yaratmada önemli bir rol oynadıklarını da daima hatırlayın!

 

Bir önceki yazımız olan B2B ve B2C Pazarlama Nedir? başlıklı makalemizde B2B Nedir, B2B Örnekleri ve B2B Pazarlama hakkında bilgiler verilmektedir.

Dijital Pazarlama İle İlgili Diğer Yazılar

Yorumlar (4)

  1. Faydalı paylaşım için teşekkürler. Deneyeceğim bunları

    Cevapla
  2. Teşekkürler faydalı bilgi.

    Zirve Webturesin :)

    Cevapla
  3. Yararlı paylaşım teşekkürler.

    Cevapla
  4. Birbirinden güzel ipuçları teşekkürler webtures :)

    Cevapla

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak.