SEO uyumlu resimler nasıl olmalı?

Web sayfalarının büyük bir bölümü artık resimlerden oluşuyor, müşteri – ziyaretçi görsel odaklı sitelerde daha fazla vakit geçirdiği kanıtlanmış bir gerçektir. Lakin site içerisinde kullandığımız resimler ve görseller sitemizi yavaşlatabiliyor. Web sayfamızın açılma süresinde 0,5 saniyelik gecikme olması bile bizi arama motorlarında geri sıralara düşürmeye sebep olabilir. Resim ve görseller doğru şekilde optimize edilirse sayfa açılış hızımızda gecikmeler yaşanmayacaktır. Sayfanızın kaç saniyede açıldığını Pagespeed insights aracından test edebilirsiniz bu test aracında görseller ile ilgili bir öneri yoksa resimleriniz optimize edilmiş demektir yine de puanlarınız düşükse sitenizi baştan aşağı optimize etmeniz gerekir. WordPress resim sıkıştırma eklentileri isimli yazımda bahsettiğim eklentiler ile kolayca sıkıştırma işlemleri yapabilirsiniz.

Resim ve görsel sıkıştırma

Photoshop sıkıştırma

Site içerisinde bulunan resimler eğer direk temin edil edildiği gibi yüklenmişse muhtemelen sıkıştırılmamıştır. Eğer web sayfanız wordpress tabanlıysa WP Smush eklentisini kullanmanızı tavsiye ederim. Eklentiyi yükselmek için Admin Paneli > Eklentiler > Yeni Ekle > WP Smush yaparak indirebilir ve kurabilirsiniz eklentinin detaylı anlatımını WP Smush Eklentisi – Resim ve Görsel sıkıştırma isimli yazımda anlattım.

Resimleri sıkıştırmak için birden fazla yöntem izlenebilir, eklenti haricinde Compressjpeg gibi web sitelerinden ücretsiz olarak sıkıştırabilirsiniz.

Adobe şirketinin photoshop programları üzerinden basit bir şekilde resim sıkıştırma işlemini yapabilirsiniz. Resmi kaydererken Save For Web seçeneğine tıklamanız halinde web için en iyi optimize edilmiş halini sizlere verecektir.

Özgün resim ve görsel isimleri

Site içerisinde bulunan görsellerin isimlerinin özgün olması gereklidir. Bu sayede arama motorlarına  çalıntı kopya içerik üretmemiş gözükürsünüz.

  • İnternet üzerinden indirdiğiniz resimlere özgün isimler vererek yeniden düzenleyin. images7.jpg yerine seo-uyumlu-resim.jpg ismini verin.
  • Kamera ile çekilmiş resimlerin isimlerini SEO uyumlu hale getirin. CAMERA25856 yerine Uyumlu Resim yapın.
  • Resimleri wordpress sitenize yüklerken Alternatif Tanım ve Açıklama ekleyin bu sayede arama motorları resmin ne ile ilgili olduğunu anlasın.

Resimlerde yükseklik ve genişlik değerleri

Site içerisinde bulunan görsellerin mutlaka yükseklik ve genişlik değerleri olmak zorunda aksi takdirde resimler kullanıcı dostu olmayacaktır. Kullanıcı dostu olmayan çoğu şey SEO dostu da değildir.

Resimlere yükseklik ve genişlik değeri vermek için html kodlarınız şu şekilde olmalıdır:<img width=”300″ height=”300″ src=”http:// meykmen.com/resimler/seo-uyumlu.jpg” alt=”SEO uyumlu görsel”/>

Görsel Yolu

Site içerisinde kullanılan kodlar azalması sitenizin yararına olacaktır. Görseller yüklenirken ana dizine yakın bir klasöre yüklenmelidir bu sayede kaynak kodunuz sadeleşmiş olacaktır.

<img width=”300″ height=”300” src=”https://meykmen.com/wp-content/uploads/2018/09/resim.jpg” alt=”SEO uyumlu görsel”/>

Yerine

<img width=”300″ height=”300″src=”/resimler/resim.jpg” alt=”SEO uyumlu görsel”/>

Şeklinde yapmak siteniz için tasarruf sağlayacaktır. Arama motorları tarafından sitenizi daha sadece anlaşılır bir hale sokacaktır.

Alt etiketi

Her resimde mutlaka alt etiketi olması gereklidir alt etiketi kullanmak seo ve görsel optimizasyonu açısından oldukça önemlidir. Arama motorları resimde ne anlatılmak istendiğini bu sayede daha iyi anlamaktadır. Resimlere alt etiketi ekleme isimli yazımızı okuyarak daha fazla bilgi sahibi olabilirsiniz.