Görsel SEO: Optimizasyon İçin 9 Temel Unsur

1. Görsel SEO için genel hususlar

Genellikle tüm çabalarımızı SERP'lerde SEO açısından değerli URL'lerimizi sıralamaya harcarız. Ancak, daha önce belirttiğimiz gibi, görselleri optimize etmek Google Görseller arama sonuçlarında daha üst sıralarda yer almak ve onlar aracılığıyla organik trafik çekme olanaklarımızı artırmak için önemlidir.

Google botları görselleri "okuyamaz". Belirli bir animasyonu veya resmi değil, bir web sitesindeki kodu okumak için tasarlanmıştır. Bu nedenle, basit bir SEO yönergeleri setini izleyerek onlara bu bilgiyi sağlamamız gerekir. Bu, botların göstermeye çalıştığımız bilgileri yorumlayıp yorumlayamayacağını, görselleri değerlendirip değerlendiremeyeceğini ve Google Görseller bölümünde daha üst sıralarda yer almasını sağlar.

2. Görsel boyutu ve ağırlığı

Görselleri optimize ederken dikkate alınması gereken iki ana faktör, ağırlık ve boyutlarıdır.

Ağırlık:

Web sitenizde ağır görseller kullanmak, uygulandıkları URL ve dolayısıyla tüm site için yükleme süresini artırabilir. Yükleme süresi, masaüstü ve mobil organik sıralamayı etkileyen faktörlerden biridir, bu da görsel optimizasyonunu şart koşar.

Görsel ağırlığını azaltmak için araçlar:

Görsel ağırlığını azaltmak için kullanabileceğimiz birçok araç vardır. Photoshop veya Illustrator gibi profesyonel görsel düzenleme yazılımına sahip olmasak bile, aşağıdaki gibi online platformları kullanabiliriz:

• ›

  Kaliteyi etkilemeden görsel ağırlığını azaltan ImageOptim veya TinyJPG.

• ›

  Website Speed Test Image Analysis Tool yeni görsel formatlarını kolayca indirmenize olanak tanır.

Boyut:

Ayrıca, her sitenin görüntülendiği cihaza bağlı olarak en uygun olanı görüntülemek için her site için birkaç görsel boyutunu uygulamak da önemlidir. Görsel boyutunu uyarlayan eklentiler olsa da, bu seçenek pratikte en iyisi olmayabilir. Çünkü, örneğin, 1000px'lik bir resim 400px'e yeniden ölçeklendirilebilir, görsel boyutunu küçültebilir, ancak resim hâlâ 1000px'lik bir görsel kadar ağır olacak ve web'inizin performansını ve hızını etkileyecektir.

Araçlar:

Görselleri seçerken en önemli faktör, üzerinde çalışacağımız platformu bilmektir. Örneğin WordPress üzerinde çalışıyorsak, görsellerimiz için maksimum genişlik ve yükseklik tanımlamadan önce yeniden ölçeklemeye, sıkıştırmaya ve sunucuya yüklemeye olanak tanıyan bir eklenti olan SmushIt'i kullanabiliriz.

Aksine, kendi kodumuzun bir platformu ile çalışıyorsak, görselleri sunucuya yüklemeden önce optimize etmeye izin veren manuel veya otomatik bir süreç oluşturmamız gerekir.

3. SEO dostu görsel formatı

Şu anda, web görsellerini kaydetmenin en optimal yolu, sonraki dört formattan birini kullanmaktır:

• ›

  WebP: Bir görselin orijinal ağırlığını %25-35 oranında azaltabilir. Şu anda en çok önerilen formatlardan biridir; tarayıcıların bazı sürümleri hâlâ onları okuyamıyor olsa da, görsel kalitesini etkilemeden daha fazla sıkıştırmaya izin veren formatlardan biridir.

• ›

  PNG: Az renk ve şeffaf arka planları olan resimler için en iyi seçimdir. Logolarda yaygın olarak kullanılır.

• ›

  JPG: Genel olarak fotoğraflar ve görseller için kullanılması gereken format. Sıkıştırırken biraz kalite kaybedilir, ancak renkler ve tonlar aynı kalır.

• ›

  GIF: Animasyonlarda ve hareketli resimlerde kullanılır.

Öneriler:

• ›

  Ağırlık ve uyumluluk açısından her zaman en uygun görsel formatını kullanın.

• ›

  Manuel olarak veya otomatik bir işleme aracı aracılığıyla her zaman görselleri sıkıştırın.

• ›

  Web birkaç simge içeriyorsa, sunucu istek sayısını azaltmak ve web'inizin performansını iyileştirmek için CSS Sprite'ları aracılığıyla onları tek bir görsele gruplayın.

4. Görsel SEO Alanları

Her görsel, arama motoru robotlarına (ve elbette kullanıcılara) iyileştirilmiş erişilebilirlik sağlamak için bir dizi ilişkili alanla birlikte gelir.

Görsel adı

Görsel adı, dosyanın adını ifade eder. Görselin başlığıdır ve kelimeler arasında tire ve alt çizgiler kullanır. Görselimizi daha üst sıralarda göstermek istediğimiz anahtar kelimeyi dahil etmek önerilir, alışılmadık karakterlerden kaçınılır (örneğin "ñ", "?" veya aksanlı harfler, "á" gibi).

URL'yi kısaltmak ve mümkün olduğunca SEO dostu hale getirmek için görsel adında edatları veya diğer önemsiz karakterleri çıkarmak da tavsiye edilir.

Title

İmleci görselin üzerine yerleştirdiğinizde görünen metindir. Daha üst sıralarda göstermek istediğimiz anahtar kelimeyi dahil ederek görsele anlamsal bir başlık eklemek için doldurmanızı öneririz.

Bu, alt metinle aynı olabilir, ancak bu özniteliği hafif modifikasyonlarla yeniden yazmak uzun sürmez.

"Alt" özniteliği

Bu, Google'ın okuduğu olduğu için en önemli öğedir. URL'mizi daha üst sıralarda göstermek istediğimiz ana anahtar kelimeyi içermelidir ve kısa açıklamalar içermesi beklenir.

Sözdizimi şu şekildedir:

<img src=”GÖRSEL LİNKİ” alt=”GÖRSEL ALT AÇIKLAMASI” />

Optimize edilmiş bir görsel örneği:

Hedef anahtar kelime "ciberseguridad pymes" (KOBİ'ler için siber güvenlik) için bu görselin her alanının nasıl optimize edilebileceğini görelim, aylık arama ortalaması 90'dır (İspanya'da):

Dosya adı:

• ›

  Yanlış: 04745892595295.jpg

• ›

  Doğru: ciberseguridad-pymes.jpg

Title: Consejos de ciberseguridad para empresarios y pymes. (İşletmeler ve küçük işletmeler için siber güvenlik önerileri.)

Alt metin: Ciberseguridad para pymes y empresarios: consejos. (Küçük işletmeler ve işletmeler için siber güvenlik: ipuçları.)

Bu şekilde, tüm alanları optimize edeceğiz ve en üst pozisyonlar için savaşmaya hazır bir görsel elde edeceğiz. Elbette görselleri optimize etmek, ilk sırada görünmeyi garanti etmez, ancak bunu başarmak için ilk adımdır :)

5. Anlamsal bağlam

Google, en alakalı görsellerin etrafındaki içerikle uyumlu olanlar olduğunu düşünür. Bu nedenle, ilgili metni dahil etmek önerilir. Bu şekilde, URL'deki toplam anlamsal bağlamı genişleteceğiz.

6. Görsele özel sitemap

Google'ın botlarının görsellerimizi daha verimli izlemesine yardımcı olmak için, bu tür dosyalarla özel bir sitemap.xml oluşturmak gereklidir. WordPress'te, Yoast veya RankMath gibi araçlarla (eklentilerle) otomatik olarak oluşturulabilir. WordPress üzerinde çalışmıyorsanız, alternatif araçlar veya manuel programlama araçları (URL izleme) kullanabilirsiniz.

Şimdi, makalenin içinde iki görsel olan bir sitemap örneği göreceksiniz:

<?xml version="1.0" encoding="UTF-8"?> <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9" xmlns:image="http://www.google.com/schemas/sitemap-image/1.1"> <url> <loc>http://example.com/sample.html&lt;/loc> <image:image> <image:loc>http://example.com/image.jpg&lt;/image:loc> </image:image> <image:image> <image:loc>http://example.com/photo.jpg&lt;/image:loc> </image:image> </url> </urlset>

Görsel sitemap oluştururken en yaygın kullanılan etiketlerden bazıları şunlardır:

→ Görsel başlığı

→ Dosyanın kaydedildiği URL veya yol

→ Dipnot

→ Lisans türü

→ Coğrafi konum bilgisi

• ›Belgeleme: Örnekler, uygulama eğitimleri ve daha fazlası ile görsel sitemaps hakkında Google'ın blogunda çok miktarda bilgi bulunabilir.

Uygulamayı bitirdikten sonra, Search Console'da indeksleme kapsamı durumunu doğrulayabileceğiz.

7. Image Lazy Loading (İhtiyaca Göre Yükleme)

Görseller, web sitelerinde en çok kullanılan kaynaklardan bazılarıdır, çünkü "bir resim bin kelimeye bedeldir" derler. Bu nedenle, her web sitesinin görsel yönü, bu multimedya öğeleri kullanılarak özenle geliştirilir. Ancak, onları optimize etmemek, kullanıcı deneyimi ve web'in yükleme süresi üzerinde olumsuz bir etkiye sahip olabilir. Bu nedenle, lazy loading önerilir.

Lazy loading sayesinde, görseller yalnızca ekranda göründüklerinde yüklenir. Örneğin, sayfanın bir cihazın ekranında henüz görünmeyen alt bir kısmındaysalar, kullanıcı aşağı kaydırana kadar yüklenmeyeceklerdir. Bu, HTTPS isteklerinin sayısını büyük ölçüde azaltır ve yükleme sürelerini düşürerek sayfanızı Google için daha sevilebilir hale getirir.

WordPress'te Lazy loading uygulamak için eklentiler

Bu yazılım platformunda web siteleri yönetiyorsanız, lazy loading uygulayarak görselleri optimize etmek istiyorsanız dikkatinizi çekecek bir dizi eklenti vardır. Yüklü temanın bu işlevi içerip içermediğini kontrol etmeyi unutmayın. Değilse, işte birkaç ilginç olanı:

• ›

  BJ Lazy Load: kurulumu ve ayarlanması kolay, 90.000'den fazla yüklemeyle en popüler araçlardan biridir. Bu eklenti sayesinde, görselleri farklı ekran boyutlarına uyarlamak için ölçeklendirebilirsiniz.

• ›

  Lazy Load by WP Rocket: basit ve ayarlanması kolay (temel olarak farklı seçenekler sunmadığı için), bu eklentinin avantajı jQuery gibi bir JavaScript kütüphanesi kullanmamasıdır.

8. Görseller için CDN kullanımı

Bir CDN (İçerik Dağıtım Ağı), talep edenin nerede bulunduğuna bağlı olarak önbelleğe alınmış bir web sitesinin içeriğini kolaylaştıran tüm dünyaya dağıtılmış sunucular kümesidir. Bu barındırma ağı sayesinde, talep edene daha yakın olan sunucu, talep edilen web sitesinin bir kopyasını sağlayacaktır.

Bu nedenle, bir CDN kullanmak URL'lerimizin daha hızlı indirilmesine yardımcı olur, sitemizin yükleme sürelerini azaltır ve organik sıralamasını teşvik eder.

Görselleri göstermek için bir CDN (örneğin Cloudflare) kullanırsak, bunlar daha hızlı indirilecek ve görüntülenecektir. Bu basit akış, SEO'muzu doğrudan iyileştirecektir.

9. Diğer hususlar

SEO açısından değerli görseller, yani daha üst sıralarda göstermek istediklerimiz, URL'nin kaynak kodunda dahil edilmelidir. CSS'de arka plan özelliği olarak uygulananlar Google için görünür olmayacaktır, çünkü bu tür stil sayfalarını anlayamaz.

Ayrıca, görsellerimizi optimize ederken akılda tutulması gereken başka kaçırılmaması gereken ayrıntılar da vardır:

• ›

  Exif: Her görselle birlikte, resmin çekildiği tarih ve bu alandaki profesyoneller için ilgili diğer veriler gibi bir dizi öznitelik kaydedilir. Ancak, bu bilgi SEO açısından değerli değildir ve sadece yer kaplar. Bu bilgileri silmek, görselleri optimize etmeye ve onları daha az ağır hale getirmeye yardımcı olabilir.

• ›

  "longdesc": Bu öznitelik genellikle unutulur, ancak görsellerimizde uygulanması ilginç olabilir. Bu, görselin uzun bir açıklamasıdır.

• ›

  Linkleme: Link building, sayfalarımızın organik büyümesinde temel bir rol oynar, ancak görsellerimizinkinde de. Bunlara da link verilebilir ve dolayısıyla arama motorlarında daha yüksek bir tanınma elde edilebilir.

Herhangi bir temel ipucunu kaçırıyor muyuz? Sizi duymayı çok isteriz. Aşağıya bir yorum bırakın ve bilginizi paylaşmaktan çekinmeyin!