Son Güncelleme: 16 dk okuma

Ürün Kartı Bağlantıları: Çapa Metni ve Taranabilirlik

Ürün Kartı Bağlantıları: Çapa Metni ve Taranabilirlik

Bir ürün kartının taranabilir olması için kartın içinde, hedef adresi href niteliğinde taşıyan gerçek bir bağlantı (a öğesi) bulunmalıdır. Çapa metni ise ürünün adını ya da onu tanımlayan bir ifadeyi içermelidir. Google'ın taranabilir bağlantı belgesi (yeni sekmede açılır) tam olarak bunu söyler: Google yalnızca href niteliği olan a öğelerini güvenilir biçimde tarar, çapa metni de bu bağlantıların arasında durmalıdır. Liste ve kart arayüzü kuran bir ön yüz geliştiricisiyseniz ya da bu arayüzün SEO denetimini yapıyorsanız kartın tamamını tıklanabilir yapmak, "Detay" yazan bir düğme koymak ve ilgili ürünler modülünü kurmak aynı kurala bağlanır. Örnekler tek bir kategori üzerinden gider: bahçe aletleri.

Kartın tamamı tıklanabilir olunca ne değişir

Ürün kartı bir bağlantı kümesidir: görsel, ürün adı, fiyat, satıcı adı, rozet ve bir eylem düğmesi. Kartın tamamının tıklanabilir olması kullanıcı için kolaylıktır, ancak tarayıcı açısından "tıklanabilir" ile "bağlantı" aynı şey değildir. Google'ın belgesine göre bağlantı, href niteliği olan bir a öğesidir. Kartın üzerine bir tıklama dinleyicisi koyup adrese betikle yönlendiren bir yapı kullanıcıyı götürür, ama belge bu türden öğelerin URL'sini güvenilir biçimde çıkaramayacağını belirtir.

Google'ın e-ticaret site yapısı sayfası (yeni sekmede açılır) da aynı yönde konuşur: bağlantı vermek için a href etiketleri kullanın, gezinme için diğer HTML öğeleri üzerindeki JavaScript olaylarını kullanmayın. Aynı sayfa, dizinlenmesini istediğiniz tüm ürünlere bağlantı verilmesini şiddetle önerir.

Kart kalıplarını karşılaştırmak

Belgeler kartın hangi iç yapıyla kurulacağını tarif etmez. Tarif edilen şey, bağlantının taranabilir olması ve çapa metninin anlamlı olmasıdır. Bu ayrım bu yüzden uygulama önerisidir ve bahçe aletleri kartı üzerinden kurulmuştur.

Tablo: Kart kalıpları ve taranabilirlik açısından değerlendirme

KalıpYapıTaranabilirlik notu
Tek bağlantı, tüm kart içindeKartın dış kabuğu bir a href; içinde görsel, ad, fiyatTek hedef, ama bağlantı metni kartın tüm metnini taşır
Ad bağlantısı + tüm kartı kaplayan alanÜrün adı bir a href, kartın geri kalanı o bağlantıya bağlı bir alanÇapa metni yalnızca ürün adı olur
Görsel ve ad ayrı bağlantıİki ayrı a href, aynı hedefAynı hedefe iki bağlantı; görselin alt metni önemlidir
Betikle açılan kartKabuk div, tıklamada JavaScript yönlendirirBelgeye göre güvenilir değil
Düğme ile açılan kartYalnızca "Detay" düğmesi bir bağlantıÇapa metni "Detay" olur, ürün adı bağlantıda yer almaz

Karar kuralı: kartın hedefi bir ürün sayfasıysa ürün adını taşıyan gerçek bir bağlantı bulunsun. Tüm kartı tıklanabilir yapmak istiyorsanız bunu o bağlantıyı genişleterek yapın, bağlantıyı kaldırıp yerine betik koymayın.

a href kuralı ve betikle açılan kartlar

Google belgesindeki örnek çiftler kuralı somutlaştırır. Önerilen biçimler href taşıyan standart a öğeleridir. Önerilmeyen biçimler arasında href yerine başka bir nitelik kullanan öğeler (belgede span ve bir çatı yönlendirme niteliği örnek verilir) ve href'i olmayan, yalnızca onclick ile yönlendiren a öğeleri vardır. Belge, href niteliği olmayan a öğelerinden URL'nin güvenilir biçimde çıkarılamadığını söyler.

İki ayrıntı ön yüz geliştiricisi için önemlidir. Birincisi, href'in gerçek bir adrese çözülmesi gerekir: belge javascript: ile başlayan bir href'i önerilmeyen biçimler arasında sayar. İkincisi, bağlantılar JavaScript ile sayfaya eklendiğinde de taranabilir; yeter ki standart a href işaretlemesi kullanılsın. Yani kartları istemci tarafında üretmek tek başına sorun değildir, kartın içindeki bağlantının biçimi sorundur.

Tablo: Bağlantı biçimleri

BiçimBelgedeki durum
a href ile gerçek adresÖnerilir
a href ve ek olarak onclick işleyicisiÖnerilir, href gerçek adres olduğu sürece
Yalnızca onclick ile yönlendiren aÖnerilmez
href yerine başka bir niteliğe adres yazan öğeÖnerilmez
href içinde javascript: çağrısıÖnerilmez
JavaScript ile sayfaya eklenen a hrefTaranabilir

Örnek senaryo: bahçe aletleri kartı

Örnek senaryo: bir pazaryerinde budama makası, çim tırmığı ve sulama hortumu ilanları kart olarak listeleniyor. Kartlar tek sayfa uygulaması içinde üretiliyor ve her kartın tıklama dinleyicisi, ilanın adresini yönlendirme fonksiyonuna veriyor. Kart elementleri div, href yok. Kullanıcı hiçbir sorun yaşamıyor, ama taranabilirlik açısından listelerin ilanlara bağlantısı yok. Düzeltme: her kartın ürün adı, ilanın gerçek adresini taşıyan bir a href olarak yazılır, dinleyici isteniyorsa (örneğin analiz için) bu bağlantı üzerinde kalır ve yönlendirmeyi bağlantının kendisi yapar.

Düzeltmenin doğru olup olmadığını kullanıcının gördüğü ekrandan anlayamazsınız. Sayfanın kaynağında ve işlenmiş hâlinde bağlantının bulunduğunu doğrulamanız gerekir; doğrulama adımları test bölümünde sıralanır.

Çapa metni: ürün adı mı, "Detay" mı

Google'a göre iyi çapa metni açıklayıcı, makul ölçüde kısa ve bağlandığı sayfayla ilgilidir. Belge bir sınama önerir: çapa metnini tek başına okuyun ve bir şey ifade edip etmediğine bakın. "Buraya tıklayın" bu sınamayı geçmez; "peynir çeşitleri listesine bakın" geçer. Genel ilke için açıklayıcı bağlantı metni yazısına bakın; karta özgü kararlar burada sıralanır.

Karttaki aday çapa metinleri ve değerlendirmesi:

Tablo: Karttaki çapa metni adayları

AdayTek başına anlamıDeğerlendirme
Detay / Devamı / İnceleYokSınamayı geçmez; ürünü tanımlamaz
Paslanmaz çelik budama makasıVarÜrünü tanımlar, kısa
Paslanmaz çelik budama makası, fiyat, kargo etiketi ve puanKarışıkFiyat, rozet ve puan çapa metnine karışmış
Bahçe aletleriKategoriyi söylerÜrüne değil kategoriye uygun
Boş (yalnızca görsel)Görselin alt metnine bağlıAlt metin çapa metni sayılır

Karar kuralı: ilan kartında ürün adını taşıyan bağlantı bulunsun. "Detay" düğmesi görsel olarak kalabilir, ama ürün adı bağlantısının yerine geçmez. Fiyat, rozet ve puan çapa metninin içine girmesin, ayrı öğelerde dursun.

Görsel bağlantısı ve alt metin

Google, bir bağlantı yalnızca görsel içeriyorsa görselin alt niteliğini çapa metni olarak kullandığını belirtir. Kartta görsel ayrı bir bağlantı olarak duruyorsa alt metin ürün adını yansıtmalıdır. Dekoratif görsel ayrı bir bağlantı değilse ve ad bağlantısının içinde yer alıyorsa boş alt metin uygun olur. Bu ayrım uygulama önerisidir.

Boş bağlantı ve title

Belge, a öğesi bir nedenle boşsa Google'ın title niteliğini yedek çapa metni olarak kullanabileceğini söyler. Bunu bir tasarım yöntemi olarak görmeyin. Yedek mekanizma, doğru çapa metninin yerini tutmaz. Kartlarda ürün adı görünür bir metin olarak bağlantının içinde yer almalıdır.

Aynı hedefe birden çok bağlantı

Kartta görsel, ad ve düğme aynı adrese giden üç ayrı bağlantıysa Google, bağlantıların art arda zincirlenmesinin okuyucunun bağlantıları ayırt etmesini zorlaştırdığını söyler. Uygulama önerisi: aynı hedefe giden bağlantı sayısını azaltın, birleştirebiliyorsanız tek bir ad bağlantısına bağlayın.

İlgili ürün modülünde bağlantı sayısı ve çeşitliliği

İlgili ürünler modülü, ürün sayfasından başka ürünlere giden bağlantı kümesidir. Google'ın e-ticaret sayfası site içi bağlantıların önemini şöyle çerçeveler (genel çerçeve için iç linkleme stratejisi yazısına bakın): bir sayfaya site içinden ne kadar çok bağlantı varsa sitenin içindeki göreli önemi o kadar yüksektir. Bağlantı belgesi ise her önemli sayfanın sitedeki en az bir başka sayfadan bağlantı alması gerektiğini ve sayfa başına ideal bir bağlantı sayısı bulunmadığını söyler.

Bu iki ifade modül tasarımı için sınır koyar ve sınır bırakmaz. Koyduğu sınır, önemli ürünlerin bir yerden bağlanması gerektiğidir. Bırakmadığı sınır, modülde kaç bağlantı olacağıdır. Karar, kullanıcının işine yarayacak kadar öneri sunmak ve gürültü yaratmamaktır.

Tablo: İlgili ürün modülü tasarım ölçütleri

ÖlçütSoruUygulama önerisi
SayıKullanıcı kaç öneriye bakıyor?Ekrana sığan ve taranabilecek kadar; sayıyı kullanıcı davranışından belirleyin
ÇeşitlilikAynı ürünün renk ve beden kopyaları mı dolduruyor?Farklı ürünlere yer verin
TamamlayıcılıkÜrünle birlikte alınan ürünler var mı?Budama makasının yanında bakım yağı gibi tamamlayıcılar
YenilikEski ya da satışı biten ürünler mi öneriliyor?Satışta olmayan ilanları önermeyin
Çapa metniHer bağlantı ürün adını taşıyor mu?Evet, kart kuralıyla aynı

Satılamayan ürüne bağlantı

Satışı biten ya da silinen bir ilana verilmiş site içi bağlantı, kullanıcıyı ve tarayıcıyı bir yanıt vermeyen sayfaya götürür. Uygulama önerisi: modül, ürünün durumunu üretim anında denetlesin ve satışta olmayan ilanları göstermesin. Satışı biten ilan sayfalarının nasıl yanıt vermesi gerektiği ayrı bir konudur.

Örnek senaryo: sulama hortumu sayfası

Örnek senaryo: sulama hortumu ilanının sayfasında ilgili ürünler modülü yer alıyor. İlk sürümde modül, aynı kategoriden rastgele sekiz ilan gösteriyordu. Ekip modülü yeniden tasarlıyor: üç alternatif hortum, üç tamamlayıcı (hortum bağlantı aparatı, sulama tabancası, hortum makarası) ve iki aynı satıcının ilanı. Her kart ürün adını taşıyan bir a href içeriyor. Satışı biten ilanlar modüle girmiyor. Yeni modül, kullanıcıya daha anlamlı seçenek sunuyor; Google belgelerine göre de önemli ilanların bağlantı almasına yardım ediyor.

Kişiselleştirilmiş öneriler

Bağlantı belgesi yalnızca standart a href işaretlemesinin taranabilir olduğunu söyler. Uygulama önerisi: kişiselleştirmeyi kullanıcıya özel bir ek katman olarak düşünün ve ilanın sabit, herkese aynı görünen ilgili ürünler kümesini ayrıca koruyun. Böylece tarayıcının gördüğü bağlantılar değişken bir oturum bilgisine bağlı kalmaz.

Karar kuralı: önemli ilanların bağlantı alması kişiselleştirmeye bırakılmasın. Her ürünün en az bir kategori ya da sabit ilgili ürün modülünden bağlantı alması sağlansın.

Kart bağlantılarını test etme adımları

Taranabilirlik, görünüşe bakarak anlaşılmaz. Belge JavaScript ile eklenen çapa metni için işlenmiş HTML'de var olduğundan emin olmak üzere URL Inspection aracının kullanılmasını önerir. Arayüzü Türkçe kullanıyorsanız araç adı farklı görünebilir.

Adımlar:

  1. Bir liste sayfası ve bir ürün sayfası seçin. Kaynak HTML'de (JavaScript çalışmadan) ve tarayıcıda işlenmiş DOM'da kartların bağlantılarını karşılaştırın.
  2. Her kartta ürün adını taşıyan bir a öğesi bulun. Öğenin href niteliği gerçek ve göreli ya da mutlak bir adres içermeli, javascript: ile başlamamalıdır.
  3. Kartın yalnızca onclick ile yönlendiren bir kabuğu varsa kabuk için ayrıca ad bağlantısı ekleyin.
  4. Çapa metnini tek başına okuyun. "Detay" ya da "İncele" gibi metinler varsa ürün adına çevirin.
  5. Görsel tek başına bağlantıysa alt metnin ürünü tanımladığından emin olun.
  6. URL Inspection aracında liste sayfasını işlenmiş HTML açısından inceleyin ve kart bağlantılarının orada olduğunu doğrulayın.
  7. Ürün sayfasındaki ilgili ürün modülü için aynı denetimi yineleyin.
  8. Satışı biten ilanlara giden bağlantı olup olmadığını modülün çıktısında arayın.

Bu sekiz adım bir kez yapılıp bırakılmaz. Kart bileşeni değiştiğinde yeniden yürütülmelidir.

Yapılandırılmış bir denetim sırası

Uygulama önerisi: denetimi bileşen düzeyinde bir kontrol listesi olarak tutun ve bileşen sahibinin her değişiklikte bunu gözden geçirmesini isteyin. Böylece "yeni tasarımda kartlar yine betikle açılıyor" gibi gerilemeler yayından önce yakalanır.

Aynı kart bileşeni, farklı liste türleri

Bir pazaryerinde kart bileşeni tek yerde yazılır ama farklı bağlamlarda görünür. Bağlama göre değişen şey kartın içeriği değil, çevresindeki bağlantı beklentisidir. Bileşen sahibi bu bağlamları bildiğinde "bu kartın bağlantısı kimin için önemli" sorusuna net cevap verebilir.

Tablo: Kartın göründüğü bağlamlar ve bağlantı beklentisi

BağlamBağlantının işiDikkat edilecek nokta
Kategori listesiÜrünleri kategori gezintisinden ulaşılabilir kılmakGoogle, kategori sayfalarından ürünlere bağlantı verilmesini önerir
Arama sonuçlarıKullanıcıyı ürüne götürmekÜrünlere yalnızca arama kutusundan ulaşılmasına güvenmeyin
Satıcı vitriniSatıcının ürünlerini sıralamakAynı karta farklı bir bağlam altında aynı bağlantı kuralı uygulanır
İlgili ürünlerÜrün sayfasından başka ürüne yönlendirmekSatışta olmayan ilanları göstermeyin
Ana sayfa vitriniÖne çıkan ürünleri duyurmakGoogle çok satan ürüne ana sayfadan bağlantı verilmesini örnek gösterir

Google'ın e-ticaret sayfası, ürünlerin arama kutusundan ulaşılabilir olmasının kategori gezintisinin yerini tutmadığını açıkça söyler. Bu nedenle yalnızca arama sonucu sayfasında kartı bulunan ama hiçbir kategori listesinde yer almayan bir ilan, sitenin bağlantı yapısında bir boşluktur. Kart bileşenini ne kadar iyi kurarsanız kurun, kartın bağlandığı bir liste yoksa bileşen bu boşluğu kapatmaz.

Sayfalama ve yükleme düzeni

Listelerin sayfalama, "daha fazla yükle" düğmesi ya da sonsuz kaydırma ile kurulması, hangi kartların ilk HTML'de bulunacağını etkiler. Okunan belgelerde sonsuz kaydırma veya sayfalama düzeni için ifade yok. Elde olan kural, kartların bağlantılarının standart a href olması ve JavaScript ile eklense bile bu işaretlemeyi taşımasıdır. Uygulama önerisi: listedeki sonraki sayfaya götüren kontrolü de gerçek bir bağlantı olarak kurun ve kart bağlantılarını bu sayfalara yayın. Sonraki sayfaya yalnızca bir düğme ve betikle ulaşılıyorsa o sayfadaki kartlara giden yol bağlantı olarak görünmez.

Örnek senaryo: bahçe aletleri vitrininde sonsuz kaydırma

Örnek senaryo: bahçe aletleri kategorisinde ilk yirmi kart sayfa ilk yüklendiğinde geliyor, sonrası kullanıcı kaydırdıkça betikle yükleniyor. Sonraki kartlar için hiçbir sayfa adresi yok. Ekip, kategoriye sayfalı bir bağlantı yapısı ekliyor: "Sonraki sayfa" kontrolü gerçek bir a href oluyor, kaydırma deneyimi kullanıcı için aynı kalıyor. Böylece hem kullanıcı kesintisiz deneyim yaşıyor hem de sonraki kartlar bağlantıyla ulaşılabilir hâle geliyor. Bu çözüm belgede önerilen bir kalıp değil, belgedeki bağlantı kuralının uygulamasıdır.

Analiz olayları bağlantıyı bozmadan nasıl eklenir

Kart tıklamalarını ölçmek isteyen ekipler bağlantıya bir onclick işleyicisi eklemeyi düşünür. Google belgesi bunu doğrudan örnekler: href'i gerçek bir adres olan ve ek olarak onclick işleyicisi taşıyan a öğesi önerilen biçimdir. Yani ölçüm kodu bağlantıyı bozmaz, yeter ki bağlantı kendi adresini taşısın ve yönlendirmeyi işleyici tek başına yapmasın.

Tablo: Ölçüm kodu eklemenin iki yolu

YolDavranışDeğerlendirme
href + onclick (olayı gönderir, yönlendirmeyi bağlantıya bırakır)Bağlantı çalışır, olay da kaydedilirBelgedeki önerilen biçimle uyumlu
onclick yönlendirir, href yokOlay kaydedilir, yönlendirmeyi betik yaparBelgeye göre güvenilir değil
Kartın dışındaki kapsayıcıda dinleyiciOlay yukarı akışla yakalanır, bağlantı olduğu gibi kalırBağlantı bozulmaz

Uygulama önerisi: olay dinleyicisini kapsayıcı üzerinde tutun ve bağlantının varsayılan davranışını engellemeyin. Böylece sayfa yeniden yapılandırıldığında ölçüm de bağlantı da birbirinden bağımsız kalır.

Çapa metni yazım kuralları: bahçe aletleri örnekleri

Ürün adı bir bağlantı metni olarak iyi çalışır, çünkü tek başına okunduğunda ürünü söyler. Ürün adında varyant, marka ve model bilgisi bulunduğunda adın uzayıp uzamayacağı bir karardır. Google "makul ölçüde kısa" ifadesini kullanır ve bir sayı vermez.

Tablo: Ad bağlantısı için örnek metinler

ÜrünUygun çapa metniSorunlu çapa metniSorun
Bypass budama makasıBypass budama makasıMakasÇok genel, kategoriyi de karşılar
Metal çim tırmığıMetal çim tırmığıBu ürünü inceleyinÜrünü tanımlamaz
Sulama hortumu makarasıSulama hortumu makarasıHortum makarası ve sulama tabancası kampanyalı fiyatKampanya metni çapa metnine girmiş
Teleskopik dal kesme testeresiTeleskopik dal kesme testeresiTESTERE TESTEREAnahtar kelime yığması

Google, çapa metninde anahtar kelime doldurmaktan kaçınmayı ve doğal yazmayı önerir. Karttaki ürün adı satıcının girdiği ilan başlığıysa, başlığa giren fazla ifadeler çapa metnine de yansır. Uygulama önerisi: ilan formunda başlık için bir uzunluk ve içerik kuralı (fiyat ve kampanya ifadesi yasağı gibi) koyun; böylece kart çapa metni ilan başlığıyla birlikte düzelir.

Marka adı tekrarını azaltmak

Aynı satıcının ilanlarında marka adı başlığın başında yer alıyorsa liste sayfasında çok sayıda bağlantı aynı sözcükle başlar. Belge bunu yasaklamaz, ama tek başına okunduğunda ayırt edilebilirlik ilkesi için ürün türünü ve ayırt edici özelliği de içermelidir. Uygulama önerisi: kart başlığında marka adı ürün türünden sonra gelsin ya da ayrı bir öğede gösterilsin.

Ekip akışı: kart değişikliğinde kimin neye baktığı

Kart bileşeni birden fazla ekibin değiştirebildiği bir bileşendir. Tasarım, ön yüz, ürün ve SEO farklı kararları taşır. Uygulama önerisi olarak bir sorumluluk tablosu şöyle kurulabilir.

Tablo: Kart bileşeni karar sahipleri

KararSahipKontrol
Kartın bağlantı yapısıÖn yüz geliştiriciHer kartta ürün adı a href'i var mı
Çapa metni kuralıSEO sorumlusu ve içerikAd kısa ve açıklayıcı mı
İlgili ürün seçimiÜrün sahibiFarklı ve satışta olan ürünler mi
Ölçüm olaylarıAnalitik sorumlusuOlay bağlantıyı bozmuyor mu
Yayın öncesi denetimKalite ekibiKaynak ve işlenmiş HTML karşılaştırması

Örnek senaryo: kart bileşeni yenileme sprinti

Örnek senaryo: bahçe aletleri pazaryeri kart tasarımını yeniliyor. Eski kart tek bir a href içeriyordu, yeni tasarımda kartın tamamı bir div ve içinde "Detay" düğmesi var. Yayın öncesi denetimde kart sayısı sayfa kaynağında korunuyor ama a href sayısı sıfıra düşüyor. Ekip bileşeni geri alıyor, ürün adını bağlantıya çeviriyor ve düğmeyi görsel olarak koruyor. Denetim, bileşen sahibinin kontrol listesine kalıcı olarak ekleniyor.

Yeniden yapılanmada ilk işaret a href sayısıdır: kart sayısına eşit olmayan bir sayı, bir yerde bağlantının kaybolduğunu gösterir. Karşılaştırmayı yayın öncesi otomatik bir testte tutmak, bu türden gerilemeleri sprint sonunda değil, kod incelemesinde yakalar.

Denetim sonuçlarını okumak

Kaynak HTML ile işlenmiş HTML'i karşılaştırdığınızda üç farklı durumla karşılaşabilirsiniz. Her durumun kök nedeni ve düzeltmesi farklıdır.

Tablo: Karşılaştırma sonuçları ve anlamları

GözlemAnlamıDüzeltme
Kaynak HTML'de kart bağlantıları varSunucu bağlantıları üretiyorÇapa metnini ve href biçimini denetleyin
Yalnızca işlenmiş HTML'de bağlantı varBağlantılar JavaScript ile ekleniyorBelgeye göre taranabilir, ancak işlenmiş HTML'de çapa metninin bulunduğunu doğrulayın
İkisinde de bağlantı yokKart betikle yönleniyorÜrün adı için gerçek bir a href ekleyin
Bağlantı var ama href boş ya da javascript:Adres çözülemiyorhref'i gerçek ürün adresiyle doldurun
Bağlantı var ama metin boşYalnızca görsel ya da boş etiketAlt metni ya da görünür ad metnini ekleyin

Google, JavaScript ile sayfaya eklenen çapa metninin işlenmiş HTML'de bulunduğundan emin olmak için URL Inspection aracının kullanılmasını söyler. Aracın verdiği sonuç, kullanıcının gördüğü ekranla aynı olmayabilir; tarayıcıda görünen ile işlenmiş HTML'deki içerik karşılaştırılmalıdır.

Mobil ve masaüstü kart farkı

Kart bileşeninin mobil ve masaüstü sürümleri farklı işaretleme üretiyorsa denetimi ikisi için de yapın. Uygulama önerisi: mobilde kart gizlenip yerine başka bir bileşen gösteriliyorsa bağlantı kuralının yeni bileşende de korunduğunu doğrulayın.

Örnek senaryo: önce ve sonra

Örnek senaryo: bahçe aletleri kategorisinde bir kart, ürün adını düz metin, görseli ise tıklama dinleyicili bir div olarak içeriyor. Denetim tablosu şu sonucu veriyor: işlenmiş HTML'de kategori sayfası başına bağlantı sayısı kart sayısının çok altında. Düzeltmeden sonra her kartta ürün adı bir a href, görsel aynı a href'in içinde ve alt metni boş. Denetim tablosunda bağlantı sayısı kart sayısına eşit. Önce ve sonra arasındaki fark, kullanıcıya görünmeyen ama tarayıcıya görünen bir yapı farkıdır.

Takip ve bakım

Kart bağlantılarının doğruluğu bir kez kurulup bırakılacak bir ayar değildir. Tasarım sistemi güncellendiğinde, yeni bir liste türü eklendiğinde ya da bir satıcı vitrini yenilendiğinde yeniden doğrulanması gerekir. Uygulama önerisi: kart bileşenine iki otomatik test ekleyin. Birincisi, bileşenin çıktısında ürün adını taşıyan ve href'i gerçek adres olan bir a öğesi aranır. İkincisi, liste sayfası örneğinde a href sayısı ile kart sayısı karşılaştırılır. Bu iki test, tasarım yenilemelerinde kullanıcı gözüyle fark edilmeyen kayıpları kod incelemesi aşamasında yakalar.

Ayrıca dönem dönem kendi tarama verinizden her ürün sayfasına kaç iç bağlantının gittiğini çıkarın. Google, önemli her sayfanın en az bir başka sayfadan bağlantı alması gerektiğini söyler. Hiç iç bağlantı almayan ilanlar bir kategori listesine ya da ilgili ürün modülüne girmemiştir. Bu listeyi ürün sahibiyle paylaşın ve satışı süren ilanların bağlantı alacağı bir yer belirleyin. Çok sayıda bağlantı alan ama satışta olmayan ilanlar da ayrı bir temizlik listesidir; bağlantıyı satışta olan benzer ilana yönlendirmek kullanıcı için de daha yararlıdır.

Taranabilir kart için kontrol listesi

Kontrol listesi: Ürün kartı ve ilgili ürün modülü

  • Her kartta ürün adını taşıyan bir a href var mı?
  • href gerçek bir adres mi, javascript: çağrısı değil mi?
  • Kart yalnızca onclick ile mi yönleniyor?
  • Çapa metni tek başına okununca ürünü tanımlıyor mu?
  • Fiyat, rozet ve puan çapa metnine karışmış mı?
  • Yalnızca görselden oluşan bağlantıda alt metin ürün adını yansıtıyor mu?
  • Aynı hedefe giden gereksiz bağlantı sayısı azaltıldı mı?
  • İlgili ürün modülü satışta olmayan ilanları dışarıda bırakıyor mu?
  • Önemli ürünler en az bir sabit kategori ya da modül bağlantısı alıyor mu?
  • URL Inspection aracında işlenmiş HTML'de bağlantılar görülüyor mu?

Dikkat edilecek hatalar

Kartı bağlantı yerine tıklama dinleyicisine bağlamak

href'i olmayan ve yalnızca onclick ile yönlendiren öğeler zayıf kalıptır. Dinleyiciyi bağlantı üzerinde tutun, bağlantıyı kaldırmayın.

"Detay" düğmesini tek bağlantı yapmak

Kartta ürün adı düz metin, düğme ise tek bağlantıysa Google için çapa metni "Detay" olur. Ürün adını bağlantının içine alın.

Çapa metnini fiyat ve rozetle şişirmek

Belge çapa metninin açıklayıcı ve makul ölçüde kısa olmasını ister. Fiyat ve etiketleri bağlantının dışında tutun.

Aynı sayfadan çok sayıda bağlantıyı zincirlemek

Belge, art arda zincirlenen bağlantıların okuyucu için ayırt edilmesinin zor olduğunu söyler. Kartlar arasında anlamlı boşluk ve ayrı başlık kullanın.

Modülü her yüklemede rastgele üretmek

Rastgele üretilen ilgili ürün listesi, önemli ilanların bağlantı almasını şansa bırakır. Önemli ilanlar için sabit bir bağlantı kaynağı tutun.

Sık Sorulan Sorular

Kartın tamamını tıklanabilir yapmak SEO için sorun mu?

Belge, URL'nin href niteliği olan bir a öğesinden çıkarılabilmesini ister. Kartın bağlantısı gerçek bir a href ise tamamını tıklanabilir yapmak bu kuralla çelişmez.

href yerine onclick kullanırsam ne olur?

Google belgesi, href niteliği olmayan a öğelerinden URL'yi güvenilir biçimde çıkaramayacağını söyler. Önerilen biçim, href'i gerçek adres olan bir a öğesidir.

Çapa metni olarak ürün adı mı yoksa 'Detay' mı yazmalıyım?

Google iyi çapa metnini açıklayıcı, makul ölçüde kısa ve bağlandığı sayfayla ilgili olarak tanımlar. 'Detay' tek başına okununca bir şey söylemez. Ürün adı bu sınamayı geçer.

İlgili ürün modülünde kaç bağlantı olmalı?

Belgede sayfa başına ideal bir bağlantı sayısı olmadığı söylenir. Kullanıcıya yararlı ve farklı ürünlerden oluşan bir küme seçin.

Kişiselleştirilmiş öneriler taranabilir mi?

Standart a href işaretlemesi taranabilirdir. Uygulama önerisi: önemli ilanları sabit bir bağlantı kaynağından da bağlayın.

Kart bağlantılarının Google'a görünüp görünmediğini nasıl denetlerim?

Belge, JavaScript ile eklenen çapa metninin işlenmiş HTML'de bulunduğundan emin olmak için URL Inspection aracının kullanılmasını önerir.

Sonuç

Ürün kartı ve ilgili ürün bağlantıları üç kurala dayanır: kartın içinde href'i gerçek bir adres olan a öğesi bulunması, çapa metninin tek başına okunduğunda ürünü tanımlaması ve önemli ilanların sabit bir yerden bağlantı alması. Tıklama dinleyicisi, "Detay" düğmesi ve rastgele modüller bu kurallardan sapar. Sapmayı kullanıcı görmez, ama kaynak HTML ve işlenmiş HTML karşılaştırması gösterir.

Kartları taranabilir kurduktan sonra ilanlarınızın daha fazla kişiye ulaşması için reklam alanlarını inceleyin.

0 Yorumlar

Bu yazı için henüz yorum yapılmamış.

Yorum Yaz

Yorum yapabilmek için giriş yapmalısınız. Giriş Yap