• Görsel SEO Teknikleri

Bilmeniz Gereken 12 Önemli Görsel SEO İpucu

  • Felix Rose-Collins
  • 3 min read
Bilmeniz Gereken 12 Önemli Görsel SEO İpucu

Giriş

Görseller genellikle web sayfalarının en büyük bölümünü oluşturur ve Google sonuçlarında kendi sekmelerine sahiptir. Bunlar eksiksiz bir SEO stratejisinin önemli bir parçasıdır, bu nedenle daha iyi görünürlük için optimize edilmeleri şarttır.

Arama Motorları Görselleri Nasıl İndeksler ve Anlar?

Arama motorları, görselleri keşfetmek ve meta veriler ve dosya adları gibi verileri ayıklamak için web sayfalarını tarar. Google, görsellerin bağlamını ve içeriğini anlamak için çevreleyen metin, görsel dosya adı, alt metin, resim yazıları ve sayfa içeriği gibi faktörleri kullanır.

Görsel SEO Nedir?

Görsel optimizasyonu, görselleri sıkıştırarak, duyarlı görseller kullanarak, tembel yükleme uygulayarak, ilgili alt metin ekleyerek, açıklayıcı dosya adları kullanarak ve yapılandırılmış verileri uygulayarak arama motoru sonuç sayfalarında (SERP'ler) görünürlüğü artırma tekniklerini içerir.

1. Doğru Görüntü Formatını Seçin

Google JPEG, PNG, WebP, BMP, GIF ve SVG gibi formatları desteklemektedir. Her formatın kendi artıları ve eksileri vardır:

  • PNG: Kayıpsız sıkıştırma, daha iyi kalite, şeffaflığı destekler, daha büyük dosya boyutu.

  • JPEG: Kayıplı sıkıştırma, ayarlanabilir kalite, daha küçük dosya boyutu.

  • WebP: Verimli, daha küçük dosya boyutları, tüm büyük tarayıcılar tarafından desteklenir.

  • GIF: Kayıpsız, 256 renkle sınırlı, basit grafikler ve animasyonlar için uygundur.

  • SVG: Vektör tabanlı, ölçeklenebilir, logolar ve simgeler için ideal.

  • BMP: Büyük, sıkıştırılmamış, yüksek kaliteli, boyut nedeniyle web için uygun değil.

Öneri: Optimum kalite ve yükleme süreleri için PNG kullanın ve web dağıtımı için WebP'ye dönüştürün.

2. Benzersiz Görseller Oluşturun

Genel stok fotoğraflardan kaçının. Kullanıcı deneyimini ve SEO'yu iyileştirmek için orijinal, yüksek kaliteli görseller kullanın. Google, görsellerin en az 1200 piksel genişliğinde olmasını ve Google Discover'da büyük görseller olarak görünmelerini sağlamak için robots meta etiketinde max-image-preview:large ayarının kullanılmasını önerir.


<meta name='robots' content='index, follow, max-image-preview:large' />

3. Görüntü Dosyası Adlarını Optimize Edin

Arama motorlarının görselin konusunu anlamasına yardımcı olmak için açıklayıcı, anahtar kelime açısından zengin dosya adları kullanın. "IMG_722019" gibi varsayılan adlardan kaçının.

4. SEO Dostu Alt Metin Yazın

Alt etiketler bir görselin içeriğini tanımlar ve erişilebilirliği artırır. Ayrıca arama motorlarının görselin içeriğini anlamasına yardımcı olarak daha iyi sıralamalar elde edilmesini sağlarlar.

Örnek:


<img src="chocolate-1.jpg" alt="bitter çikolata kahve aromalı bar"/>

5. Sayfa Başlığınızı ve Açıklamanızı Optimize Edin

Görsel arama sıralamalarını iyileştirmek için sayfa başlığınıza ve açıklamanıza alakalı anahtar kelimeler ekleyin. Tüm sayfa içi SEO faktörlerinin optimize edildiğinden emin olun.

6. Boyutlarınızı Tanımlayın

Kümülatif Düzen Kayması (CLS) sorunlarını önlemek ve Core Web Vitals puanlarını iyileştirmek için her görüntü için genişlik ve yükseklik özniteliklerini ekleyin.

7. Görsellerinizi Mobil Uyumlu Hale Getirin

Kullanıcının cihazına göre ölçeklenen duyarlı görüntüler için srcset ve sizes niteliklerini kullanın.

Örnek:


<picture> <source type="image/webp" srcset="image-300w.webp 300w, image-600w.webp 600w, image-1200w.webp 1200w" sizes="(max-width: 600px) 300px, (max-width: 900px) 600px, 1200px"> <img src="image-300w.jpg" srcset="image-300w.jpg 300w, image-600w.jpg 600w, image-1200w.jpg 1200w" sizes="(max-width: 600px) 300px, (max-width: 900px) 600px, 1200px" alt="Resmin açıklaması"> </resim>

8. Tembel Yükleme ve Ön Yükleme

Sayfa performansını artırmak için görüntü alanında olmayan resimler için tembel yüklemeyi kullanın. Katlamanın üstündeki görüntüler için ön yükleme veya fetchpriority="high" kullanın.

Örnek:


<img src="image.jpg" loading="lazy" srcset="image-300w.jpg 300w, image-600w.jpg 600w" alt="Açıklama">

9. Site Haritanıza Görseller Ekleyin

Site haritanıza görseller eklemek, görsellerin arama motorları tarafından taranma ve dizine eklenme şansını artırır. WordPress için Yoast veya RankMath gibi eklentileri veya Screaming Frog gibi araçları kullanın.

10. Yapılandırılmış Veri Ekleme

Arama sonuçlarında görünürlüğü artırmak için görselleri yapılandırılmış verilerle geliştirin. Fiyat, kullanılabilirlik ve derecelendirmeler gibi ayrıntıları eklemek için şema işaretlemesini kullanın.

Örnek:


{ "@context": "http://schema.org", "@type": "Article", "headline": "Article Title", "image": [ "https://example.com/photos/1x1/image.jpg", "https://example.com/photos/4x3/image.jpg", "https://example.com/photos/16x9/image.jpg" ], "datePublished": "2024-01-10T08:00:00+08:00", "dateModified": "2024-01-10T09:20:00+08:00", "author": { "@type": "Person", "name": "Yazar Adı" } }

11. Daha Hızlı Görüntü Teslimi için CDN Kullanın

Bir İçerik Dağıtım Ağı (CDN), görüntüleri kullanıcıya daha yakın konumlardan sunarak optimize edebilir ve daha hızlı teslim edebilir. Cloudflare, Amazon CloudFront, ImageKit veya KeyCDN gibi hizmetleri kullanmayı düşünün.

12. Telif Haklarına Dikkat Edin

Pahalı davalardan kaçınmak için görselleri kullanma hakkına sahip olduğunuzdan emin olun. Getty, Shutterstock veya DepositFiles gibi sağlayıcılardan lisanslı görseller kullanın.

Görüntü Optimizasyonu Temel Çıkarımlar

  • Daha hızlı yükleme süreleri için doğru dosya formatını ve boyutunu seçin.

  • Sayfa içi SEO öğelerinizin optimize edildiğinden emin olun.

  • Daha iyi taranabilirlik için bir resim site haritası oluşturun.

Bu ipuçlarını takip ederek web sitenizin görsel SEO'sunu ve genel arama görünürlüğünü iyileştirebilirsiniz. Mutlu optimizasyonlar!

Felix Rose-Collins

Felix Rose-Collins

Ranktracker's CEO/CMO & Co-founder

Felix Rose-Collins is the Co-founder and CEO/CMO of Ranktracker. With over 15 years of SEO experience, he has single-handedly scaled the Ranktracker site to over 500,000 monthly visits, with 390,000 of these stemming from organic searches each month.

Ranktracker'ı kullanmaya başlayın... Hem de ücretsiz!

Web sitenizin sıralamada yükselmesini engelleyen şeyin ne olduğunu öğrenin.

Ücretsiz bir hesap oluşturun

Veya kimlik bilgilerinizi kullanarak oturum açın

Different views of Ranktracker app