Daha İyi Arama Motoru Sıralaması için Görüntüleri Optimize Etmek İçin 8 İpucu


İster bir fotoğraf, ister bir infografik veya bir illüstrasyon olsun, sitenize resim eklemek, okuyucunun deneyimini geliştirmenin güçlü bir yoludur. Beynimiz görselleri metinden çok daha hızlı işler, bu da resim içeren makalelerin neden olmayanlara göre %94 daha fazla görüntülendiğini açıklayabilir.

İçeriğiniz için uygun grafiklerin kullanılması, okuyucuların ilgisini çekmenize, ürün satmanıza ve çok daha fazlasına yardımcı olabilir. En önemlisi, konu Arama Motoru Optimizasyonu (SEO) olduğunda kesinlikle önemli olan ziyaretçilerinizin genel deneyimini iyileştirebilirler. Görseller bu kadar önemli site öğeleri olduğundan, onları doğru şekilde almanız zorunludur.

Bu yazıda, daha iyi bir arama motoru sıralaması için görselleri optimize etmenize yardımcı olacak sekiz pratik ipucu sunacağız. Başlayalım!

1. Doğru Görselleri Bulun ve Kullanın

Basitçe söylemek gerekirse, kullandığınız görsellerin konuyla alakalı olması önemlidir. Çevreleyen içeriğin bağlamına uymayan görüntüler, karışık bir mesaj gönderiyor olarak algılanabilir. Tersine, ilgili metnin yanına yerleştirilen görseller, sıralamanıza yardımcı olmalıdır. Dekoratif görseller eklemek cazip gelebilir ancak konu ile alakalı değilse SEO değeri katma fırsatı sunmazlar.

Örneğin, bu Jane Friedman blog gönderisinde kullanılan öne çıkan görsele bakmak güzel ama gönderi konusuyla doğrudan ilgili değil:

Uygunsuz bir öne çıkan görsel örneği.

Doğru görüntüyü bulmak söz konusu olduğunda, çok fazla seçeneğiniz var. Görüntüleri kaynaklamak için bazı popüler seçenekler şunlardır:

  • Orijinal fotoğraflar: Yüksek kaliteli bir görüntü çekmek için kameranızı veya akıllı telefonunuzu kullanabilirsiniz. Ücretsizdir ve tamamen yasaldır!
  • Stok görseller: Pixabay veya Unsplash gibi siteler ücretsiz CC0 lisanslı görseller sunar veya alternatif olarak Shutterstock veya iStock gibi premium bir site, aralarından seçim yapabileceğiniz binlerce stok görsel sunar.
  • GIF'ler: Grafik Değişim Biçimi (GIF) görüntüleri genellikle kısa animasyonlu klipler için kullanılır ve içeriğinize ilgi veya öğreticilere derinlik katabilir. GIPHY, ihtiyaçlarınıza uygun çok sayıda mevcut GIF'e sahiptir ve ayrıca kendi GIF'lerinizi oluşturmak için bir uygulama sunar. Alternatifler ScreenToGif ve GIFMaker'dır.
  • Tasarım araçları: Kendi resimlerinizi oluşturmak istiyorsanız Canva, Stencil ve PicMonkey gibi siteler mükemmel alternatifler olabilir. Görüntüleri uyarlamak, illüstrasyonlar oluşturmak, metin bindirmeleri ile oynamak ve daha fazlası için birçok seçenek sunarlar.

Sonuç olarak, makaleniz için doğru görselleri seçmek, görsel optimizasyon sürecini çok daha kolay hale getirecektir. Bir sonraki ipucumuza bir göz atalım – doğru anahtar kelimeleri kullanma.

2. Görüntü Dosya Adında Anahtar Kelimeleri Kullanın

Arama motorlarının görselleri göremediği göz önüne alındığında, bir görselin ne içerdiğini anlamak için açıklayıcı metne ihtiyaç duyarlar. Kameralar, hazır görüntü web siteleri ve diğer görüntü kaynakları, genellikle, arama motorlarının görüntünün şifresini çözmesine yardımcı olmayan varsayılan genel dosya adlarını uygular. Bu nedenle, eklemek istediğiniz her resmi her zaman yeniden adlandırmak önemlidir.

Örneğin, bir arama motoru, durumun böyle olduğunu gösteren bir dosya adına sahip olmadığı sürece, bir aslanın bu görüntüsünü deşifre edemez:

Sol tarafına bakarak başı yukarıda yatan bir aslan

Görüntü Matt Porter Wildlife / Shutterstock.com

Tabii ki, DSC987 uygunsuz olurdu, oysa aslan , özellikle de optimize ettiğiniz bir anahtar kelimeyse , iyi çalışırdı .

Dosya adı, arama motorlarına görüntünün ne içerdiğine dair bir gösterge verir ve aynı zamanda ilgili anahtar kelimeleri kullanma fırsatı sunar. Konunuza uygun görseller seçtiyseniz, dosya adlarına anahtar kelimeler eklemek mantıklı olacaktır. Ancak, uygun bir dosya adı seçerken dikkate almak bazı şeyler vardır – en önemlisi her iki kullanıcıları için okunabilir ve arama motorları yapım.

İlgili bir konuya geçelim – 'alt' metin.

3. Resminizin 'Alt' metnini optimize edin

Alternatif metin (veya alternatif) metin, dosya adını optimize etmekten bir adım daha ileri giderek, konunun bir açıklamasını ve görüntünün sayfayla alaka düzeyini sunar. Arama motorları tarafından resim dosyasının içeriğini belirlemek ve bir arama sorgusuna yanıt olarak hangi resimlerin sunulmaya en uygun olduğuna karar vermek için kullanılır.

Örneğin, aşağıdaki resmi alın. Buradaki uygun alternatif metin "Mavi koltukta uyuyan gri bir kedi" olabilir:

Mavi bir kanepede uyuyan bir kedi.

Resim AC Manley / Shutterstock.com tarafından

Alternatif metin, görüntünün kendisinin görülemediği durumlarda da kullanılır. Bu, ekran okuyucu kullanıcıları veya belirli görüntüleri görüntüleyemeyen düşük bant genişliği bağlantılarına sahip kişiler için geçerli olabilir. Bir resim görünmüyorsa, şöyle bir şey görebilirsiniz:

alt metin

Dosya adlarında olduğu gibi, uygun görseller seçtiyseniz, alternatif metninizi de optimize etmek mantıklı olacaktır. Ancak, anahtar kelime doldurmanın tehlikelerini akılda tutmaya değer. Genel olarak konuşursak, alternatif metin için içeriğinizin geri kalanı için aynı kurallar geçerli olmalıdır – zorlama veya doğal olmayan ses yerine dilbilgisi açısından doğru ve tutarlı bir şekilde akmalıdır.

WordPress'e alternatif metin eklemek basittir. Medya Kitaplığınıza gidin, resminizi seçin, Alternatif Metin bölümüne açıklamanızı girin ve ardından Kaydet'i tıklayın :

Altyazı ve Alternatif Metin kutuları.

Ancak, görselinizi bir gönderiye zaten eklediyseniz, görseli tıklayıp Kalemi düzenle simgesini seçip Alternatif Metin bölümüne açıklamanızı girebilirsiniz:

Görüntü Ayrıntıları ekranı

Bu ekranların her ikisinde de bir başlık ekleme seçeneğiniz olduğunu fark edeceksiniz – bundan sonra bahsedeceğiz.

4. Altyazıları Doğru Kullanın

Altyazılar, bir görüntünün karşılık gelen metne daha fazla bağlam eklemesine yardımcı olur ve metnin ana gövdesinden ayrıdır. Aşağıdaki resmi çekin:

Bir gün batımının önünde palmiye ağacı siluetleri

Altyazınızın normalde gideceği yer burası! (Grop / Shutterstock.com tarafından sağlanan resim)

İnsanlar sayfayı tararken alt yazıları okuma eğilimindeler ve ortalama olarak gövde kopyasının kendisinden %300 daha fazla okunuyorlar. Bununla birlikte, özellikle çevreleyen metniniz onu doğru bir şekilde tanımlıyorsa, her görüntünün bir altyazıya ihtiyacı yoktur.

Ek olarak, altyazıların bir SEO avantajı daha vardır – arama motorları, alakalı içeriğe yakın olan görselleri tercih eder. Dosya adlarında ve alternatif metinde olduğu gibi, başlıklara anahtar kelimeler eklemek bu konuda yardımcı olabilir.

Alt metin eklemede olduğu gibi, altyazılar Medya Kitaplığı aracılığıyla veya gönderinizdeki veya sayfanızdaki Düzenle kalemi simgesinden eklenebilir.

5. Doğru Görüntü Dosyası Türünü Kullanın

Farklı görüntü dosyası türleri, farklı kullanımlar için uygundur. GIF'lerden daha önce bahsetmiştik, ancak iki popüler format daha var:

  1. Ortak Fotoğraf Uzmanları Grubu (JPEG).
  2. Taşınabilir Ağ Grafikleri (PNG).

JPEG'ler, PNG'ler ve GIF'ler arasındaki en büyük farklardan biri boyutları ve karşılık gelen kaliteleridir. Bu, dosya boyutunun sayfa yükleme sürelerini nasıl etkilediği açısından SEO için önemlidir. Sırayla her birine daha derin bir göz atalım.

İlk olarak, JPEG dosyaları kalite kaybı olmadan sıkıştırılabilir, bu nedenle genellikle karmaşık görüntüleri ve fotoğrafları küçük dosya boyutlarında depolamak için kullanılırlar. Birden kazandırır ve düzenlemeler ile Fakat JPEG dosyaları kaybetmek kalitesini yapmak.

Mavi gökyüzü ve biraz beyaz bulutlu bir okyanus ve dağ sahnesi

Bir JPEG görüntüsü örneği (Resim xbrchx / Shutterstock.com)

Öte yandan PNG dosyaları, birden fazla kaydetme ile kaliteyi düşürmez. Genellikle çok büyük PNG dosyalarıyla karşılaşırsınız, ancak bunlar çok küçük sıkıştırılabilir. Dekoratif görseller ve logolar gibi metinler içeren görseller için uygundurlar:

"Girin, açığız" yazan kırmızı bir işaret

Son olarak, GIF'lerin dosya boyutları küçüktür, kalite bozulmaz, ancak PNG'ler veya JPEG'ler kadar çok rengi desteklemez. Simgeler, metinler veya çizimler için kullanılabilirler, ancak çoğunlukla küçük boyutlu animasyonlar sunmanın bir yolu olarak bilinirler:

ScreenToGif İndir düğmesinin tıklandığını gösteren bir GIF

Bazen, ihtiyaçlarınıza bağlı olarak resminizi farklı bir biçime dönüştürmeniz gerekebilir. Bu amaçla, Çevrimiçi Dönüştürme, Resmimi Dönüştür ve CoolUtils gibi size yardımcı olacak birçok araç bulunmaktadır.

6. Resmin Dosya Boyutunu Küçültün

Görüntü dosyası boyutları, içinde depolanan bilgi miktarı nedeniyle genellikle olması gerekenden çok daha büyüktür. Dosya boyutunu küçültmek, sayfa yükleme sürenizi azaltır, bu da (daha önce öğrendiğimiz gibi) SEO için iyidir. Ayrıca, sunucunuzda daha az depolama alanı kaplamanın yanı sıra size biraz bant genişliği kazandıracaktır. Dahası, görüntü kalitesi üzerinde genellikle fark edilmeyen bir etki vardır.

Örneğin, aşağıdaki resim 621k boyutundadır:

Uyuyan bir köpek yavrusu

Milles Studio'nun fotoğrafı / Shutterstock.com

Ancak, CompressJPEG gibi bir çevrimiçi dönüştürücü kullanarak görüntüyü sıkıştırdığınızda, dosya boyutu ihmal edilebilir bir kalite kaybıyla 73 kB'ye düşer:

Uyuyan bir köpek yavrusu

Milles Studio'nun fotoğrafı / Shutterstock.com

Dosya boyutunun %88 oranında küçültüldüğü göz önüne alındığında oldukça iyi görünüyor!

Görüntü dosyanızın boyutunu küçültmenize yardımcı olacak birçok çevrimiçi araç vardır. Bazı popüler olanlar Image Optimizer, Microsoft Office, TinyPNG ve Reduce Images Online'dır. Bununla birlikte, WordPress'in de bir dizi eklenti seçeneği vardır.

Gerçek optimizasyon sürecine gelince, sizi yönlendirmek yerine, kapsamlı kılavuzumuz bu konuda bilmeniz gereken hemen hemen her şeyi size anlatacaktır.

7. Resminizi Yeniden Boyutlandırın

Çevrimiçi araçlar veya eklentiler aracılığıyla görüntü dosyanızın boyutunu küçültmenin yanı sıra, görüntünüzü yeniden boyutlandırarak da küçültebilirsiniz. Bu, resminizin genişliğini ve yüksekliğini azaltır, dosya boyutunu azaltır ve sayfa yükleme sürelerini yeniden iyileştirir. Ancak, bazı dosya biçimleri (PNG dosyaları gibi) yeniden boyutlandırmaya iyi yanıt vermez, bu nedenle yeniden boyutlandırmadan önce görüntüyü dönüştürmek isteyebilirsiniz.

Doğru formatta bir görüntünüz olduğunda, Adobe Photoshop veya Microsoft Paint gibi araçlar aracılığıyla WordPress'e yüklenmeden önce yeniden boyutlandırılabilir veya bunu WordPress'in kendisinde yapabilirsiniz.

WordPress içinde yeniden boyutlandırmak için, Ortam Kitaplığınızdaki görüntüyü açın, Görüntüyü Düzenle düğmesini seçin ve ortaya çıkan ekranda Görüntüyü Ölçekle bölümünün altındaki görüntü boyutlarını ayarlayın:

Yeni boyutlar bölümünün vurgulandığı Resmi Düzenle ekranının bir kısmı

Resimleriniz gönderinize zaten eklenmişse, bunları Kalem Düzenle simgesi aracılığıyla erişerek yeniden boyutlandırabilirsiniz. Ancak, bunun dosya boyutunu küçültmediğini unutmayın – bu nedenle ana hatlarıyla belirttiğimiz kazanımların hiçbirini sağlamaz.

8. Resim Site Haritaları Oluşturun

Site haritaları, arama motorlarına web sitenizin yapısı hakkında daha fazla bilgi verir. Genellikle web sayfalarınızın bir listesini, nasıl düzenlendiklerini ve bu sayfalarla ilişkili meta verileri içerirler. Google ayrıca site haritanıza uzantılar ekleme fırsatı sunarak sitenizdeki videolar, resimler ve haber içeriği hakkında bilgi eklemenize olanak tanır. Bir resim site haritası uzantısı şöyle görünebilir:

Kod parçacığı kaynağı: https://support.google.com/webmasters/answer/178636?hl=tr&ref_topic=6080646

SEO söz konusu olduğunda, görsel site haritaları, Google'a hangi görsellerin taranmasını ve dizine eklenmesini istediğinizi belirtmenize yardımcı olabilir. Site haritaları ayrıca arama motorlarının başka türlü bulamayacağı görselleri keşfetmesine yardımcı olabilir – ancak bu bölümdeki tavsiyemizi takip ederek bu amaçla hiçbir sorun yaşamayacaksınız!

Henüz bir resim site haritanız yoksa, Google kendi site haritanızı oluşturmak için talimatlar sağlar ve konuyu geçmişte de inceledik.

Optimize Edilmiş Görüntülerinizi Divi'de Kullanma

Optimize edilmiş görsellerinizi WordPress'e yükledikten sonra, herhangi bir gönderi veya sayfada kullanıma hazır hale gelirler. Divi kullanıcısıysanız, Görüntü modülünü kullanarak görüntü ekleyebilirsiniz. Sayfanızı veya yayınınızı oluştururken Divi Builder'ı Kullan düğmesini seçin. Buradan Sütun Ekle düğmesini seçin ve satır düzeninizi seçin:

Sütun Ekle düğmesinin vurgulandığı Divi Builder

Ardından, Modül Ekle'yi seçin, modül seçeneklerini aşağı kaydırın ve Görüntü'yü seçin :

Görüntü Modülü vurgulanmış olarak Modül Ekle ekranı

Ortaya çıkan ekranda, Bir Görsel Yükle düğmesine basın ve medya kitaplığından görselinizi seçin:

Bir Resim Yükle düğmesinin vurgulandığı Resim Modülü Ayarları ekranı

Genel Ayarlar Ekranından dilerseniz yeni bir alternatif metin ekleyebilir ve ayrıca görselin animasyonunu ve konumunu özelleştirmenin yanı sıra bir URL de ekleyebilirsiniz:

Genel Ayarlar ekranı

Gelişmiş Tasarım Ayarları sekmesinde, kenarlık ekleme ve maksimum genişlik ayarlama gibi seçeneklerle görüntünüzün görünümünü daha da özelleştirebilirsiniz:

Gelişmiş Tasarım Ayarları ekranı

Özetle Divi, optimize edilmiş görsellerinizi yayınınızın veya sayfanızın hemen her yerine yerleştirmenizi kolaylaştırır ve ayrıca yukarıda sunduğumuz adımları kaçırırsanız, görselinizi daha da optimize etmenize yardımcı olabilir.

Çözüm

Görseller, arama motoru sıralamanıza yardımcı olma veya engelleme potansiyeline sahiptir, ancak genellikle içerik yayınlarken sonradan düşünülür. Doğru görselleri seçmek, biçimlerini optimize etmek ve doğru açıklamalar eklemek, kullanıcı deneyiminizi geliştirmenize ve arama motoru sıralamanızı yükseltmenize yardımcı olabilir.

Bu makalede, görüntüleri etkili bir şekilde optimize etmenize yardımcı olacak sekiz ipucu sağladık. Bunları hızlıca tekrarlayalım:

  1. Doğru görselleri bulun ve kullanın.
  2. Görüntü dosya adında anahtar kelimeler kullanın.
  3. Resminizin alt metnini optimize edin.
  4. Altyazıları doğru kullanın.
  5. Doğru görüntü dosyası türünü kullanın.
  6. Resminizin dosya boyutunu küçültün.
  7. Resminizi yeniden boyutlandırın.
  8. Resim site haritaları oluşturun.

Görüntüleri optimize etmek için herhangi bir ipucunuz var mı? Aşağıdaki yorumlar bölümünde bize bildirin ve sohbeti takip edebilmek için abone olmayı unutmayın!

quka / Shutterstock.com tarafından makale küçük resim.

Copyright statement: Unless otherwise noted, this article is Collected from the Internet, please keep the source of the article when reprinting.

Check Also

Divi's Theme Builder ile Özel Global Başlık Nasıl Oluşturulur

Artık Tema Oluşturucu burada olduğuna göre, web sitenizi A'dan Z'ye kurmanıza yardımcı olacak yeni eğitimlere dalmak için sabırsızlanıyoruz. Buna Divi'nin yerleşik seçeneğini kullanarak özel başlıklar oluşturma da dahildir. Bu eğitimde Divi's Theme Builder'ı kullanarak global bir başlık oluşturmaya odaklanacağız. Bu sayfaya veya gönderiye farklı bir başlık atamadıysanız, web sitenizin her yerinde genel bir başlık görünecektir.

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir