Gorsel isimleriyle ilgili soylentileri duymuş olmalısınız. Google gorsel isimlerinin son derece onemli olduğunu yıllardır soylemektedir. Google’ın makine oğrenimi sistemi uzerinden bunun ne kadar onemli olduğunu kendiniz dahi oğrenebilirsiniz.
Orneğin, Google’ın makine oğrenimi sistemi peynir gorunumlu bir kahvaltılık yağı peynir olarak saptayabilir. Dosya ismini doğru girmemeniz durumunda makine oğrenimi sistemini yanlış yonlendirmiş olursunuz. Bu nedenle gorsel dosyalarını doğru şekilde isimlendirme yoluna gitmelisiniz.
Gorsel isimlerinde her zaman tanımlayıcı ve net olmalısınız. Orneğin bir resim kopeklerle ilgiliyse dosya ismine “kopekler” yazmanız yeterlidir. Anahtar kelime doldurma yapmayı tercih ederseniz dosya ismi buyuk olasılıkla “kopekler-kangal-kangal-kopeği” şeklinde olacaktır. Ancak bu yanlış bir yontemdir.
2. Acıklayıcı Alt Metinler Ekleyin
Al metinler bir gorseli tanımlamak icin kullanılır. Ekran okuyucuları alt metinleri kullanarak gorsellerden soz ederler. Aynı zamanda tarayıcılar gorseli getirmekte zorlandığında kullanıcılar alt metin gosterilir. HTML kodu acısından alt metin şu şekildedir:
Alt metin eklerken kullanılacak yontem aslında gayet basittir. Oncelikle gorsel tanımlayacak olan cumleyi oluşturmalısınız. Orneğin, “Bu kopekler ile ilgili bir resimdir.” yapısını kullanabilirsiniz. Bu cumlede yer alan isim kelimelerini bir araya getirdiğiniz zaman gorsel icin en doğru alt metni bulmuş olursunuz: “kopekler resim”.
Eğer bir urun gorseli ekliyorsanız bu durumda alt metinde urunun model numarasına yer vermeyi duşunebilirsiniz. Orneğin, “Samsung J7 Pro” model bir telefonun gorselini kullanırken alt metne “Samsung J7 Pro J730FZKATUR” şeklinde model numarası ekleyebilirsiniz.
Google’ın bunu yapmanızı bugune kadar pek onermemiştir. Ancak teknolojik urunlerde model numarası cok onemli bir durum olduğundan bunu yaparak model numarası ile arama yapan kullanıcıları yakalamayı başarabilirsiniz. Aynı zamanda Google’ın sitenizi aramalarla eşleştirmesi acısından ona yardımcı olabilirsiniz.
Bazı durumlarda gorsellerin başlıkları onemli olabilmektedir. Ozellikle sitenizde başlıkları on plana cıkaracak olan ceşitli fonksiyonlardan yararlanabilme şansına sahipseniz bu sizin işinize yarayacaktır. Mumkun olduğu muddetce gorsel başlıklarını kullanmaya calışmalısınız.
3. Dosya Turunu Dikkatli Secin
Web ortamında yer alan gorselleri secerken dikkatli olmanız gerekir. Genelde JPEG, PNG ve GIF şeklinde uc farklı gorsel turu secilir. Her birinin sıkıştırma yontemi farklıdır ve her bir dosya turunun dosya boyutu kendine ozgudur.
Gorseller soz konusu olduğunda onları en iyi şekilde sıkıştırma yoluna gitmeli ama aynı zamanda gorsel kalitesinden odun vermemeye calışmalısınız. Cunku gorseller bir sayfanın yuklenme suresini onemli olcude etkileyebilme potansiyeline sahiptirler.
Sayfa yuklenme suresi SEO icin son derece onemlidir. Google sayfa yuklenme suresini masaustu ve mobil olmak uzere iki farklı alanda da dikkate almaktadır. Goreviniz her gorsel icin en uygun dosya turunu bulmak olmalıdır.
Genel bir ayrım yapmak gerekirse JPEG fotoğraflar icin PNG ise cizimler icin ideal bir gorsel dosya turudur. Teknik olarak aralarında epey fark olduğu doğrudur. Kaliteli bir gorsel işleme yazılımı kullanıyorsanız gorselleri dilediğiniz gibi JPEG, PNG veya GIF olarak kaydetmeyi başarabilirsiniz. Ekran goruntuleri soz konusu olduğunda ise Monosnap ve Lightshot gibi programlardan destek alabilirsiniz.
4. Gorselleri Yeniden Boyutlandırın
Bazı siteleri ziyaret ettiğiniz zaman kenarlarında cok fazla boşluk olduğunu fark edersiniz. Bunun en buyuk sebebi icerik alanı icin belirli bir genişliğin belirlenmiş olmasıdır. Genellikle icerik alanı icin 720px şeklinde boyutlandırma yapılır.
Gorseli kullanacağınız alan ne kadar buyuk olursa gorselin boyutu bir o kadar buyuk olacaktır. Ancak gorselin alanından bağımsız olarak tarayıcı gorselin tam boyutlu halini yukleyecektir. Bu nedenle 720px bir alanda gorsel gostermiş olsanız bile gorselin boyutu 1920px ise tarayıcı 1920px olan gorseli yukleme yoluna gidecektir.
Burada cozum gorseli yeniden boyutlandırmak ve yeniden yuklemektir. Maksimum genişlik icin ne kadar gerekliyse gorsel boyutu o kadar olmalıdır. Elbette her zaman 720px genişlik soz konusu olmayacaktır. Sitenizin tasarımında belirtilen boyut neyse ona sadık kalmaya calışmalısınız.
Dilerseniz bu iş icin Smart Resize isimli aractan faydalanabilirsiniz. Bu aracın maksimum genişlik sunarak resimleri işleme ozelliği vardır. JPEG ve PNG resimleri aynı ayrı işlemeniz gerekir. Arac tum gorselleri tercih ettiğiniz en uygun dosya turune donuşturebilecektir.
- Max-width boyutlandırması: Sitenizin maksimumum genişliği 720px olsun. Elinizde yeniden boyutlandırılması gerekli olan yuzlerce resim olabilir. Gorsellerin bazıları 700px bazıları ise 800px genişliğinde ise 700px olanları 720px yapmaya calışmamalısınız. Cunku bu durumda resimlerinizin kalitesi bozulacaktır. Bu arac maksimum genişlik değerinden az genişliğe sahip gorselleri işlemeden sizi sonuca goturmektedir.
- Gorsellerin isimlerini tutması: Elinizde bulunan gorselleri SEO icin yeniden adlandırmış durumdaysanız yeniden boyutlandırma işlemi urkutucu olabilecektir. Cunku bircok arac toplu yeniden boyutlandırma işlemi sonrasında gorsel isimlerini image1, image2 şeklinde yapmaktadır. Bu arac sizi soz konusu dertten kurtaran gorsel isimlerini aynı bırakma ozelliğine sahiptir.
JPEG dosya turunde olan gorseller arasında kalite farklılığını anlamak cok kolay değildir. Bu nedenle bircok kişi sitesinde gorselin normal hali yerine sıkıştırılmış halini kullanma yoluna gitmektedir. Bu iş icin tercih edebileceğiniz pek cok farklı arac bulunmaktadır.
Her aracta gorselin sıkıştırma miktarını kendiniz secemezsiniz. Bu nedenle size kayıplı ve kayıpsız olmak uzere iki farklı sıkıştırma yontemi sunan araclara yonelmeyi duşunmelisiniz. Bircok gorsel sıkıştırma aracı gorselde yer alan EXIF bilgilerini silerek sıkıştırma işlemi gercekleştirmektedir. Eğer EXIF bilgileri sizin icin onemliyse bu aracları kullanmamayı duşunebilirsiniz.
JPEG icin eşsiz sıkıştırma sunan bi aracın PNG icin aynı duzeyde sıkıştırma sunamayacağını bilmelisiniz. Her birisi icin farklı farklı araclar kullanırsanız sizin icin cok daha iyi olacaktır. Aşağıda gorsel sıkıştırmak icin kullanabileceğiniz ceşitli araclar vardır:
- Imageoptim – JPEG
- Shortpixel – PNG
- io – PNG
- TinyPNG – PNG
- Optimizilla – PNG
- io – JPEG
- io – PNG
6. Gorsel Site Haritası Oluşturun
WordPress ve beraberinde Yoast SEO ya da All in One SEO Pack kullanıyorsanız site haritanız otomatik olarak oluşturulacaktır. Ustelik medya sayfalarını noindex olarak ayarlamış olsanız dahi gorsel icin site haritası oluşturmuş olursunuz. Eğer WordPress veya Yoast SEO kullanmıyorsanız mutlaka siteniz icin farklı yontemleri kullanarak bir gorsel site haritası oluşturma yoluna gitmelisiniz.
7. Vektor Grafikleri Kullanın
Bircok site logolarında veya farklı noktalarda vektor grafikleri kullanma yoluna giderler. SVG dosya turu vektor turu gorseller icin en populer dosya turlerinden biridir. Bu dosya turu W3C tarafından geliştirilmiştir ve dosya turu XML uzerinedir. Tum modern tarayıcılar bu dosya turunu desteklemektedir.
Sitenizde vektor grafikleri kullanmak istiyorsanız onların boyutlarını duşurmek icin uygun yontemleri kullanmalısınız. Vektor grafikler her turlu site icin kullanışı olabilmektedirler. Ancak bunlar sitenize uygun değilse daha once secmiş olduğunuz dosya turune bağlı kalmaya devam etmelisiniz.
8. Esnek Gorseller Kullanın
Sitenizde icerik gosterme alanı 720px genişliğinde olsa bile daha duşuk ekran genişliğine sahip cihazlardan siteniz 720px şeklinde gozukmemelidir. Esnek tasarım kullanma yoluna gitmeli ve gorselleri benzer şekilde sunmaya calışmalısınız.
Mobilden sitenizi ziyaret eden kişilere 720px boyutundaki gorsel gosteremezsiniz. Cunku bu gorsel kendisine ait olan normal alandan daha fazlasını kaplayarak kullanıcıyı rahatsız eder. Bu nedenle gorselleri esnek bir bicimde sunmalısınız. Orneğin, WordPress kullanıyorsanız yazı icerisine eklemiş olduğunuz her gorsel otomatik olarak srcset niteliğini almaktadır. Bu nitelik kullanıcıya gosterilmesi gereken gorsel boyutunu otomatik olarak belirlemektedir.
9. Schema Bicimlendirmesi Kullanın
Schema bicimlendirmesi Google aramalarda sık sık karşınıza cıkan bir şeydir. Bir arama yaptığınız zaman gorseller, puanlar ve fiyatlarla dolu sonuclar goruyorsanız işte bunla Schema bicimlendirilmesi kullanılmış sayfalardır.
Schema bicimlendirmesi aynı zamanda gorseller icin işe yarayan bir tekniktir. Bunun sebebi Google’ın mobilde kullanıcılara resimleri gostermesi ve bu alan icin daha fazla yer ayırmasıdır.
Mevcut durumda Google dort farklı bicimlendirmeyi desteklemektedir: urunler, tarifler, videolar ve GIF turu gorseller. Sitenizde yer alan gorsellerin sonuclarda gozukmesini sağlamak icin uygun bicimlendirmeleri kullanmanız gerekmektedir. GIF turu gorseller icin ekstra bir şey yapmanıza gerek yoktur cunku Google gorsellerin GIF olduğunu otomatik olarak algılayabilmektedir.
10. Tembel Yuklenmeyi Duşunun
Tembel yuklenme yontemi tarayıcıların gorsel gozukmeden gorseli yuklememesi anlamına gelmektedir. Kısacası bir gorsel yuklenmesi gerektiği zaman yuklenmektedir. Boylece sayfanın acılış hızı cok daha iyi olabilmektedir.
Pek cok kişi tembel yuklenme yonteminin işe yararlığı konusunda kararsız olsa bile Google zaman zaman bu yonde oneriler yapmaktadır. WordPress kullanıyorsanız ceşitli tembel yuklenme eklentilerinden faydalanma yoluna gidebilirsiniz. Ozellikle A3 Lazy Load eklentisi kullanabileceğiniz ideal eklentilerden biridir.
11. Tarayıcı Onbellekleme Tekniğini Kullanın
Tarayıcı onbeklleme yontemi gorsellerin ve diğer dosyaların ziyaretcinin tarayıcısında saklanmasını sağlamaktadır. Sonuc olarak ziyaretciler siteyi yeniden ziyaret ettiklerinde sayfalar daha hızlı yuklenmektedir.
Orneğin bu yazıya girdiğiniz zaman tum gorseller otomatik olarak tarayıcınız tarafından indirilmektedir. Tarayıcı onbellekleme tekniği olmasaydı bu gorseller siteyi her ziyaret edişinizde tekrar tekrar yukleniyor olacaktır.
Ancak tarayıcı onbellekleme ozellikle gorselleri belirli bir sure kullanıcının bilgisayarında saklamaktadır. Sayfayı yeniden ziyaret ettiğinizde gorseller yeniden yuklenmek zorunda kalmayacaktır. Boylece ziyaret ettiğiniz sayfa cok daha hızlı bir bicimde acılacaktır.
WordPress kullanıyorsanız W3 Total Cache eklentisini kullanarak tarayıcı onbellekleme tekniğini aktif hale getirebilirsiniz. Her dosya turu icin farklı tarihlerde dosyaların yenilenmesi gerektiği bilgisini ekleyebileceğinizi unutmamalısınız.
12. CDN Kullanın
Bircok site dosyalarını sabit bir noktada yer alan sunucular uzerinden gondermektedir. Turkiye’de olan bir siteniz Turkiye’den sitenizi ziyaret eden kişiler tarafından kolayca goruntulenecek ve yuklenecektir. Ancak farklı ulkelerden kişiler sitenizi ziyaret ettiklerinde gorsellerin indirilmesi icin belirli bir surenin gecmesi gerecektir.
CDN kullanırsanız bu problemi ortadan kaldırabilirsiniz. Sitenize ait tum gorseller global ağlarda saklanarak sitenizi ziyaret eden kişilere sunulacaktır. Boylece bir kişi sitenizi ziyaret ettiğinde gorseller daha hızlı bir bicimde indirilmiş olacaktır.
Bir CDN kullanmak istiyorsanız onceliğiniz her zaman aşağıdakilerden birisi olmalıdır:
- Cloudflare
- KeyCDN
- Amazon CloudFront
- Google Cloud CDN
Bonus: Gorsel Linklerinden Değer Kazanın
İnfografikler, GIF turu gorseller, tablolar gibi gorseller her zaman link elde edilebilir dosyalardır. Genelde bu dosyaları kullanan kişiler dosyayı aldıkları yerden bahsederken link vermeyi ihmal etmemektedirler. Ancak bazen bu ihmal edilebilmektedir.
Bu tur ihmalleri yakalayıp onları linke donuşturme konusunda aktif rol oynayabilirsiniz. Basit bir bicimde bu tur gorsellerin bahsedildiği yerleri bulmalı ve onlara e-posta gondermelisiniz. Bunu yapabilmek icin Ahrefs aracını kullanmanız yeterli olacaktır.
Ahrefs’in Site Explorer aracında alan adınızla arama yapmalısınız. Aramayı yaparken arama yonteminin .domain/ olmasına dikkat etmelisiniz. Daha sonra Backlinks sekmesine giderek “URLs for backlinks” kısmından .jpg şeklinde bir sınırlama gercekleştirmelisiniz.
Boylece gorseller uzerinden link elde edebileceğiniz fırsatları ortaya cıkarmış olursunuz. JPEG icin yapmış olduğunuz taramayı .png ve .gif icin ayrı ayrı gercekleştirmelisiniz.
Eğer CDN kullanıyorsanız ve gorseller CDN alt alında saklanıyorsa aramayı bu alt alan adı uzerinden gercekleştirmeniz gerektiğini unutmamalısınız. Bunun icin arama yaparken arama bicimini “prefix” olarak ayarlamalısınız. Kısacası, Site Explorer’ı ziyaret ettikten sonra alan adını girmeli ve yan kutucuktan “prefix” seceneğini secmelisiniz.
Gorsel SEO karmaşık bir konudur. Google’ın bu konuda sunmuş olduğu turlu turlu oneriler bulunmaktadır. Bu nedenle gorsel SEO işini dikkate almanız gerekmektedir. Burada yer alan tum yontemleri kullanırsanız gorsel SEO acısından yaşamış olduğunuz tum problemleri cozebilirsiniz. Tek dikkat etmeniz gereken kullanıcılara kaliteli gorsel sunarak kullanıcı deneyiminden odun vermemektedir.