Daha Fazla Organik Trafik Çekmek İçin En İyi 12 Görsel SEO Uygulaması

Web sitemiz için daha fazla organik trafik oluşturmaya gelince, anahtar kelimeler, içeriği optimize etme ve çeşitli sayfa içi SEO taktikleri üzerinde çalışmaya başlarız.

Ayrıca daha fazla geri bağlantı ve sosyal paylaşım almak gibi sayfa dışı SEO faktörleri üzerinde de çalışıyoruz.

Neden kendinizi tekrar tekrar aynı eski stratejilerle sınırlandırıyorsunuz?

Daha fazla organik trafik sağlamak için çok az kullanılan bir strateji, resimlerinizi arama motorları için optimize etmektir.

Doğru. Google görsel arama, web sitenize daha fazla ziyaretçi ve trafik çekmenize yardımcı olabilir!

Harika bir içerik parçası, metin ve görseller arasında doğru dengeyi kurduğunuz zamandır.

Metin gerekli olsa da, resimler de aynı derecede önemlidir. Aksi takdirde uzun ve sıkıcı bir metin parçasına çok ihtiyaç duyulan görsel yeteneği eklerler.

Buzzsumo tarafından yürütülen bir milyondan fazla makale üzerinde yapılan bir araştırmaya dayanarak, her 75-100 kelimede bir makaleye bir resim eklemenin, daha az resim içeren makalelere kıyasla paylaşım sayısının iki katına çıkmasına yardımcı olduğunu buldular. Bu kesinlikle web sitesinin trafiğini artırmaya yardımcı olur!

Metinsel içerik arıyorsanız, görsel içerik de aradığınızı tahmin ediyoruz. İşte burada Google görsel arama devreye giriyor.

Google'da yapılan bir arama, zaman zaman sonuçlar sayfasının hemen üstüne görseller atar. Google'daki arama sorgularının %27,3'ü için görseller döndürülür. (Moz, 2020).

Kısacası, görsel arama, web siteniz için kullanılmayan bir potansiyel trafik kaynağıdır ve görsel SEO stratejilerimizi de geliştirmemizin zamanı geldi. Henüz yapmadıysanız, işte bu!

Bu makale, görsel SEO ile ilgili bazı temel bilgileri, neden gerekli olduğunu ve görsel sıralamanızı etkileyen faktörleri ele alacaktır. Son olarak, kullanılmayan organik trafik kaynağını getirmek için resimlerinizi optimize etmeye yönelik bazı ipuçlarını ele alacağız.

Yani, başlamak için…

Görsel SEO Nedir?

Web sitenizin resimlerini arama motoru tarayıcıları için daha erişilebilir hale getirmek için optimize etme süreci, görsel SEO'dur.

Genellikle arama motorları, kullanıcılarına en alakalı ve doğru sonuçları sağlamak için web sitesi içeriğini tarar. Aynı algoritmalar görüntülerde de kullanılmaktadır.

Görsel SEO, trafikteki bu artış için web sitemizin ihtiyaç duyduğu oyunun kurallarını değiştiren strateji olabilir.

Sonuçta, Y kuşağının %62'si diğer herhangi bir arama türü yerine görsel aramayı seçiyor. (Kaynak: Business Wire)

İşte görsel aramayla ilgili birkaç ilginç gerçek,

• Google'daki arama sorgularının %30'undan fazlası için resimler döndürülür (Kaynak: Moz)
• Google Görsel Arama kullanıcılarının günlük sayfa görüntüleme sayısı 1 Milyardan fazla (Kaynak: Quora)

Yine de, bu potansiyel SEO stratejisini yeterince kullanmıyoruz!

Görsel SEO Neden Önemlidir?

Biraz daha ilginç gerçeklerle başlayalım,

• Beyin tarafından tüketilen bilgilerin %90'ı görseldir.
• Beyin görsel içeriği metinsel içerikten 60.000 kat daha hızlı işler
• %40'ı görsel içeriğe metinsel içeriğe göre daha iyi yanıt veriyor
• İnfografikleri dahil etmek, trafiği %12 oranında artırmaya yardımcı olur

(Kaynak: HubSpot)

Ekleyebileceğimiz daha birçok gerçek var. Tüm bunlar, metne görsellerin dahil edilmesinin genel web sitesi trafiğinizi artırdığı gibi basit bir gerçeği ortaya çıkarır.

Görseller SEO için çok önemlidir. Sayfalarınıza/yayınlarınıza görseller ekleyerek, ziyaretçilerinizin içeriğinizle ilgilenmesini, daha fazla etkileşim oluşturmasını ve muhtemelen içeriğinizin de paylaşılmasını sağlarsınız.

İçeriğinize harcanan zamanın artmasıyla, web sitenizin hemen çıkma oranını da düşürüyorsunuz. Hemen çıkma oranı nedir?

Hemen çıkma oranı, web sitenize/web sayfanıza giren ve hiçbir şey yapmadan ayrılan kişilerin yüzdesini ölçmek için kullanılır. Herhangi bir bağlantıya tıklamazlar, web sitenizin diğer sayfalarına gitmezler ve herhangi bir form doldurmazlar.

Basit bir ifadeyle, herhangi bir işlem gerçekleştirmeden web sitenizden 'sekerler'. Çeşitli nedenlerin yanı sıra, bu öncelikle bir ziyaretçinin ilgisini çekecek bir şey bulamadığında gerçekleşir.

Bir makale söz konusu olduğunda, ziyaretçi sayfada yalnızca sonsuz metin içeriği görmekten sıkılırsa ayrılabilir. Başka bir deyişle, kullanıcı deneyimini iyileştirmenin de iyi bir yolu.

Görselleriniz Google'da daha üst sıralarda yer almanıza ve daha fazla trafik almanıza yardımcı olabilir. Bununla birlikte, görüntü sıralamanızı etkileyen faktörleri de bilmek en iyisidir.

SEO Görsel Sıralamanızı Etkileyen Faktörler

Görsel sıralamanızı etkileyen faktörleri anlayarak başlıyoruz. Bunu netleştirdikten sonra, bir sonraki bölümde sıralamanızı iyileştirmeye yönelik ipuçlarını ele alıyoruz.

1. Resimleriniz bulunabilir mi?

Arama motorlarında bulunmazsanız, birçok potansiyel trafiği kaçırırsınız.

Arama motorları, web sitenizi taramak ve dizine eklemek için botlarını gönderir. Web sitesini tararken, botlar içeriğinizi, yani hem metin hem de resim dizine ekler.

Görsellerinizin arama motorları tarafından keşfedilmesini, taranmasını ve dizine eklenmesini sağlamalısınız.

XML site haritanıza resimler eklemek, arama motorlarının resimlerinizi keşfetmesini, taramasını ve dizine eklemesini kolaylaştırır.

Resimleri mevcut site haritasına dahil edebilir veya resimleri dahil etmek için özel bir XML site haritası oluşturabilirsiniz. Seçim nihayetinde sizin.

robots.txt dosyanızda, Googlebot-Image botunun resimlerinize erişmesini engellemediğinizden emin olun.

Diğer bir ipucu da sayfalarınızda noimageindex yönergesinin bulunmadığından emin olmaktır, yani sayfalarınızda aşağıdaki kod satırı olmamalıdır.

<meta name=”robotlar” content=”noimageindex”>

Bu kod satırına sahip olmak, arama motorlarına sayfadaki resimleri dizine eklememelerini söyler.

2. Etki Alanınız ve Sayfa Yetkiliniz Nedir?

Burada bir örnek verelim.

'wordpress' için arama yapın ve ilk birkaç sonucu kontrol edin.

Benzersiz ilk beş sonuç,

• WordPress.org
• Wikipedia.org
• iThemes.com

WordPress.org üç durumda yayınlanır.

WordPress.org'un (Etki Alanı Yetkilisi) DA ve (Sayfa Yetkilisi) PA'sının ne olduğu hakkında bir fikriniz var mı?

MOZ çubuğu, WordPress.org için PA'nın 100 ve DA'nın 98 olduğunu gösterir.

Wikipedia'ya gelince, PA ve DA sırasıyla 81 ve 94'tür.

DA ve PA nedir?

MOZ, bir alan adının veya sayfanın sahip olduğu yetkiyi gösteren alan adı yetkisi ve sayfa yetkisi gibi metrikleri geliştirmiştir. Bir sayfanın veya alanın kendi nişinde sahip olduğu alaka düzeyini ve baskınlığı gösterir.

En fazla 100 olmak üzere 1 ile 100 arasında değişen bir sayıdır. Sayı ne kadar yüksek olursa, bir web sitesinin arama sonuçları sayfasında daha üst sıralarda yer alması o kadar kolay olur.

İşleri basitleştirmek için, bir web sitesi popülerse ve belirli bir konuyla ilgili her şeyin başı ve sonu olarak görülüyorsa, birçok geri bağlantı ve sosyal paylaşım alır.

Bu, Google'a söz konusu sitenin yetkili bir site olduğunu söyler. Böylece, alan puanında bir artış elde edilir ve bu da sonunda sitenin daha üst sıralarda yer almasına yardımcı olur.

Konumuza dönecek olursak, görseliniz böylesine yetkili bir web sitesinde/web sayfasındaysa, doğal olarak bundan yararlanır.

3. Resminiz ve Sayfa İçeriğiniz Alakalı mı?

Sayfa içeriği ve resim el ele gider. Metin içeriğiyle kesinlikle ilgisi olmayan bir görsel eklemek, sıralamanıza hiç yardımcı olmaz.

Ve bunu neden söylüyoruz?

Google'ın Cloud Vision API'sine gidin.

Makine öğrenimindeki gelişmeler sayesinde Google, görüntünün neyle ilgili olduğunu anlamak için bir alt etiketi (bir görüntü için atadığınız alternatif metin) veya geçerli bir dosya adı gerektirmez.

Örneğin, kesinlikle alt etiketi veya başlığı olmayan 'Ekran Görüntüsü 2021-04-07 at 9.28.00' dosya adına sahip bir resim ekledik. Oluşturulan rapordan da görebileceğiniz gibi, Google Cloud'un Vision API'si bu görüntünün ne hakkında olduğunu size neredeyse söyleyebilir.

Bu nedenle, gönderinize bir sonraki görsel eklediğinizde, içeriğinizle alakalı bir görsel eklemeyi yeniden gözden geçirmeniz gerekebilir!

4. Web Sitenizin Görselleri Hızlı Yükleniyor mu?

Sayfa hızı önemli bir sıralama faktörüdür. Web sitenizin resimlerinin daha hızlı yüklenmesini sağlamak için daha fazla neden.

Doğru görüntü biçimini, doğru görüntü boyutunu seçmeyi ve görüntülerinizi sıkıştırmayı sağlamak için bazı ipuçları (bu makalenin ilerleyen bölümlerinde daha fazla ipucu ele alacağız).

5. Şema

Herhangi bir görüntüyü Schema kullanarak işaretlemek ister misiniz? Schema kullanarak arama motoru sonuç sayfasında öne çıkan snippet'i kazanmak ister misiniz?

Şema işaretlemesini kullanarak içeriğiniz için herhangi bir resmi işaretleyebilirsiniz. Bu, arama motorlarının bağlamını anlamasına ve ayrıca öne çıkan snippet konumunu kazanma şansına yardımcı olur.

Snippet'te yer alan görsellerle, yalnızca kalabalığın arasından sıyrılmakla kalmaz, aynı zamanda daha fazla tıklama alırsınız.

Bilmeniz Gereken SEO Görsel Optimizasyon İpuçları

Resim optimizasyonunuzu etkileyen faktörleri ele aldığımıza göre, şimdi resimlerinizi optimize etmek ve daha fazla trafik çekmek için bazı ipuçlarını ele alalım.

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

Sitenize resim eklemeden önce doğru dosya türünü seçtiğinizden emin olmak istersiniz.

Aralarından seçim yapabileceğiniz çeşitli görüntü biçimleri olsa da, PNG ve JPEG, web için en yaygın dosya türleridir.

PNG ile çok daha kaliteli görüntüler elde edersiniz, ancak daha büyük dosya boyutuyla gelir. JPEG ile ise kaliteyi ve dosya boyutunu doğru dengeyi sağlayacak şekilde ayarlayabilirsiniz.

İdeal olarak, logolar, ekran görüntüleri ve bilgisayar tarafından oluşturulan grafikler için fotoğraflar ve PNG gibi daha büyük ve daha görsel görüntüler kullanırken JPEG'leri kullanın.

JPG, GIF, PNG, ICO, SVG veya WebP kullanıyor olsanız da, her görüntü formatı, özellikle görüntü sıkıştırma söz konusu olduğunda, farklı özellikleriyle birlikte gelir. Bu nedenle, görüntü formatını hemen ön plana almak önemli bir husustur.

2. Resimlerinizi Sıkıştırın

Görsellerin bir web sayfasının toplam ağırlığının ortalama %25'ini oluşturduğunu biliyor muydunuz? (Kaynak: HTTP Arşivi)

Sayfa hızlarının site sıralamanızı belirlemede önemli bir faktör olduğu düşünüldüğünde, dosya boyutuna gereken önem verilmelidir. Hangi bayt azalırsa, kesinlikle nedene yardımcı olacaktır.

Resimleri sitenize yüklemeden önce sıkıştırın. Optimize edilmiş görüntüler oluşturmak için kullanabileceğiniz Photoshop gibi araçları kullanın. Ama ya bu tür görüntü düzenleme araçlarıyla çalışmaktan rahat değilseniz?

Ter yok! Tam da bu konuda size yardımcı olacak bir dizi araç var. Çevrimiçi araçlardan WordPress sitenize yükleyebileceğiniz eklentilere kadar, resimleri sıkıştırmak için kullanabileceğiniz bazı popüler araçları listeledik.

Bu eklentiler dosya boyutunu küçültür ve bunu resimlerinizin kalitesinden ödün vermeden yapar. Sadece görüntülerin sıkıştırılmasının sunucularında harici olarak yapıldığından emin olun. Bu şekilde sitenizin yüklenme süresini etkilemez.

MinikPNG

PNG ve JPEG dosyalarınızı sıkıştırmak için başka bir araç. Bu sefer, görüntüleri çevrimiçi olarak sıkıştırıyorsunuz. WordPress sitenize yükleme konusunda endişelenmenize gerek yok.

TinyPNG, resimlerinizi çevrimiçi olarak sıkıştırmanıza olanak tanır. Bir seferde 20 resim sıkıştırmanıza izin verilir. Bir seferde 20'den fazla görüntüyü sıkıştırmak ister misiniz? Pro sürümü için içeri girin!

hayal et

Imagify, görüntüleri doğrudan WordPress kontrol panelinizden optimize etmenize olanak tanıyan en gelişmiş WordPress eklentisidir.

Tek bir tıklama ile kaliteden ödün vermeden çok daha hafif görüntüler elde edersiniz.

Etkinleştirildiğinde, tüm resimleriniz WordPress'e yüklendiğinde otomatik olarak optimize edilecektir.

Devam edin ve Imagify'ı ücretsiz deneyin.

KısaPiksel

ShortPixel, ücretsiz ve kullanımı kolay, hafif bir WordPress eklentisidir. Sadece kurun ve unutun. ShortPixel WordPress eklentisi ile tüm resimlerinizi ve PDF belgelerinizi tek bir tıklama ile sıkıştırabilirsiniz.

Yeni resimler, siz onları WordPress sitenize yükledikçe otomatik olarak sıkıştırılır ve optimize edilir.

ezmek

Smush, 1 Milyondan fazla aktif kuruluma sahip çok popüler bir WordPress eklentisidir.

Smush'u kullanarak resimlerinizi optimize edebilir, tembel yüklemeyi etkinleştirebilir, resimlerinizi yeniden boyutlandırabilir ve sıkıştırabilirsiniz, bunların hepsini WordPress panonuzdan yapabilirsiniz.

Diğer WordPress eklentilerinde olduğu gibi, resimler yüklendikten sonra sitenize yüklendiğinde otomatik olarak sıkıştırılır.

3. Doğru Görüntü Dosya Adını Oluşturun

Resim dosyanızın adı neye benziyor?

Daha önceki rastgele dosya adımızı hatırlayın – 'Ekran Görüntüsü 2021-04-07 at 9.28.00 am.png'? Buna ne kadar az bakarsak, o kadar iyi!

Doğru dosya adını oluşturmaya gelince, hedeflediğiniz anahtar kelimeyi o sayfaya eklemeniz şiddetle tavsiye edilir. SEO için harikadır.

Google'ın Cloud Vision API'si görüntünün arkasındaki bağlamı anlasa da, SEO dostu bir görüntü adı eklemek görüntünün konusunu Google'a gösterir.

Rastgele dosya adları (yukarıda kullandığımız gibi), Google'ın görüntünün ne hakkında olduğunu anlamasına yardımcı olmaz.

Bunun yerine, 'seo-course.png' gibi bir dosya adı gerçekten isabetli olur.

4. Benzersiz Görüntüler Yaratın

Tamam, daha hafif bir notla, birçok kurumsal web sitesinde ve danışmanlık firmasında ortak olan tek şey nedir?

Aynı yönetime ve onlar için çalışan insanlara sahipler. Nasıl geldiğini merak ediyor musun? Çünkü hepsi neredeyse aynı stok görsellerini kullanıyor!

Ve tahmin edin Google'ın kafası ne kadar karışacak.

Kalabalığın arasından sıyrılmak istiyorsanız, genel stok fotoğrafları yerine orijinal fotoğraflar ve görseller kullanın.

Stok fotoğraflar iyi bir şekilde optimize edilmiş olsa da orijinal, yüksek kaliteli bir görsel ile aynı etkiye veya SEO faydalarına sahip olmazlar.

Büyük resimlerin kullanılması, Google Keşfet'te öne çıkmasına da yardımcı olabilir.

5. SEO Dostu Alternatif Metin Kullanın

Aşağıda gösterildiği gibi, bir görüntünün üzerine geldiğinizde görünen açıklayıcı bir metin fark ettiniz mi?

Bu, ALT metni veya hatta alternatif metin olarak adlandırılır.

Görüntü herhangi bir nedenle yüklenmediğinde ne olur? Küçük bir görüntü ise, fark edilmeyebilir. Aksine sayfada çok yer kaplayan bir görsel ise ziyaretçilerinizin ilgisini çekmeyebilir.

ALT metni, geri dönüş planınızdır.

Görüntü herhangi bir nedenle yüklenemediğinde, yerine ALT metni görünür. Bozuk bir resme sahip olmak ideal olmasa da, Google bir ALT metni eklemeyi iyi bir sayfa SEO uygulaması olarak değerlendirir. Resim dosyasının içeriğini Google'a iletmeye yardımcı olur.

Resim yüklenmediğinde, sol üst köşede alt etiketi bulunan bir resim kutusu alacaksınız. Alt etiketinin görsele uyduğundan ve resmi alakalı hale getirdiğinden emin olun.

Bu nedenle, görüntüye bir sonraki ALT metni eklediğinizde, ilgili bir metin eklemek isteyeceksiniz.

İşte dikkate alabileceğiniz bir ipucu. ALT metni içindeki sayfa anahtar sözcüklerini kullanın.

Örneğin, yeni başlayanlar için bir SEO kursu tanıtıyorsanız, resim ALT metninin yalnızca bir 'SEO Kursu' olması gerekmez. Bunun yerine, 'Yeni Başlayanlar için SEO Kursu' olarak sahip olabilirsiniz.

Bu nedenle, ALT metnini böyle bir görüntüye eklemek yerine,

<img src=”seo-1.jpg” alt=”seo”/>

Çok daha iyi bir yöntem olurdu,

<img src=”seo-course.jpg” alt=” yeni başlayanlar için seo kursu ”/>

6. Sayfa Başlığınız ve Açıklamanız

Sayfa başlığınızın ve açıklamanızın görsel arama sonuçları sayfasında nasıl göründüğüne dikkat ettiniz mi?

Google Görseller, her sonucu en iyi şekilde açıklamak için bir başlık ve snippet oluşturur. Bu, ziyaretçilerin bir sonuca tıklayıp tıklamamaya karar vermelerine yardımcı olur.

Google bu bilgileri sayfa başlığınız, açıklamanız, meta etiketleriniz vb. gibi çeşitli kaynaklardan alır. Bu bilgileri sağlayarak ve Google'ın başlık ve snippet yönergelerini izleyerek, Google'ın sayfalarınız için görüntülenen başlık ve snippet kalitesini iyileştirmesine yardımcı olursunuz.

7. Görüntü Boyutlarını Tanımlayın

Bir web sayfasını ziyaret ettiğinizde, resimler yüklenirken sayfanın nasıl atladığına dikkat edin. Bu neden oluyor? Bunun nedeni, görüntünün genişliği ve yüksekliğinin belirtilmemiş olmasıdır.

Resmin genişliğini ve yüksekliğini belirlemek iyi bir uygulamadır. Tarayıcının görüntüyü boyutlandırmasına izin verir ve sayfanın yüklenirken atlamasını engeller. Sonunda çok daha iyi bir kullanıcı deneyimine yol açar.

Google'ın Önemli Web Verilerinin önemli bir sıralama faktörü haline gelebileceğini göz önünde bulundurarak, Kümülatif Düzen Kaymasını (CLS) önlemek için resim boyutlarını dahil etmeyi düşünmeniz gerekir.

CLS, bir sayfanın tüm kullanım ömrü boyunca meydana gelen tüm bireysel mizanpaj kaydırma puanlarının toplamını ölçmek için kullanılan bir ölçümdür. Ulaşmak için ideal bir CLS puanı 0,1 veya daha azdır.

Görüntü genişlik ve yükseklik özelliklerini dahil ettiğinizden emin olmak çok önemlidir. Örneğin, önceki örneğimize göre, aşağıdakilere sahip olmak uygun olsa da,

<img src=”seo-course.jpg” alt=”Yeni başlayanlar için SEO kursu”/>

İdeal yaklaşım aşağıdaki gibi olacaktır,

<img src=”seo-course.jpg” alt=”yeni başlayanlar için seo kursu” width=”100” height=”100” />

Bu, görüntü boyutunun 100 genişliğinde ve yüksekliğinde olduğunu düşünüyor.

Resmin genişliğini ve yüksekliğini dahil etmek, tarayıcıya ne kadar alan gerektiğini açık bir şekilde bildirir, herhangi bir içeriğin kaymasını önler ve CLS puanını düşürür.

8. Uygun Bir Görüntü Dosyası Yapısı Oluşturun

Google'ın Görsel Yönergelerindeki önemli güncellemelerden biri, görselleri sıralamak için dosya adını ve dosya yolunu kullanmaktır.

Örneğin, çevrimiçi mağazanızda birden fazla ürününüz varsa, tüm görsellerin genel bir medya veya görseller klasörüne yüklenmesi yerine kategoriler ve alt kategoriler oluşturmanız mantıklı olacaktır.

Bu nedenle, resimlerin aşağıdaki gibi bir klasöre yüklenmesi yerine erkekler ve kadınlar için tişört ve gömlek satan bir giyim mağazanız varsa:

• /images/tshirt-men-1.jpg
• /images/t-shirt-women-1.jpg

Bunu yapmanın daha iyi bir yolu, aşağıdaki gibi klasörlere sahip olmak olacaktır:

• /images/men/tshirts/white.jpg
• /images/women/tshirts/white.jpg

Resimlerinizi bu tür kategoriler ve alt kategoriler halinde yapılandırmak, Google'ın da anlamasına yardımcı olmak için çok daha iyi bir seçenektir.

9. Duyarlı Görüntüler Oluşturun

Mobil aramaların masaüstü aramaları aştığı göz önüne alındığında, sitenizin duyarlı olması gerekir.

Web siteleri için varsayılan Googlebot tarayıcısının artık bir mobil tarayıcı olduğunu biliyor muydunuz?

Diyelim ki sitenize 1000 piksel genişliğinde bir resim yüklediniz.

Bir kullanıcı, örneğin 320 piksel genişliğinde daha küçük bir ekrana sahip bir mobil cihazda sitenizi ziyaret ederse, tarayıcısının 1000 piksellik resmi sabit olarak yüklemesi gerekir.

1000 piksellik görüntü mükemmel bir şekilde iyi görünecektir. Mobil cihazda 320 piksel genişliğinde bir görüntü de öyle.

Buradaki sorunu belirlediniz mi?

Hem 1000 piksel hem de 320 piksel genişliğindeki görüntüler, mobil cihazda mükemmel görünecek. Öyleyse neden 1000 piksel görüntüyü yükleyin ve bant genişliğini boşa harcayın. Daha uzun sayfa yüklemeleri ile SEO'muzu etkileriz.

srcset'i girin.

Bu basit kod, tarayıcıya farklı ekran çözünürlükleri için bir görüntünün farklı sürümlerini yüklemesini söyler.

srcset niteliğini kullanarak, boyut açıklamalarıyla birlikte resim URL'lerinin bir listesini belirtirsiniz. Bir tarayıcının srcset niteliğini desteklememesi durumunda, bir yedek ve varsayılan resim belirtmek için yine de src niteliğini kullanmanız gerekecektir.

İşte tipik bir sözdizimi…

<img srcset=”imageurl size, imageurl size, imageurl size” src=”varsayılan resim”>.

İşte daha gerçek zamanlı bir örnek:

<img

srcset=” /wp-content/uploads/image4x.jpg 4x,

/wp-content/uploads/image3x.jpg 3x,

/wp-content/uploads/image2x.jpg 2x,

/wp-content/uploads/image1x.jpg 1x ”

src=”/wp-content/uploads/image-default.jpg” >

Boyut bilgilerini dahil etmek için yaygın olarak kullanılan bir yaklaşım, her dosyayı srcset özniteliğinde görüntü yoğunluğuna göre etiketlemektir.

Yukarıdaki örnekte, URL'den sonra 1x, 2x, 3x ve 4x eklenerek yapılır.

İyi haber şu ki, WordPress tüm bunlarla ilgileniyor (WordPress 5.3'ten).

Yüklediğiniz her resim için WordPress, varsayılan olarak aşağıdaki sürümleri otomatik olarak oluşturur:

• Küçük resim: 150 piksele 150 piksel olarak yeniden boyutlandırıldı
• Orta: 300 piksele 300 piksel olarak yeniden boyutlandırıldı
• Orta Büyük: 768 piksel genişliğe yeniden boyutlandırıldı
• Büyük: 1024 piksele 1024 piksel olarak yeniden boyutlandırıldı
• Tam: Orijinal görüntü

Dahası, WordPress ayrıca srcset niteliğini otomatik olarak ekler. Devam edin ve srcset özelliği için WordPress kaynak kodunuzu kontrol edin.

10. Tembel Yüklemeyi Düşünün

İçeriği ekranın üst kısmında görüntülerken neden bir sayfanın alt kısmındaki bir resmi yükleyesiniz?

Tembel yüklemenin size tam olarak yardımcı olduğu şey budur!

Yavaş bir web sitesini kimse sevmez. Resimlerin ve diğer öğelerin yüklenmesi zaman aldığından, yalnızca sayfa hızınızı ve sıralamanızı etkilemekle kalmaz, aynı zamanda web sitenizin ziyaretçilerini de engeller.

Web sitenizin yüklenmesi 3 saniye kadar uzun sürerse, ziyaretçilerin %40'ının web sitesini terk edeceğini biliyor muydunuz? Ve 1 saniyelik bir gecikme, web sitenizin dönüşümlerinde %7'lik bir düşüşe neden olabilir mi? (Kaynak: Neil Patel)

Görüntüler, bir web sitesine yüklenmek için en fazla zamanı alır. Bir sayfada ne kadar çok resim varsa, sayfa yükleme süresi o kadar fazladır.

Tembel yük, tüm bu endişelerin giderilmesine yardımcı olur.

Tembel yükleme, tarayıcının resimler, videolar vb. gibi nesnelerin yüklenmesini gerçekten gösterilmesi gerekene kadar ertelemesidir. Siz kaydırdıkça görüntüler yüklenir.

Sayfa hızının arama motoru sıralaması için çok önemli bir faktör olduğunu göz önünde bulundurarak, resimlerinizin gecikmeli yüklenmesini göz önünde bulundurabileceğiniz bir seçenektir.

WordPress sitenize görüntülerin gecikmeli yüklenmesini sağlamak için WordPress deposunda bulunan çeşitli tembel yükleme eklentilerinden birini düşünebilirsiniz.

11. İçerik Dağıtım Ağları (CDN)

Resimlerinizi optimize edin, sıkıştırın ve tembelce yükleyin. SEO söz konusu olduğunda hepsi harika seçeneklerdir.

Ancak görüntüleri hızlı bir şekilde teslim etmemiz gerekiyor. Ve bu bir CDN kullanılarak başarılabilir.

Peki, İçerik Dağıtım Ağı (CDN) nedir?

Basit bir ifadeyle CDN, web sitenizin kopyalarının dünyanın her yerindeki sunucularda bulunması gibidir. Web sitenize belirli bir konumdan erişildiğinde, konuma en yakın sunucu web sitenize hizmet verecektir.

CDN'ler, resimler, videolar, CSS ve JavaScript gibi WordPress statik içeriğinizin kopyalarını barındırır.

Talep edilen konuma en yakın sunucuya erişerek sayfa yükleme süresini önemli ölçüde azaltırsınız.

12. Tarayıcı Önbelleğe Alma

Bir görüntü her yüklendiğinde, sunucuya bir istek yapılır. Daha fazla görüntü, yapılan sunucu istekleri oldukça yüksektir.

Bunlar sunucuya yapılan tek istekler mi? Hiçbir şekilde!

Diğer çeşitli web sitesi öğeleri benzer isteklerde bulunur. Tümü, sayfa yükleme hızını düşürmeye neden olur.

Tarayıcı önbelleğe almanın devreye girdiği yer burasıdır.

Tarayıcı önbelleği, sayfalar, resimler vb. gibi web dosyalarının sunucu gecikmesini azaltmak için geçici olarak depolanmasıdır. Görüntülerin kullanıcının tarayıcısında yerel olarak saklanmasıyla, bunları sunucudan tekrar tekrar yükleme ihtiyacını ortadan kaldırır.

Yine, bir WordPress web sitesi kullanıyorsanız, WordPress deposundan bir tarayıcı önbelleğe alma eklentisi yükleyebilirsiniz.

Özetlemek…

Sonuç olarak, harika bir kullanıcı deneyimi yaratın!

Önemli olan tüm küçük şeyler. Görsel içeriğiniz sayfanızın konusu ile alakalı olmalıdır. Sayfanızdaki iyi görsel içerik, metin içeriği kadar önemlidir. Sayfa içeriğini optimize etmek, şema eklemek, daha fazlasının yanı sıra, görseliniz için bir metin parçacığı oluşturmaya yardımcı olacaktır.

Görüntü optimizasyonu hakkında daha fazla bilgi edinmek ister misiniz? Performans ve SEO için görüntülerin nasıl optimize edileceğine dair özel makalemize göz atın!

Görüntü Optimizasyonunu Analiz Etmenize Yardımcı Olan Araçlar

Resimlerinizi analiz etmekten sayfa hızlarına kadar, genel web sitenizin performansını optimize etmenize yardımcı olacak bazı araçları listeledik.

Web Sitesi Hız Testi

Artık resimlerinizi optimize etmenin çok yönlü faydaları olduğu konusunda oldukça netiz.

Ya resimlerinizi analiz etmenize yardımcı olacak bir araç kullanabilseydiniz?

Diğer şeylerin yanı sıra kullanılacak görüntünün biçimini, en uygun dosya boyutunu ve görüntünün kalitesini bile önerebilecek bir araç.

Peki, bir Web Sitesi Hız Testi ihtiyacınız olan şeydir.

Web Sitesi Hız Testi aracı, basit görüntü sıkıştırmanın ötesine geçer. Görüntü boyutu, kalitesi, biçimi ve diğer parametreler gibi görüntünüzde yapılan değişikliklerin genel performansı nasıl iyileştirebileceğine ilişkin ayrıntılı optimizasyon bilgileri sağlayan bir rapor oluşturur.

MinikPNG

Web siteniz ne kadar hızlı?

Ne kadar iyi performans gösteriyor?

Sitenizdeki ağır görseller performansı aşağı mı çekiyor?

Pekala, sürüklenmeyi anladın!

TinyPNG'nin Çözümleyicisini kullanarak tüm web sitenizin resimlerini inceleyin ve size siteniz için resim optimizasyon istatistikleri hakkında ayrıntılı bir rapor sağlayın.

toparlamak

SEO zaman alır. Sayfa içi, sayfa dışı SEO veya bizim durumumuzda görsel SEO olsun. Ve bu ince noktaları tespit etmek zaman alacak ve daha fazla anlayış ve deneyimle daha iyi hale gelecektir.

Bununla birlikte, SEO'nun getirebileceği organik trafik akışı göz önüne alındığında, çabaya değer.

Bu makale, görsel SEO hakkında bilmeniz gereken her şeyi ele aldı. Uygun görüntü formatını seçmekten en uygun dosya adlarına kadar, web sitenizdeki görüntüleri optimize etmeniz için gereken her şeyi dahil etmeye çalıştık.

Tabii ki, bu ipuçlarında uzmanlaştıktan sonra, kayıtsız kalmayın. SEO sürekli değişiyor ve sürekli optimizasyon gerektiriyor.