Ürün sayfası optimizasyonu, tek bir düğmenin rengini değiştirmek değildir; müşterinin kafasındaki soruları, o soruları sorduğu sırayla cevaplayan bir düzen kurmaktır. Ziyaretçi sayfaya geldiğinde sırasıyla şunu merak eder: doğru ürün mü, gerçekte nasıl görünüyor, bana uyacak mı, ne zaman elime geçer, memnun kalmazsam ne olur. Bu beş sorunun cevabı sayfada ne kadar erken görünürse karar o kadar hızlı verilir. Aşağıdaki başlıklar, mağaza projelerinde en çok fark yaratan düzenleme alanlarıdır.
Görseller: kararın büyük bölümü ilk ekranda verilir
Ürün fotoğrafı, dokunulamayan bir ürünün yerine geçen tek kanıttır. Etkili bir galeri şu sırayı izler: ürünün tamamını sade arka planda gösteren ana kare, kullanım ortamında çekilmiş bir kare, ölçek algısı veren bir kare (el, masa ya da bilinen bir nesneyle), doku ve detay yakın planı, son olarak paket içeriği. Bu beş kare çoğu kategori için yeterlidir; fazlası galeriyi yorucu yapar.
Teknik tarafta üç kural değişmez: her görsel için genişlik ve yükseklik tanımlanır ki sayfa yüklenirken içerik zıplamasın, görseller modern formatlarda ve ekran boyutuna göre farklı ölçülerde sunulur, ilk görsel öncelikli yüklenirken galerinin geri kalanı ertelenir. alt metinleri de dekoratif cümleler değil, ürünü tarif eden ifadeler olmalıdır — görme engelli kullanıcı için de görsel araması için de aynı metin çalışır.
Açıklama: önce cevap, sonra ayrıntı
Uzun ürün açıklamalarının çoğu okunmaz, çünkü yanlış sırayla yazılır. İşleyen kurgu şudur: en üstte üç ila beş maddelik bir özet (ürün ne işe yarar, kime uygun, kutudan ne çıkar), ardından iki paragraflık anlatım, en altta tablo hâlinde teknik özellikler. Tabloda ölçü, malzeme, ağırlık, uyumluluk, bakım talimatı gibi somut alanlar bulunur. Bu yapı hem hızlı okuyanı hem detaycı okuyanı aynı sayfada tutar.
Aynı kategorideki bütün ürünlere üretici metnini kopyalamak, sayfaların birbirinden ayrışmasını engeller. Kendi cümlelerinizle yazılmış kısa bir bölüm bile ürünü benzersiz kılar. Kategori düzeyinde yapılan çalışmaları e-ticaret SEO sayfamızda anlatıyoruz; buradaki başlıklar tek tek ürün ekranını hedefler.
Varyantlar: seçim ekranın en görünür parçası olmalı
Renk, beden, hacim ya da paket adedi gibi varyantlar açılır listeye gizlendiğinde seçim oranı düşer. Renkleri görsel örnekle, bedenleri dokunulabilir düğmelerle göstermek gerekir. Seçilemeyen bir varyant tamamen kaldırılmamalı; devre dışı görünmeli ki müşteri o seçeneğin var olduğunu ama şu an bulunmadığını bilsin. Tükenen varyantlar için "gelince haber ver" alanı, kaybedilecek ziyaretçiyi kayıtlı bir talebe çevirir.
Varyant seçimi görseli de değiştirmelidir: mavi seçildiğinde galeri maviye geçmiyorsa müşteri ürünün gerçek görünümünden emin olamaz. Beden tablosu ise ayrı bir sayfaya değil, sayfa içinde açılan bir panele konmalıdır; sayfadan çıkan müşteri çoğu zaman geri dönmez.
Değerlendirmeler ve soru-cevap alanı
Yorumlar yalnızca güven sağlamaz, açıklamanın atladığı ayrıntıyı da tamamlar. Değerlendirme alanını kurarken yıldız ortalamasının yanına yorum sayısını yazmak, yorumları en yararlıya göre sıralayabilmek ve varyant bilgisini yorumla birlikte göstermek işe yarar ("mavi / L beden aldı" gibi). Soru-cevap alanı ise müşteri hizmetlerine gelen aynı sorunun sayfada kalıcı cevabı olmasını sağlar. Her ikisinde de kural aynı: yalnızca gerçek müşteri katkısı yayımlanır. Uydurma yorum hem tüketici mevzuatı hem arama motorları açısından ciddi risktir.
Yapısal veri: Product şeması ne zaman eklenir?
Gerçek bir ürün sayfasında Product yapısal verisi, ürünün adını, markasını, stok kodunu, görselini, stok durumunu ve varsa gerçek değerlendirme özetini arama motoruna makine okunur biçimde verir. Doğru kurulduğunda sonuç listesinde yıldız ve stok bilgisi gibi zenginleştirmeler görünebilir. Kritik nokta şudur: şemadaki her alan sayfada görünen bilgiyle birebir aynı olmak zorundadır. Sayfada olmayan bir değerlendirmeyi ya da satışta olmayan bir ürünü işaretlemek yapısal veri ihlalidir ve zenginleştirmelerin tamamen kapatılmasına yol açar. Bu yüzden tanıtım amaçlı örnek ürün kartlarına — bu sitedeki vitrin görselleri de dâhil — asla ürün şeması eklemiyoruz.
Mobil düzen, hız ve sepete ekleme
Ürün sayfası trafiğinin büyük bölümü telefondan gelir. Mobilde galeri tam genişlikte, özet maddeler galerinin hemen altında ve "sepete ekle" düğmesi ekranın alt kenarına sabitlenmiş olmalıdır; müşteri açıklamayı okurken düğmeyi aramamalıdır. Sepete ekleme sonrası sayfanın tamamen değişmesi yerine küçük bir onay göstermek, alışverişe devam oranını yükseltir — bu sitedeki örnek kartta gösterdiğimiz mikro etkileşim de tam olarak bu davranışı temsil eder.
Hız tarafında görsel ağırlığı, gereksiz üçüncü taraf betikleri ve yorumların sayfayı geciktirmesi en sık karşılaşılan üç sorundur. Yorumları sayfa yüklendikten sonra getirmek, ilk görünümü belirgin biçimde hızlandırır.
Ölçüm: neyi izleyip neyi değiştireceksiniz?
Ürün sayfası optimizasyonu tek seferlik bir iş değildir. İzlenecek üç şey vardır: sayfaya gelenlerin ne kadarı sepete ekliyor, galeriyle etkileşen kullanıcıların dönüşümü diğerlerinden farklı mı, hangi sorular soru-cevap alanında tekrarlıyor. Üçüncüsü en değerlisidir; tekrar eden her soru, açıklamada eksik kalan bir bölümün adresidir. Değişiklikleri tek tek yapın ve etkisini ölçün; aynı anda beş şeyi değiştirmek hangisinin işe yaradığını görmenizi engeller.
Ürün sayfası düzenini vitrin ve kategori kurgusuyla birlikte ele almak isterseniz sanal mağaza tasarımı sayfamıza, mağazayı sıfırdan kuracaksanız e-ticaret sitesi nasıl açılır yol haritasına bakabilir, mevcut sayfalarınızın değerlendirilmesi için teklif formunu doldurabilirsiniz.