- Katılım
- 26 Tem 2023
- Konular
- 450
- Mesajlar
- 6,325
- Çözüm
- 28
- Online süresi
- 2mo 26d
- Reaksiyon Skoru
- 3,410
- Altın Konu
- 133
- Başarım Puanı
- 249
- MmoLira
- 44,667
- DevLira
- 12
ROHAN2 WORLD 1-120 TR TİPİ OFFICIAL YOHARA, BALATHOR VE AMON! 80. GÜNÜNDE! +10.000 ONLİNE! HİLE VE BOT %100 ENGELLİ HEMEN TIKLA!
Görüntüler, web sayfalarını ziyaretçiler için daha çekici hale getirmede önemli bir rol oynar.
Muhtemelen blog gönderilerinizi, ürün sayfalarınızı vb. geliştirmek için doğru resimleri seçmek için çok zaman harcıyorsunuzdur.
Ancak resimlerinizi arama motorları için optimize etmek için eşit miktarda zaman harcıyor musunuz?
Görsel SEO söz konusu olduğunda, web'de bulabileceğiniz en yaygın ipucu alternatif metninizi doldurmaktır. Bu kadar. Başka bir şey yok gibi görünüyor.
Keşke bu kadar basit olsaydı!
Web siteniz görsel içeriğe dayanıyorsa, sitenizdeki görüntüleri optimize etmek için biraz zaman harcamanız gerekir. Sadece daha fazla organik trafik elde etmenize yardımcı olmakla kalmayacak, aynı zamanda kullanıcılarınıza daha iyi bir deneyim sağlayacaktır.
Resimlerinizin genel SEO'sunu iyileştirmek, daha hızlı bir web sitesi, daha zengin bir kullanıcı deneyimi ve hatta makalelerinizi "iyi"den "harika"ya dönüştürebilir.
Bu makalede, daha fazla organik trafik elde etmenize yardımcı olacak 7 görüntü SEO ipucunu ortaya çıkaracağız.
İçindekiler
- Arama Trafiğinizi Büyütmek için 7 Görsel SEO İpucu
- 1. Görüntüler için Açıklayıcı Dosya Adları Ekle
- 2. En İyi Dosya Biçimini Seçin
- 3. Resimlerinizi Sıkıştırın
- 4. Görseller için Alternatif Metin Sağlayın
- 5. Resimlerinizi Lazy Yükleyin
- 6. Tarayıcı Önbelleğe Almayı Etkinleştir
- 7. Resimlerinizi Yeniden Boyutlandırın
- Son Düşünceler
Arama Trafiğinizi Büyütmek için 7 Görsel SEO İpucu
1. Görüntüler için Açıklayıcı Dosya Adları Ekle
Google'ın makine öğrenimi yeteneklerindeki ilerlemelerle birlikte, görüntüler için açıklayıcı dosya adları kullanmanın artık gerekli olmadığı iddia edilebilir.Bu iyi bir nokta. Google'ın görüntü tanımlama için makine öğrenimi aracı olan Google'ın Cloud Vision API'sini deneyin.
Web'den birkaç rastgele görüntü seçin, dosya adlarındaki açıklayıcı metni kaldırın ve ardından Google'ın çoğu resmi tahmin ettiği doğruluğu görmek için bu görüntüleri yükleyin. Ama buradaki anahtar bu. Çoğu görüntü - tüm görüntüler değil.
Örneğin, Cloud Vision API, aşağıdaki fotoğrafın %99 doğrulukla bir kaplanın fotoğrafı olduğunu söyleyebilir:
Ancak bir girişimde ekip çalışmasını sergileyen bir stok resmi yüklediğimde, sonuçlar karışıktı:
Beni yanlış anlama. Google'ın Cloud Vision API'si inanılmaz derecede verimli bir araçtır ve Google'ın bu cephede son on yılda ne kadar ilerleme kaydettiğini göstermektedir. Ama mükemmel değil.
Bu nedenle, arama motorlarının yüklediğimiz resimleri anladığından emin olmak için elimizden gelen her şeyi yapmak bize kalmış. Ve bunu yapmanın bir yolu, resimleriniz için açıklayıcı dosya adları kullanmaktır.
2. En İyi Dosya Biçimini Seçin
Sayfa yükleme süresi hem masaüstünde hem de mobilde kritik bir SEO faktörüdür. Ve görüntüler genellikle sayfa yükleme süresine en çok katkıda bulunur.Google'a göre:
Görüntüler genellikle genel sayfa boyutuna en büyük katkıda bulunandır, bu da sayfaların yüklenmesini yavaş ve pahalı hale getirebilir.
Görüntüleri hız için optimize ederken, en iyi sıkıştırmayı ve kalitede en az azalmayı sunan bir format seçmeniz gerekir.
Web'deki çoğu görüntü iki dosya türüne girer: JPEG ve PNG. GIF ve daha yakın zamanda WebP gibi başka dosya formatları da vardır, ancak bunlar önceki iki format kadar yaygın olarak kullanılmamaktadır.
Hem JPEG hem de PNG görüntü formatı farklı sıkıştırma teknikleri kullanır ve bu nedenle bu iki format arasındaki dosya boyutları önemli ölçüde farklı olabilir.
Yukarıda görebileceğiniz gibi, JPEG görüntüsü açık bir şekilde kazanandır. Bu görüntülerin her ikisi de sıkıştırılmıştır, ancak JPEG çok daha küçük bir dosya boyutuna sahiptir. Ayrıca, bu görüntülerin kalitesi arasında çok az fark vardır. Bu, JPEG'in tüm görüntüler için tercih ettiğimiz dosya formatı olması gerektiği anlamına mı geliyor? Tam olarak değil.
JPEG'ler fotoğraflar için harikadır, ancak görüntüler metin, çizgi çizimleri vb. içerdiğinde PNG'leri tercih etmelisiniz. Digital Inspiration'ın bu illüstrasyonu, bunun en zorlayıcı kanıtını sunuyor:
Linkleri görebilmek için Turkmmo Forumuna ÜYE olmanız gerekmektedir.
gibi çevrimiçi bir tasarım aracı kullanıyorsanız, grafiklerinizi PNG veya JPEG formatlarında indirebilirsiniz.Sadece şunu hatırla:
- Fotoğraflar için JPEG'i tercih edin
- Metin içeren resimler için PNG ile gidin
- PNG'den JPG'ye
- JPG'den PNG'ye
İlgili: WordPress için En İyi 19 SEO Eklentisi
3. Resimlerinizi Sıkıştırın
Şimdi bu, görsellerinizi SEO için optimize etmek için gerçekten önemli bir adımdır. Görüntü dosya boyutunuz ne kadar büyük olursa, web sayfasının yüklenmesi o kadar uzun sürer.Site hızı önemli bir sıralama faktörüdür ve bu nedenle web sitemizin hızını ve performansını optimize etmek için elimizden gelenin en iyisini yapmamız gerekir.
Büyük görüntü dosyası boyutları, hız sorunlarının başlıca nedenleri arasındadır. Neyse ki, web'de resimlerinizin dosya boyutunu sıkıştırmanıza yardımcı olabilecek birkaç ücretsiz araç var.
Seçtiğiniz görüntü biçimi ne olursa olsun, kaliteden ödün vermeden görüntülerin dosya boyutunu azaltabilirsiniz.
Bunu göz önünde bulundurarak, işte aynı görüntü JPEG formatında, ancak iki farklı dosya boyutunda:
İkinci görüntü çok daha küçüktür, ancak bu görüntülerin kalitesi açısından çok az fark vardır.
Google'ın Web Geliştirici Blogu'nda şirket, web için görüntüleri optimize etmenin önemini vurguluyor:
Görüntüler genellikle bir web sayfasında indirilen baytların çoğunu oluşturur ve ayrıca genellikle önemli miktarda görsel alan kaplar. Sonuç olarak, görüntüleri optimize etmek genellikle web siteniz için en büyük bayt tasarrufları ve performans iyileştirmelerinden bazılarını sağlayabilir.
Bu amaçla, işte Google'ın görüntü sıkıştırma konusunda verdiği tavsiyeler:
En iyi sonuçlar için, resimleriniz için çeşitli kalite ayarlarını deneyin ve kaliteyi düşürmekten korkmayın - görsel sonuçlar genellikle çok iyidir ve dosya boyutu tasarrufları oldukça büyük olabilir.
Artık görüntü sıkıştırmalarının önemini bildiğinize göre, bu görevi kolaylıkla yerine getirmenize yardımcı olabilecek en iyi görüntü sıkıştırma araçlarından bazılarına bir göz atalım.
- TinyPNG: Bu, görüntüleri PNG formatında sıkıştırmak için şiddetle tavsiye edeceğim araçtır. TinyPNG, PNG dosyalarınızın dosya boyutunu küçültmek için akıllı kayıplı sıkıştırma teknikleri kullanır. Peki ya JPEG dosyaları? TinyPNG bu konuda en verimli değildir. JPEG dosyalarını sıkıştırmak için bir sonraki aracı tavsiye ederim.
- ImageOptim: Mac kullanıcısıysanız, bu görüntü sıkıştırma için sahip olunması gereken bir araçtır. Bu, Google tarafından da önerilen araçtır. ImageOptim, JPEG'leri sıkıştırmak için açık ara en iyi araçtır, ancak PNG'ler için değil. PNG'leri sıkıştırmak için TinyPNG'yi kullanmanız daha iyi olur.
- ShortPixel: Web sitenizi WordPress'te çalıştırıyorsanız, ShortPixel WordPress eklentisini indirebilirsiniz. Ücretsiz plan, ayda 100 görüntü sıkıştırmanıza olanak tanır.
4. Görseller için Alternatif Metin Sağlayın
Alt öznitelikleri olarak da bilinen Alt metin (alternatif metin), bir görüntüyü tanımlamak için kullanılır. Görüntülere alternatif metin eklemek, web erişilebilirliğini artırır ve tarayıcıların sitenizdeki görüntüleri daha iyi anlamalarına yardımcı olur. Görüntüleri yüklerken bir sorun varsa tarayıcılar alt metni görüntüler.Google'ın görüntüleri anlama yeteneklerindeki ilerlemelere rağmen, görüntülere alternatif metin eklemek hala önemli bir sayfa içi SEO faktörüdür.
İşte Google'ın bir alternatif metnin nasıl etkili bir şekilde yazılacağına dair tavsiyesi:
Alternatif metin seçerken, anahtar kelimeleri uygun şekilde kullanan ve sayfanın içeriği bağlamında olan yararlı, bilgi açısından zengin içerik oluşturmaya odaklanın. Olumsuz bir kullanıcı deneyimi ile sonuçlandığı ve sitenizin spam olarak görülmesine neden olabileceği için alt öznitelikleri anahtar kelimelerle (anahtar kelime doldurma) doldurmaktan kaçının.
Google Görsel En İyi Uygulamaları, kötü alt öznitelikleri iyi olanlardan karşılaştırmak için aşağıdaki örnekleri de sağlar.
- Kötü (alt metin eksik): <img src="puppy.jpg" alt=""/>
- Kötü (anahtar kelime doldurma): <img src="puppy.jpg" alt="yavru köpek bebek köpek yavru köpek yavru köpek yavru köpek yavru köpek yavru köpek yavru köpek retriever labrador wolfhound setter pointer köpek yavrusu jack russell terrier köpek maması ucuz köpek maması köpek maması"/>
- Daha iyi: <img src="puppy.jpg" alt="puppy"/>
- En iyi: <img src="puppy.jpg" alt="Dalmaçyalı köpek yavrusu fetch oynuyor"/>
5. Resimlerinizi Lazy-Yükleyin
Tembel yükleme, sayfa yükleme sırasında kritik olmayan kaynakların (görüntüler, videolar vb.) yüklenmesini erteleyen bir tekniktir. Bunun yerine, bu kritik olmayan kaynaklar yalnızca ziyaretçilerinizin ihtiyaç duyduğunda yüklenir.Google, tembel yüklemenin faydasını şu şekilde açıklıyor:
Görüntü ve video yüklediğimizde, ilk sayfa yükleme süresini, ilk sayfa ağırlığını ve sistem kaynağı kullanımını azaltırız, bunların hepsi performans üzerinde olumlu etkileri vardır.
Tembel yükleme örneği, görüntü tembel yüklemesini çalışırken göstermek için yayın platformu Medium'u kullanan Google'ın Web Temelleri'nde bulunabilir.
Yukarıda görebileceğiniz gibi, sayfa yüklemesinde (solda) bir yer tutucu görüntü gösterilir ve görünüm alanına kaydırıldığında, tam görüntü gerektiğinde yüklenir.
Bir WordPress kullanıcısıysanız, ücretsiz a3 Lazy Load eklentisini kullanarak resimlerinizi tembel yükleyebilirsiniz. Bu, şu anda blogumda resimleri tembel yüklemek için kullandığım eklenti.
6. Tarayıcı Önbelleğe Almayı Etkinleştir
Tarayıcı önbelleğe alma, sitenizdeki daha büyük dosyalardan bazılarını (görüntüler dahil) kullanıcının web tarayıcısında yerel olarak depolayarak sitenizi hızlandırmaya yardımcı olabilir.Bir tarayıcı bir web sayfası her yüklediğinde, tüm HTML, JavaScript, CSS ve resimler de dahil olmak üzere web sayfasını düzgün bir şekilde görüntülemek için tüm web dosyalarını indirmesi gerekir.
Bazı sayfalar birkaç dosya içerebilir ve küçük boyutlu olabilirken, diğerleri birçok dosyadan oluşabilir ve boyutu büyük olabilir. Bu daha büyük dosyaların yüklenmesi uzun sürebilir ve her dosya sunucuya ayrı bir istekte bulunarak sayfa hızını daha da azaltır.
Bu büyük dosyaların bazıları ziyaretçilerinizin tarayıcılarında saklandığı için tarayıcı önbelleğe almanın yardımcı olabileceği yer burasıdır. İdeal olarak, sitenizin çok daha hızlı yüklenmesini sağladığı için onları orada tutmak istersiniz. Ancak web sitenizi sık sık güncelleyeceğiniz için onları sonsuza kadar orada tutmak istemezsiniz. Google, statik varlıklar veya nadiren değişen varlıklar için minimum bir haftalık ve tercihen bir yıla kadar önbellek süresi önerir.
Google, HTTP önbelleğe almanın önemini şu şekilde açıklıyor:
Ağ üzerinden bir şeyler almak hem yavaş hem de pahalıdır. Büyük yanıtlar, istemci ve sunucu arasında birçok gidiş-dönüş gerektirir, bu da ne zaman kullanılabilir olduklarını ve tarayıcının bunları ne zaman işleyebileceğini geciktirir ve ayrıca ziyaretçi için veri maliyetlerine neden olur. Sonuç olarak, daha önce alınan kaynakları önbelleğe alma ve yeniden kullanma yeteneği, performans için optimizasyonun kritik bir yönüdür.
İşte Google'dan, sitenizin kullandığı belirli bir kaynak veya bir kaynak kümesi için en uygun önbellekleme politikasını belirlemenize yardımcı olacak yararlı bir karar ağacı.
Bir WordPress kullanıcısıysanız, çözüm oldukça basittir. Aşağıdaki bu ücretsiz önbellekleme eklentilerinden herhangi birini indirin ve ayarlarda tarayıcı önbelleğe almayı etkinleştirin:
- W3 Toplam Önbellek
- WP Süper Önbellek
- WP En Hızlı Önbellek
7. Resimlerinizi Yeniden Boyutlandırın
Sayfa yükleme süresi önemli bir SEO bileşenidir. Görüntülerin, bir web sayfasının ne kadar hızlı veya yavaş yüklendiği üzerinde önemli bir etkisi olabilir.Görüntüleri site boyutlarınıza yeniden boyutlandırmanın site performansını iyileştirmeye nasıl yardımcı olabileceği aşağıda olabilir:
Diyelim ki içerik alanınızın maksimum genişliği 600 piksel ve 5000 piksel genişliğinde bir resim yüklüyorsunuz. Tarayıcı, görüntüyü ekrana sığdırmak için yeniden boyutlandıracaktır. Bununla birlikte, tarayıcının yine de tüm görüntü boyutunu yüklemesi gerekiyor. Bu, sitenizin hızını gerçekten etkileyebilir.
Bu nedenle, resim eklerken, asla site boyutlarınızdan daha geniş görüntülenmemeleri en iyisidir.
Çözüm, resimlerinizi site boyutlarınıza uygun olarak yeniden boyutlandırmaktır. Bu süreci şu şekilde gerçekleştirebilirsiniz:
- Chrome tarayıcısını kullanarak sitenizdeki içerik alanının genişliğini bulun. İçerik alanınızın herhangi bir yerine sağ tıklayın ve 'İncele'yi seçin.
- Tarayıcınızın yan tarafında görünen yeni pencerede, içerik alanının vurgulandığını görene kadar imlecinizi kod içinde hareket ettirin.
- Vurgulanan içerik alanının üst kısmındaki araç ipucunu kontrol edin. İlk sayı genişliktir.
- Resimlerinizi yeniden boyutlandırmak için ücretsiz SmartResize aracını kullanın. Bu araç ayrıca, dosya adlarınızı sağlam tutarken resimlerinizi toplu olarak yüklemenize olanak tanır.
Son Düşünceler
Google'ın makine öğrenimi yetenekleri her geçen gün gelişiyor. Artık görüntü SEO'sunu düşünmenize gerek olmadığı bir gün gelebilir. Ancak o gün gelene kadar, arama motoru sonuçlarında öne çıkmalarına yardımcı olmak için görüntüleri elimizden geldiğince optimize etmemiz gerekiyor.Bir dahaki sefere sitenize resim yüklerken bu 7 optimizasyon ipucunu aklınızda bulundurun. Aynı zamanda, kullandığınız görsellerin sitenizdeki ziyaretçilerin kullanıcı deneyimini geliştirmesi ve görsel olarak daha çekici hale getirmek için metni tamamlaması gerektiğini unutmayın. Bu amaçla, yalnızca yüksek kaliteli stok fotoğrafları seçin ve estetik açıdan hoş grafikler oluşturmak için tasarım becerilerinizi geliştirin.
