Bir SEO Ajansının Bir Fırın İçin E-ticaret Sayfası Oluştururken Attığı Adımlar

Bir SEO Ajansının Bir Fırın İçin E-ticaret Sayfası Oluşturma Adımları

SEO Reality Show’umuzun yeni bölümüne tekrar hoş geldiniz! Önceki bölümlerde, uzman ajansın Edelweiss Bakery’nin web sitesi sıralama potansiyelini artırmak için attığı, güçlü blog içeriği oluşturma ve potansiyel teknik hataları kontrol etme süreci de dahil olmak üzere birçok adımı inceledik.

Fırının, ajansla çalışmaya başlamadan önce zaten mevcut bir e-ticaret bölümü vardı, ancak bu ana sayfada sadece küçük bir bölümdü; ürün kartları veya kategorileri yoktu. Ajans, satın alma potansiyelini artırmak için ürünlerin kategoriye göre görüntülenebildiği ve müşterilerin satın alabileceği her ürün için ürün kartlarının eklenebildiği özel bir e-ticaret sayfasına ihtiyaç olduğunu biliyordu.

Bu bölüm, SEO ajansının ürün görünürlüğünü ve çevrimiçi satışları artırmak için fırının e-ticaret özelliklerini nasıl yenilediğini paylaşacak.

Süreç

Ajans, kullanacakları sayfanın yapısını, hangi kategorilerin gerekli olacağını ve genel düzenlerin nasıl görüneceğini belirlemek için önce tasarımla başlamak istedi.

İlk adımları, sitenin e-ticaret “Mağaza” bölümü için iki ek düzen içeren bir yerleşim oluşturmaktı:

1. Kategori sayfası düzeni: Kullanıcıların farklı ürünlere türe göre göz atmasını sağlayarak aradıkları tam unlu mamul türünü bulmalarına yardımcı olur.
2. Ürün kartı sayfası düzeni: Bireysel bir ürün hakkında ek detay sağlar.

Bu düzen tasarımları oluşturulduktan sonra, ajans her ürün kartı için ilgili bilgileri doldurdu. Şimdi tam sürece adım adım bir göz atalım.

1. Adım: Mockup ve tasarım hazırlığı

Fırın mağazası sayfasını oluşturmak için ajans, hazır e-ticaret özellikleri ve şablonları içeren standart bir WordPress eklentisi olan WooCommerce‘i kullandı. Kurulumu tamamlamak için ajans, sitenin genel yapısını hazırlarken kullandıklarına benzer unsurları analiz etti:

1. Fırının rakip web siteleri (ajansın çalışmalarının ilk aşamalarında seçilenler)
2. “ekmek satın al” ve “ekşi mayalı ekmek satın al” dahil olmak üzere yaygın satış odaklı sorguların sonuçları

İşte bir rakibin “ekşi mayalı ekmek satın al” için kategori arama sonucunun ekran görüntüsü:

Bu, ajansa rakiplerin neler yaptığını ve müşterilerin ne arıyor olabileceğini gösterdi.

Ajans daha sonra tasarım mockup’ları oluşturdu ve Edelweiss’ın sitesinin ana sayfa tasarımını güncellemesine yardımcı olduklarında izledikleri sürece benzer bir şekilde bir tasarımcıya gönderdi.

2. Adım: Kategori sayfalarının hazırlanması

Önceki adımdaki analiz sırasında ajans, Kategori sayfasının aşağıdaki unsurlarının kesinlikle gerekli olduğu sonucuna vardı:

• Ürün listesi
• Başlık ve SEO metni
• SSS bloğu (*her durumda gerekli olmayabilir)
• Sayfa sayfa gezinme düğmeleri (sayfalandırma)
• Menü
• Breadcrumb’lar

Arama sonuçlarında bir ürün kategori sayfasından ziyade bir ürün kartı sayfasını öne çıkarmak istiyorsanız SSS sayfası gereksiz olabilir.

Ajans ayrıca bazı kategorilerin optimize edilemeyecek kadar küçük olabileceğini keşfetti; örneğin Ciabatta kategorisi.

Bu ürün kategorisi sadece üç ürün içeriyordu, bu yüzden sadece birkaç ürünün yer alacağı bir kategori sayfası yerine, iyi sıralanması için bireysel ürün sayfalarını optimize etmeye çalışmak daha mantıklıydı. Ancak, “ciabatta satın al” için ilk 10 sonuçta en az iki ürün kartı olduğu için ürün kartı sayfası optimize edilebilirdi.

WSS Agency

İşte tasarım ekibinin hazırladığı Kategori sayfası düzeni.

Ajans, Kategori sayfası içeriği için teknik özellikleri hazırlamak üzere Keyword Magic Tool‘u (hakkında daha fazla bilgiyi burada bulabilirsiniz) kullandı ve SSS bloğu için Semrush’taki “Sorular” özelliğinden yararlandı.

Semrush kısa süre önce Keyword Magic Tool’u bir anahtar kelimenin arama niyetini gösterecek şekilde güncelledi. Bu, anahtar kelimenin ticari mi yoksa bilgilendirici içerik mi gerektirdiğini belirlemek için araştırma yapma ihtiyacını ortadan kaldıran ve tahmin yürütmeyi bitiren olağanüstü bir zaman tasarrufu sağlar.

3. Adım: Ürün kartlarının oluşturulması

İlk analiz sırasında ajans, farklı ürünlerin ne olduğunu en iyi şekilde açıklamak ve satın alma olasılığını artırmak için Ürün Kartı sayfasının aşağıdaki unsurları içermesi gerektiğine karar verdi:

• Yüksek kaliteli ürün görselleri
• Ürün satın alma/ön sipariş düğmesi
• Başlık ve SEO açıklaması
• SSS bölümü
• Ürün özellikleri ve açıklaması
• Ödeme ve teslimat sistemleri hakkında kısa bilgi
• Menü (isteğe bağlı)
• Breadcrumb’lar

İşte ajansın Edelweiss fırını için oluşturduğu Ürün Kartı tasarımı:

Bu tasarımla ilgili dikkat çeken birkaç nokta:

• Belirli sayfa öğelerinin yerleşimi ve vurguları dikkatle değerlendirildi. Örneğin, ürün görseli, fiyat ve sepete ekle düğmesi, sayfada öne çıkmaları için en parlak ve en görünür öğelerdi.
• Ürün Kartı, bir ziyaretçiye faydalı olacak ve nihayetinde bir şeyler satın alma şansını artıracak tüm bilgileri içeriyordu. Buna ürün fotoğrafları, gerçek müşterilerden gelen yorumlar ve ayrıntılı ürün açıklamaları dahildi.

4. Adım: Ürün sepeti optimizasyonu

Edelweiss’ın zaten bir Ürün Sepeti sayfası vardı, bu yüzden ajans bir tane oluşturmadı. Daha da iyisi, sepet sayfaları bir müşterinin ödeme yapmadan önce görmek isteyeceği önemli unsurları içeriyordu:

• sepetlerinde hangi ürünlerin olduğu
• ürünlerin ne kadar olduğu
• sepetlerindeki ürünlerin miktarı

İşte Edelweiss’ın Ürün Sepeti sayfası:

Edelweiss’ın ürün sepeti sayfası iyi çalışır durumda ve zaten iyi optimize edilmiş olsa da, ajans müşterilerinin site içi deneyimini geliştirmek isteyen okuyucularımız için aşağıdaki önerileri paylaşmak istedi:

• Sepetteki ürünlerin listesini ve ürünün bir görselini içermelidir
• Müşteriler içindeki her ürünü kolayca kaldırabilmeli, ekleyebilmeli veya miktarını değiştirebilmelidir
• Sipariş verirken görüntülenen toplam fiyat nihai fiyat olmalıdır (en azından ödeme sırasında hesaplanacağının belirtilmesi gereken kargo + KDV dahil)
• Müşterilerin kayıt olmadan sipariş vermesine izin vermelidir (isteğe bağlı, ancak şiddetle tavsiye edilir)

Ödeme Formu

Edelweiss’ın ödeme süreci zaten hızlı ve kolay, bu yüzden ajansın bunu nasıl iyileştireceğine dair ek bir önerisi yoktu. İşte ödeme formlarının nasıl göründüğü:

Sitenizin ödeme sürecini değerlendirmek istiyorsanız, göz önünde bulundurmanız gereken bazı şeyler şunlardır:

• Ödeme formu ve süreci basit ve net olmalıdır
• Metin alanları ne girilmesi gerektiğine dair talimatlar içermelidir
• Müşterilerin tamamlaması gereken alanlar vurgulanmalıdır
• Form sadece satın alma işlemini tamamlamak için gereken bilgileri istemelidir

5. Adım: Düzen ve teknik optimizasyon

Tasarım düzenleri seçildiğinde, ajansın programcıları oluşturulan şablonlarla ürün listelerini kurmaya başlayabildiler. Ajans, çalışmaya başlamadan önce programcılara, kategoriye göre ayıracağımız aşağıdaki önerilerde bulundu.

Ürün listesinin kurulması

Ajansın baktığı ilk şey, ürün listelerinin hem ürün sayfalarında hem de ürünler kategoriye göre görüntülendiğinde nasıl kurulması gerektiğiydi. Ekibe verdikleri gereksinimler şunlardı:

• Ürün kartına gitmeden kategori sayfasındaki ürün listesinden doğrudan satın alma işlemlerine izin verin. Bu bir “Hızlı Sepete Ekle” düğmesi olacaktır. Müşteri ürüne zaten aşinaysa, listeden satın almak çok uygun olacaktır.
• Ürün adları <a href></a> etiketi aracılığıyla kurulan bağlantılar olmalı ve satın alma düğmeleri <button></button> aracılığıyla kurulmalıdır.
  Ajans, “Bu, arama motorlarının sayfanın içeriğini ve öğelerini anlamasına yardımcı olan basit bir kuraldır” diye açıkladı.
• Menü içeriği JavaScript devre dışı bırakılsa bile erişilebilir olmalıdır. Menü hem insanlar hem de arama robotları için bir gezinme kılavuzu olmalı ve menüdeki bağlantılar yerel bir bağlantı bloğudur.
  Menünüz sadece Javascript’teyse, arama motorları mağazanızın kategorilerini bağlantısız olarak görecektir. Bu, bağlantı otoritesi olmayan ve asla dizine eklenmeyebilecek sayfalar olan yetim sayfalara yol açacaktır. Bu sorunu çözmek için menüyü CSS kullanarak oluşturun, böylece Javascript devre dışı bırakıldığında tüm bağlantılar erişilebilir olur.

Kanonikleştirme, filtreler ve sıralama

Ajans, filtrelerin, sıralamanın ve kanonikleştirmenin, kullanıcıların aradıklarını bulmalarını kolaylaştıracak ve müşteri trafiğinin doğru şekilde akmasını sağlayacak mantıklı bir şekilde organize edilmesinin çok önemli olacağını biliyordu.

İstedikleri şunlardı:

• Get parametresi olmayan tüm sayfalar için (mevcut sayfayı işaret eden) kanonik kendi kendine referans etiketini yapılandırın.
• Get parametresi olan sayfalar için (ürün sıralama ve filtre sayfaları dahil), kanonik etiket ana sayfayı, yani filtre uygulanan sayfayı işaret etmelidir.

Sayfalandırmanın kurulması

Sayfalandırma, sitenizdeki sayfaların sıralanmasıdır ve ajans, sayfalandırmanın hem kullanıcı deneyimi hem de dizine ekleme amaçları için önemli olduğunu biliyordu. Sundukları öneriler şunlardı:

• Kanonik kendi kendine referans etiketi tüm sayfalar için yapılandırılmalı ve sayfalar dizine ekleme için erişilebilir olmalıdır.
• Tüm sayfalar için meta etiketi (ana sayfa hariç), N’nin sayfalandırma zincirindeki mevcut sayfanın sıra numarası olduğu Başlık, Sayfa N maskesi ile oluşturulmalıdır.

İşaretleme (Markup)

İşaretleme, markaların güven oluşturmasına, sosyal kanıttan yararlanmasına ve müşterilerine önemli bilgiler sağlamasına büyük ölçüde yardımcı olabilir. Ajans, geliştiricilerin ürün listelerine aşağıdaki işaretlemeyi eklemelerini önerdi:

Kategoriler ve ürün kartları için ajans aşağıdaki işaretlemeyi oluşturmayı önerir:

• Breadcrumb mikro işaretlemesi
• Fiyatlı (veya fiyat aralıklı) ürün işaretlemesi
• Ürün derecelendirmesi

Bu, sayfanın Google’ın SERP’inde zengin snippet’lere sahip olmasına yardımcı olur. Soru-cevap blokları varsa, SSS Sayfası işaretlemesine ihtiyaç duyacaklardır.

İşaretlemenizle ilgili yardımı buradan alabilirsiniz.

6. Adım: Kategori ve ürün kartı bilgilerinin doldurulması

Kategori ve Ürün Kartı sayfaları için tasarım düzenleri tamamlandığında, ajans için bir sonraki adım her temel ürün* hakkındaki bilgileri girmek ve içeriği optimize etmekti.

*Tek bir ürün farklı kategoriler altında görünebilir, ancak yalnızca tek bir URL üzerinden erişilebilir olmalıdır. Bu, ürün kopyalarını önlerken sitenizdeki ürün görünürlüğünü en üst düzeye çıkaracaktır.

Ajans, arama robotlarının boş ürün sayfalarını tarayıp dizine eklemesini önlemek için kategorileri ve ürün kartlarını hepsini bir kerede değil, adım adım tamamlandıkça dizine eklemeyi önerir.

İnfografik: Bir Fırın İçin E-ticaret Sayfası Oluşturmanın 6 Adımı