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ıp | Yapı | Taranabilirlik notu |
|---|---|---|
| Tek bağlantı, tüm kart içinde | Kartın dış kabuğu bir a href; içinde görsel, ad, fiyat | Tek 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ı hedef | Aynı hedefe iki bağlantı; görselin alt metni önemlidir |
| Betikle açılan kart | Kabuk div, tıklamada JavaScript yönlendirir | Belgeye göre güvenilir değil |
| Düğme ile açılan kart | Yalnı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çim | Belgedeki 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 href | Taranabilir |
Ö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ı
| Aday | Tek başına anlamı | Değerlendirme |
|---|---|---|
| Detay / Devamı / İncele | Yok | Sı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 puan | Karışık | Fiyat, rozet ve puan çapa metnine karışmış |
| Bahçe aletleri | Kategoriyi 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çüt | Soru | Uygulama önerisi |
|---|---|---|
| Sayı | Kullanıcı kaç öneriye bakıyor? | Ekrana sığan ve taranabilecek kadar; sayıyı kullanıcı davranışından belirleyin |
| Çeşitlilik | Aynı ü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 |
| Yenilik | Eski ya da satışı biten ürünler mi öneriliyor? | Satışta olmayan ilanları önermeyin |
| Çapa metni | Her 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:
- 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.
- 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.
- Kartın yalnızca onclick ile yönlendiren bir kabuğu varsa kabuk için ayrıca ad bağlantısı ekleyin.
- Çapa metnini tek başına okuyun. "Detay" ya da "İncele" gibi metinler varsa ürün adına çevirin.
- Görsel tek başına bağlantıysa alt metnin ürünü tanımladığından emin olun.
- 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.
- Ürün sayfasındaki ilgili ürün modülü için aynı denetimi yineleyin.
- 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ğlam | Bağlantının işi | Dikkat edilecek nokta |
|---|---|---|
| Kategori listesi | Ürünleri kategori gezintisinden ulaşılabilir kılmak | Google, 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ı vitrini | Satıcının ürünlerini sıralamak | Aynı 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önlendirmek | Satışta olmayan ilanları göstermeyin |
| Ana sayfa vitrini | Öne çıkan ürünleri duyurmak | Google ç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
| Yol | Davranış | Değerlendirme |
|---|---|---|
| href + onclick (olayı gönderir, yönlendirmeyi bağlantıya bırakır) | Bağlantı çalışır, olay da kaydedilir | Belgedeki önerilen biçimle uyumlu |
| onclick yönlendirir, href yok | Olay kaydedilir, yönlendirmeyi betik yapar | Belgeye göre güvenilir değil |
| Kartın dışındaki kapsayıcıda dinleyici | Olay yukarı akışla yakalanır, bağlantı olduğu gibi kalır | Bağ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ün | Uygun çapa metni | Sorunlu çapa metni | Sorun |
|---|---|---|---|
| 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ı fiyat | Kampanya metni çapa metnine girmiş |
| Teleskopik dal kesme testeresi | Teleskopik dal kesme testeresi | TESTERE TESTERE | Anahtar 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
| Karar | Sahip | Kontrol |
|---|---|---|
| Kartın bağlantı yapısı | Ön yüz geliştirici | Her kartta ürün adı a href'i var mı |
| Çapa metni kuralı | SEO sorumlusu ve içerik | Ad kısa ve açıklayıcı mı |
| İlgili ürün seçimi | Ürün sahibi | Farklı ve satışta olan ürünler mi |
| Ölçüm olayları | Analitik sorumlusu | Olay bağlantıyı bozmuyor mu |
| Yayın öncesi denetim | Kalite ekibi | Kaynak 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özlem | Anlamı | Düzeltme |
|---|---|---|
| Kaynak HTML'de kart bağlantıları var | Sunucu bağlantıları üretiyor | Çapa metnini ve href biçimini denetleyin |
| Yalnızca işlenmiş HTML'de bağlantı var | Bağlantılar JavaScript ile ekleniyor | Belgeye göre taranabilir, ancak işlenmiş HTML'de çapa metninin bulunduğunu doğrulayın |
| İkisinde de bağlantı yok | Kart 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ülemiyor | href'i gerçek ürün adresiyle doldurun |
| Bağlantı var ama metin boş | Yalnızca görsel ya da boş etiket | Alt 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.
Yorum Yaz
Yorum yapabilmek için giriş yapmalısınız. Giriş Yap