Eksiksiz e-ticaret görüntü optimizasyon kılavuzu 2023

Yayınlanan: 2022-11-04

giriiş

Pazarlama, pazarda bir sorun bulmak ve ardından çözümü müşterilere satmakla ilgilidir. Başka bir deyişle, bir sorunla ilgili farkındalık yaratmak ve yaymakla ilgilidir. Farkındalık yaratırken, pazarlamacı olarak doğru tüketicilerle iletişim kurduğunuzu düşünmek esastır.

Arama Motoru Optimizasyonu, doğru kitleyi bularak web sitenize gelen trafiği artırmada çok önemlidir. SEO, içeriğin arama sorgusu tarafından yönlendirilen arama sonuçlarında sıralanmasına yardımcı olur. Üç bileşenden oluşur.

  1. Sayfa İçi SEO
  2. Sayfa Dışı SEO
  3. Teknik

Sayfa İçi SEO, sayfada bulunan içeriği kapsar. Resimler, Sayfa İçi SEO'nun önemli bir parçasıdır ve web sayfalarına trafik çekmek ve puanlarınızı artırmak için mükemmel bir araçtır.

Amaç ve bu kılavuz kimler içindir?

Google'ı kullanarak çevrimiçi içeriği yönetiyorsanız, bu kılavuz tam size göre. Bu kılavuzun Öğrenme çıktıları aşağıdaki gibidir:

  • Arama Motoru Optimizasyonunun temellerini öğrenin
  • Google'da görselleri optimize etmenin önemini öğrenin
  • Google'da sayfaları ve resimleri optimize etmek için teknik gereksinimleri öğrenin ve anlayın
  • Görüntüleri optimize etmek için en iyi uygulamaları öğrenin ve anlayın

Google Arama aracılığıyla çevrimiçi içeriğe sahipseniz, yönetiyorsanız, bunlardan para kazanıyorsanız veya tanıtımını yapıyorsanız bu kılavuz tam size göre. Gelişen bir işletmenin sahibi, bir düzine web sitesinin sahibi, bir web ajansında SEO uzmanı veya Arama mekaniği konusunda tutkulu bir DIY SEO uzmanı olabilirsiniz: bu kılavuz tam size göre.

Google'ın en iyi uygulamalarına göre resimleri daha iyi optimize etme tekniklerine ilişkin kapsamlı bir genel bakış arıyorsanız, doğru yere geldiniz. Unutulmaması gereken önemli bir nokta, bu kılavuzun sitenizi Google'da otomatik olarak ilk sıraya koyan sırları ortaya çıkarmasıdır.

Ancak, en iyi uygulamaları izlemek, arama motorlarının içeriğinizi taramasını, dizine eklemesini ve anlamasını kolaylaştırmalıdır.

Görsellerin Optimizasyonu

Google'daki resimleri optimize etmek, dönüşüm oranınızı artırmanıza ve satışları %9'a kadar artırmanıza yardımcı olacaktır. Ayrıca kullanıcı deneyimini geliştirmeye yardımcı olacaktır. Google aramalarının yaklaşık %10,1'i görseldir.

Görseller aynı zamanda içeriği keşfetmenin bir yoludur. Kullanıcılar görselleri ararken görselin sağladığı içerik hakkında da okumak isteyebilirler ve bu şekilde web sayfanıza daha fazla trafik çekeceksiniz.

Arama motorlarının bir sınırlaması vardır: görselleri okuyamazlar. Bunun yerine, bir görüntünün sahip olduğu içeriğe odaklanırlar. Bu nedenle, kullanıcının görsel arama yoluyla daha fazla ziyaretçi çekebilmesi için görsellerin optimizasyon teknikleri önemlidir.

Google görselleri, içeriğin keşfi için önemli olabilir. Veriler, genel olarak Google aramalarının %20'sinin görsel aramalar yoluyla gerçekleştiğini gösteriyor. Ayrıca google'da görselleri sıralamak, içeriği sıralamaktan daha az zaman alır.

Görsellere yapılan ziyaretler, alakalı ve temel içerik keşfini kolaylaştıracağından, web sitenize trafik çekmede önemli bir rol oynayabilir. Görüntüler, açıklama veya arkasındaki hikaye ile ilgili olarak kullanıcının zihninde ilgi uyandırır.

Ayrıca, görüntüleri optimize etmek, kullanıcı deneyiminizi geliştirmek için de çok önemlidir. Yükleme hızı, bir görüntünün kalitesi ve boyutundan doğrudan etkilenir. Bir sayfanın yüklenmesi daha uzun sürüyorsa, ziyaretçilerin bu sayfadan hemen çıkma ve dolayısıyla hemen çıkma oranını artırma olasılığı vardır.

Google ayrıca web sitesi hızını da bir sıralama faktörü olarak kullanmaya başladı. Web sitenizin performansı ziyaretçi sayısını etkiler.

Raporlar, optimize edilmemiş görüntülerin yüzde 75'e varan ağırlıkta olduğunu ve bunun da korkunç bir kullanıcı deneyimiyle sonuçlandığını gösteriyor.

Sorununuzla ilgili bir yanıt veya içerik bulmaya çalıştığınızı varsayalım. Ancak ulaştığınız web sitesinin yüklenmesi uzun sürüyorsa, diğer web sitesine geri dönme şansınız var.

Öte yandan, ziyaretçiler içeriğinizde herhangi bir resim görmezlerse web sitenizi terk edecek ve bu da onu korkunç ve anlaşılması zor hale getirecektir.

Ürünlerle ilgili optimizasyon ve görseller eklemek, müşteriler ürünlerin neye benzediğini anlayacakları için dönüşüm oranınızı da artıracaktır.

Görüntü Optimizasyonu için 6 Temel ipucu

Bir web sitesi sahibi olarak, daha önce açıklandığı gibi daha iyi performans için web sayfalarınızı optimize etmeniz gerekir. Web sitenizin performansını artırmak için kullanıcı deneyimi, teknik SEO, içerik okunabilirliği gibi alanlarda çalışmanız gerekir.

Kullanıcı deneyimi

Daha iyi bir kullanıcı deneyimi oluşturmak, web sitesinin performansını ve sıralamasını da artırır. Web sitenizin hemen çıkma oranı daha yüksekse, web sitenizin sıralamasında olumsuz bir faktör olabilir.

Google'ın politikalarına göre, bir web sitesinin performansı 2010'dan beri bir sıralama faktörü olmuştur. Daha iyi bir kullanıcı deneyimi, kullanıcıların içeriği ve web sitesini ihtiyaçlarına ve arama amaçlarına göre bulduğunu gösterir.

Aşağıdaki KPI'lar kullanıcı deneyimini ölçebilir:

  • Oturum oranı
  • Çıkma Oranı
  • Sayfa/Oturum başına.

Google Analytics, web sitenizde neyin yanlış gittiğini analiz edebilmeniz için web sitenizin performansını anlamanıza yardımcı olacaktır.

Kullanıcı deneyimini geliştirmek için yapılacak ilk şey insanlar için yazmaktır. Google'ın yeni güncellemeleri, insanların ihtiyaç duyduğu içeriği yazmanızı gerektiriyor. Optimizasyonun yapıldığı üç alan vardır: Sayfa İçi, Sayfa Dışı ve Teknik.

Kullanıcılara gerekli içeriği sağladığınızda, web sitesinin analitiği gelişecektir. Google Console veya Google Analytics tarafından yukarıda belirtilen KPI'ları kullanarak web sitelerinizin performansını izleyebilirsiniz.

Şekiller, grafikler ve resimler ekleyerek içeriğinizi zenginleştirin. Bir e-ticaret sitesi için görseller web sitesi kadar önemlidir. Bir e-Ticaret web sitesi söz konusu olduğunda, bir görsel ürününüzü desteklemiyorsa, bir web sitesine sahip olmanıza gerek yoktur.

Web sitesinin birincil amacı, ürünün görsel bir açıklamasını sağlamak ve kullanıcıya bir hikaye anlatmaktır. Ayrıca, çoğu kullanıcı, görseller yardımıyla açıklandığında içeriği anlamayı ve hatırlamayı kolay buluyor.

Google, içerik oluşturucuların arama motorları için değil, kullanıcılar için içerik oluşturmasını önerir. Bazı en iyi uygulamalar izlenerek görüntü görünürlüğü artırılabilir.

Bir web sayfasındaki içeriğin kalitesi, Google Görseller'deki görsellerin sıralamasında hayati bir rol oynar. Google'daki görseller daha fazla bağlam sağlar ve sonuçları daha uygulanabilir hale getirir. Sayfadaki içerik, resimler için bir sıralama faktörü işlevi görebilecek metin parçacıkları oluşturur.

Arayüzleri ve siteleri her cihaz için kullanıcı dostu hale getirerek kullanıcı deneyimi iyileşir. Raporlar, birçok Google Görselinin masaüstü yerine mobil cihazlarda arandığını gösteriyor.

Bir kullanıcı içeriğe veya resimlere erişmekte zorluk yaşarsa, hemen çıkma oranının artma olasılığı yüksektir. Bir web sayfasının performansı ile sıralaması arasında doğrudan bir ilişki vardır. Üstün performans, web sayfasındaki resimlerin sıralamasını artıracaktır.

Google, resimleri anlamak için dosya adları olarak resimlerin URL yolunu kullandığından, kullanıcı dostu bir URL yapısı web sitesinin performansını artırır.

Hız için İyileştirin

Web sitesinin hızını artırmak için görüntü optimizasyon tekniklerini doğru şekilde uygulayın. Duruma ve kullanıma bağlı olarak, görüntü formatlarını buna göre seçmelisiniz. İki tür görüntü formatı vektörü ve raster vardır.

Vektörler, logolar, metinler veya simgeler gibi basit geometrik şekillerden oluşan görüntüler için uygundur. Vektör görüntüleri her çözünürlükte en iyi sonuçları verir ve bu da onları daha iyi sonuçlar için ideal format haline getirir.

Ancak iş bir görüntüyü tanımlamaya gelince, vektör grafikleri yetersiz kalıyor. Görüntüler için, dosyaları kaydetmek için JPEG, JPG veya WebP gibi biçimler. Raster görüntüler yüksek çözünürlük gereksinimleri için uygun olmadığından her iki biçimin de artıları ve eksileri vardır. Aşağıdaki görüntü, Raster ve Vektör görüntüsü arasındaki bir sonucu açıklar

Görüntülerin optimizasyonunun kesin bir parametresi yoktur; bunun yerine, daha iyi sonuçlar göstermek için bir dizi farklı tekniktir. Bir diğer önemli faktör, daha iyi piksel boyutları ve kodlanmış veriler için en uygun ayarı bulmaktır.

Resmin boyutunu ayarlarken doğru veya yanlış cevap yoktur. Bu nedenle, optimal boyutların ayarlarını bulmak için dikkatli bir analiz gereklidir.

Ancak, belirli e-ticaret siteleri, görsellerini yerleştirdikleri siteye göre kurallar geliştirmiştir. Görüntüler için kullanılabilir alana bağlı olarak, bu siteler, kullanıcılardan belirli boyutlardaki görüntüleri yüklemelerini ister.

İdeal web performansı için başarılı görüntü optimizasyonu, en küçük dosya boyutunun ve en yüksek kaliteli görüntülerin kullanılmasına bağlıdır. Bu kombinasyon, görüntü optimizasyonuna katkıda bulunur, dolayısıyla en iyi web performansını sunar.

Alternatif Metin Özelliği

Bir resim etiketinin yapısı aşağıda verilmiştir:

<img src=”img_girl.jpg” alt=”Ceketli kız” genişlik=”500″ yükseklik=”600″>

Veriler, SEO uzmanlarının yaklaşık yüzde 90'ının görüntü optimizasyonunun önemli bir yönünü kullanmadığını ve bu, resim etiketi özelliğinde "alt" metnin kullanılması olduğunu gösteriyor. Görselinizi tanımlayan anahtar kelimeler eklemek, arama motorlarının görselin hangi amaçla kullanıldığını belirlemesine yardımcı olacaktır.

Ekran okuyucuları kullanan veya düşük bant genişliği bağlantılarına sahip kişiler, "alt" metin özniteliğini kullanarak görüntülere erişebilir. Arama motorları için bir temel oluşturduk ve daha önce tartıştığımız gibi arama motorları görüntüleri okuyamıyor. Görüntülerin açıklamasını daha iyi anlamak için alternatif metne bağlıdırlar.

Görüntüyü en iyi tanımlayan faydalı ve değerli anahtar kelimelerin eklenmesine odaklanılmalıdır. "alt" özelliği, arama sorgusu sonuçları için gereklidir. Bu nedenle, anahtar kelime doldurmaktan kaçınmak kötü bir kullanıcı deneyimiyle sonuçlanabilir. Alternatif metni W3 yönergelerine göre ayarlamak çok önemlidir. Aşağıda kötü ve iyi resim etiketlerine ve "alt" metin niteliklerine ilişkin örnekler verilmiştir.

  • Kötü : <img src=”tshirt.jpg”/> (Alt metin eksik)
  • Kötü : <img src=”puppy.jpg” alt=”Siyah Gömlek Cool Gömlek Erkek Çocuk gömlek
  • Boy tasarımları Boy Tshirt Siyah Harika gömlekler Kolsuz Gömlekler Cool Dude Gömlekleri”/> ( anahtar kelime doldurma)
  • Daha İyi : <img src= “BMW-i8-White.jpg” alt= “BMW i8 Siyah” />
  • En İyi : <img src=”Tesla-model-s-red.jpg” alt=”Model s Tesla Kırmızı Rengi”/>

Google, kullanıcısına içeriği yavaş bir ağ bağlantısı kullanarak test etmesini ve erişilebilirliği denetlemesini önerir.

Google birçok özellik ve yönergeyle tüketicilerini kolaylaştırdığından, daha iyi resim dizine ekleme için başka teknik gereksinimler de vardır.

<img> Resim Etiketini Kullan

Google, resimleri dizine eklemek için sayfanızın HTML'sini ayrıştırır, ancak CSS'yi dizine alamaz. Google bunları dizine ekleyemediği için CSS'nize görüntülenmek üzere resim eklemek işe yaramaz. Bu nedenle Google, daha iyi indeksleme için semantik işaretlemenin kullanılmasını tavsiye eder.

  • Kötü: <div style=”background-image: URL(crikcet_bat.jpg)”>Grey Nikols Balister</div>
  • İyi: <img src=”crikcet_bat.jpg” alt=”Grey Nikols Balister” />

Google Tarafından Desteklenen Resim Biçimleri

Google görselleri, indeksleme için yalnızca aşağıdaki resim biçimlerini destekler

  • BMP
  • GIF
  • JPEG
  • PNG
  • WebP
  • SVG.

Duyarlı Resimler

Duyarlı resimler eklemek, web sayfanız için kullanıcı deneyimini geliştirecektir. Kullanıcılar, en iyi kullanıcı deneyimini oluşturarak farklı cihazlarda duyarlı görüntüleri kullanabilir.

Gelişmiş kullanıcı deneyimi ve sıralama arasında doğrudan bir bağlantı olduğu için, duyarlı görüntüler artık görüntü optimizasyonu için bir faktördür.

Bir e-ticaret yöneticisinin en büyük önceliği, müşterileri için en iyi kullanıcı deneyimini sağlamaktır. Kullanıcı deneyimi, duyarlı tasarımlar, yükleme hızı ve optimize edilmiş görüntülerden oluşur.

Optimizasyon için Ek İpuçları:

Yukarıda bahsedilenler, dahil edilmesi önemli olan temel görüntü optimizasyon teknikleridir. Aşağıdaki teknikler, görüntü optimizasyonunuzu yeni bir düzeye kadar geliştirebilir:

Otomatik Olarak Oluşturulan Metin

Google görselleri, kullanıcı sorgusunun arama sonuçlarını açıklamak için otomatik olarak bir başlık bağlantısı ve bir metin parçacığı oluşturur. Bu metin sonuçları, kullanıcıların görüntülerin amaçlarına uygun olup olmadığını anlamalarına yardımcı olacaktır.

Google, bu bağlantıları ve snippet'leri oluşturmak için meta veriler, başlık açıklamaları ve meta etiketler gibi çeşitli kaynaklar kullanır. Kullanıcılara daha iyi sonuçlar sağlamak amacıyla başlık bağlantıları ve metin parçacıkları oluşturmak için Google'ın en iyi uygulamaları şunlardır:

  • Bir web sayfasının her <title> başlık etiketinde belirli bir başlık bulunmalıdır
  • <title> içinde açıklayıcı ve kısa bir metin bulunmalıdır.
  • Başlık etiketinde “Ana Sayfa” veya “Profil” gibi herhangi bir başlık bulunmamalıdır.
  • Web sayfasının başlık etiketinde farklı anahtar kelimeler olmalıdır. Ayırt edici başlık metni, kullanıcının e-ticaret için web sayfalarını anlamasına ve ayırt etmesine yardımcı olacaktır.
  • Web sayfanızın başlığı, web sitenizin markalaşması için de bir yer olabilir. Daha fazla bilgi sağlamak için işletmeniz için bir slogan ekleyebilirsiniz.

<title>Facebook – Kişilerinizle bağlantı kurabileceğiniz yer</title>

  • Google, başlık bağlantılarını veya snippet'lerini oluşturmak için aşağıdaki kaynakları kullanacağından, web sayfanızın başlık metni açık olmalıdır:
    • Başlık etiketindeki içerik
    • Görsel başlık web sayfasında gösterilir
    • Başlık öğeleri
    • Bağlantı metni
    • Bağlantıların içindeki metin diğer sayfalara yönlendirir.
  • Aynı komut dosyası, web sayfanızda birincil komut dosyası olarak kullanılmalıdır. Google botları, sayfanın başlığını birincil sayfaya bağlar. Google, sayfa başlığının birincil komut dosyasıyla eşleşmediğini belirlerse, yeni bir metin dosyası oluşturur.
  • Tüm bunların yanı sıra, tüm arama motorlarının taramasına izin verdiğinizi kontrol etmek önemlidir. Google sayfanıza erişmezse, metin dosyaları oluşturmak için sayfa dışı öznitelikleri kullanır.

Öne Çıkan Rozetler Ekleme

Yapı verileri eklemek, resimlerinizi zengin sonuçlar olarak görüntüler. Bu zengin sonuçlar, kullanıcılarına ilgili bilgileri sağlayacak belirgin bir rozetle birlikte gösterilecektir.

Yukarıdaki resimde olduğu gibi, kriket sopası görüntüsünün bu sopayı satan bir web sitesinden alındığını anlayabilirsiniz. Kullanıcılar bir yarasa satın almak isterlerse, görsele tıklayarak onları işlem sitesine yönlendirebilirler.

Google, yapısal verileri göstermek için yönergeler sağlar:

  • Web sayfaları, desteklenen üç resim formatından biri ile işaretlenmelidir:
    • JSON-LD
    • mikro veriler
    • RDFa
  • Herhangi bir kontrol aracı kullanarak veri sayfalarını yapılandırmak için Google botunu engellememiş olsaydınız en iyisi olurdu.
  • Zengin sonuçlar eski bilgileri göstermeyeceği için güncel bilgiler sağlayın
  • Yanıltıcı bilgi için yapılandırılmış verileri kullanmayın
  • Yapı verileri, sayfa içeriği hakkında doğru veya alakalı bilgiler sağlamalıdır
  • Google'ın aşağıdaki rozetlerde sınıflandırdığı alakalı bilgileri sağladığınızdan emin olmalısınız:
  • Madde
  • Kitap
  • ekmek kırıntısı
  • atlıkarınca
  • Kurs
  • veri kümesi
  • Eğitim Soru-Cevap
  • İşveren Toplam Puanı
  • Tahmini Maaş
  • Etkinlik
  • Doğruluk Kontrolü
  • SSS
  • Ev Aktiviteleri
  • Nasıl
  • Görüntü Meta Verileri
  • İş ilanı
  • Öğrenme Videosu
  • Yerel işletme
  • Logo
  • Matematik Çözücüler
  • Film
  • Dijital ses dosyası
  • Alıştırma Problemleri
  • Ürün
  • Soru-Cevap
  • Yemek tarifi
  • Snippet'i İncele
  • Site Bağlantıları Arama Kutusu
  • Yazılım Uygulaması
  • konuşulabilir
  • Abonelik ve Ödeme Duvarlı İçerik
  • Video
  • Rozetler için en spesifik kategorileri kullanmaya çalışmanız en iyisi olacaktır.

Kullanıcılar yönergeleri izleyebiliyorsa, Google göze çarpan rozetler atar.

Resim Site Haritaları

Web sayfasında görsellerin URL'si de sağlanabilir ve bunun için görsele site haritalarını da eklemelisiniz, aksi takdirde Google dosyanızı anlamaz veya bulamaz.

Resim site haritaları, diğer etki alanlarından resimler içerir ve etki alanları arası kısıtlamaları uygular. Etki alanları arası kısıtlama, sunucu yükünü azaltmanıza, site performansını artırmanıza ve analize dayalı hedef kitle segmentasyonuna izin vermenize yardımcı olacak İçerik Dağıtım Sistemi'ni (CDS) kullanmanıza olanak tanır.

<?xml version=”1.0″ kodlama=” UTF-8″?>

<urlset xmlns=”http://www.sitemaps.org/schemas/sitemap/0.9″

xmlns:image=”http://www.google.com/schemas/sitemap-image/1.1″>

<url>

<loc>http://example.com/sample1.html</loc>

<görüntü:görüntü>

<image:loc>http://example.com/image.jpg</image:loc>

</image:image>

<görüntü:görüntü>

<image:loc>http://example.com/photo.jpg</image:loc>

</image:image>

</url>

<url>

<loc>http://example.com/sample2.html</loc>

<görüntü:görüntü>

<image:loc>http://example.com/picture.jpg</image:loc>

</image:image>

</url>

</urlset>

Apimio Optimizasyonu

Bir görüntünün optimize edilip edilmediğini analiz etmenize ve anlamanıza yardımcı olabilecek Apimio adlı bir Ürün Bilgi Yönetim Yazılımı bulunmaktadır. PIM'imiz, Shopify kullanıcılarının deneyimini geliştirmek için aşağıdaki görevleri yapar.

Apimio, ürün yolculuğunuzun her bölümünü daha verimli hale getirir. Çevrimiçi mağazalarınızdaki optimize edilmiş ürün verilerini kullanmaya başlamak hiç bu kadar hızlı ve kolay olmamıştı. Shopify kullanıcılarının toplu ürün verilerini içe aktarmasına ve optimizasyonu iyileştirmesine olanak tanır.

PIM'imiz görüntüleri analiz eder ve parametrelere göre optimizasyon puanını döndürür. Aşağıdaki özellikler Apimio PIM analiz eder

  1. Görüntü Boyutları
  2. Biçim
  3. Boyut

Bu görüntülerden özelliklerine göre puanlanır. Bahsedilen iki özellikten herhangi biri tamamlanmazsa, %100 optimize edilmemiş bir görüntü olacaktır ve bunun tersi de geçerlidir.

Yukarıdaki görüntü, dosya formatı, boyut ve boyutlar gibi özelliklerin optimizasyon standartlarına uygun olmadığını gösteren bir ekran örneğidir.

Ayrıca Shopify, yaklaşık 2 ABD doları tutarında bir eklenti sağlayarak kullanıcıları kolaylaştırır. Kullanıcısının görüntüleri otomatik olarak yeniden boyutlandırmasına ve sıkıştırmasına olanak tanıyarak binlerce görüntüyü sıkıştırmak ve yeniden boyutlandırmak için zaman kazandırır.