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!