Hyvä SEO: temiz kod, yapılandırılmış veri, verimli tarama

Mağaza sahipleri sık sık Hyvä'ya geçmenin sıralamalarını iyileştirip iyileştirmeyeceğini soruyor. Dürüst cevap şu: Hyvä engelleri kaldırır, ancak sıralamalar yine içeriğe, bağlantılara ve teknik özene bağlıdır.

Bu yazıda Hyvä mağazalarında kontrol ettiğimiz teknik SEO noktalarını ele alıyoruz: kod yapısı, yapılandırılmış veri ve arama motorlarının kataloğu ne kadar verimli tarayabildiği.

Hyvä SEO açısından neyi değiştirir

Hyvä, Luma’nın RequireJS, KnockoutJS, jQuery ve LESS tabanlı ön yüzünü Tailwind CSS ve Alpine.js ile değiştirir. SEO açısından bunun üç sonucu vardır:

• İçerik HTML'in içinde. Hyvä şablonları sunucuda PHP ile oluşturulur. Ürün adları, fiyatlar ve açıklamalar sonradan tarayıcıda oluşturulmaz, sayfa kaynağında yer alır.
• Sayfalar çok daha hafif. Sunucunuzdaki Karşılaştırma testimizde, Hyvä sayfaları yaklaşık 26 KB JavaScript ile 15 ila 19 istek yaparken, Luma'da bu sayı 251 ila 275 oldu.
• Core Web Vitals'ı geçmek daha kolay. Aynı sunucu ve katalogla mobil LCP, Hyvä'da 1,5 ila 1,6 saniye, Luma'da ise 2,3 ila 2,5 saniyeydi.

Sayfa deneyimi pek çok sinyalden yalnızca biridir. Daha hızlı bir mağaza en çok, ziyaretçilerin davranışını iyileştirdiği noktada işe yarar; örneğin hemen çıkma ve dönüşüm oranında.

Hyvä'nın değiştirmedikleri: URL yapısı, meta veriler, canonical ayarları, site haritaları ve robots kuralları. Bunlar Magento yapılandırmasıdır ve sizin sorumluluğunuzda kalır.

Temiz kod ve başlıklar

Hyvä şablonları sade ve okunaklıdır; bu da HTML'i düzenli tutmayı kolaylaştırır. Yeniden yapım, temelleri kontrol etmek için iyi bir fırsattır:

• Sayfa başına tek bir h1 etiketi; içinde ürün veya kategori adı yer alır.
• Açıklamalarda ve CMS içeriğinde mantıklı bir başlık sırası.
• Ürün görsellerinde açıklayıcı alt metin.
• Gezinme ve sayfalama için yalnızca tıklama işleyicileri değil, href özniteliği olan gerçek bağlantılar.
• Ürün ve kategori metni, sonradan yüklenen sekmelerde gizli değil, sayfada görünür.

Alpine.js sekmeleri ve akordeonları sorun değildir; yeter ki içerik sayfa yüklendiğinde HTML'de zaten bulunsun.

Yapılandırılmış veri: varsaymayın, kontrol edin

Yapılandırılmış veri, arama motorlarının ürünleri, fiyatları, stok durumunu ve gezinti yollarını (breadcrumb) anlamasına yardımcı olur. Zengin sonuçları mümkün kılan da budur.

Mağazanın hangi verileri ürettiği; tema sürümüne, alt temadaki değişikliklere ve kurulu modüllere bağlıdır. Taşımadan sonra eski kodun aynen aktarıldığını varsaymak yerine gerçek ürün ve kategori sayfalarını test ediyoruz.

Genellikle kontrol ettiğimiz türler şunlar:

• Ürün ; ad, görsel, açıklama ve SKU ile.
• Offer ; fiyat, para birimi ve stok durumu ile, sayfada görünenle birebir aynı.
• BreadcrumbList ; ürün ve kategori sayfalarında.
• Organization ve WebSite ; ana sayfada.

JSON-LD'yi tercih ediyoruz ve alt temadaki küçük bir blokla ekliyoruz; böylece görsel şablonlardan ayrı kalıyor:

<script type="application/ld+json">
<?= /* @noEscape */ json_encode([
    '@context' => 'https://schema.org',
    '@type' => 'Product',
    'name' => $product->getName(),
    'sku' => $product->getSku(),
    'offers' => [
        '@type' => 'Offer',
        'price' => $product->getFinalPrice(),
        'priceCurrency' => $currencyCode,
    ],
], JSON_UNESCAPED_SLASHES) ?>
</script>

İki farklı modülden iki ayrı ürün verisi seti basmaktan kaçının. Birbiriyle çelişen fiyat veya stok bilgisi, zengin sonuçların görünmesini engelleyebilir.

Büyük kataloglarda tarama verimliliği

Arama motorlarının her site için ayırdığı süre sınırlıdır. Magento'da katmanlı gezinme (layered navigation), bu süreyi boşa harcayan çok sayıda filtre adresi üretebilir.

• Canonical etiketleri. Katalog SEO ayarlarında kategoriler ve ürünler için canonical bağlantı meta etiketlerini açın.
• Filtre adresleri. Hangi filtre kombinasyonlarının indekslenmeyi hak ettiğine karar verin. Geri kalanını indeksin ve site haritasının dışında tutun.
• Ürün adresleri. Ürün adreslerinin kategori yolunu içerip içermeyeceğini seçin ve tutarlı kalın; böylece tek bir ürün birçok farklı adreste yer almaz.
• XML site haritası. Her mağaza görünümü için ayrı oluşturun ve yalnızca indekslenebilir sayfaları ekleyin.
• robots.txt. Arama, ödeme sayfası, hesap ve sepet yollarını engelleyin.

Daha hafif sayfalar burada da işe yarar. Sayfa başına daha az istek, arama motoru botunun her ziyaretinde daha az iş demektir. Bu ayarları Magento 2 SEO kontrol listemiz yazımızda daha ayrıntılı ele alıyoruz.

Hız, görseller ve SEO bir arada

Hız çalışması ile SEO çalışması, çoğu ekibin sandığından daha fazla örtüşür. Birkaç nokta ikisine birden yardımcı olur:

• Görsel dosya adları ve alt metin. Açıklayıcı dosya adları ve alt metinler görsel aramasına yardımcı olur ve sayfaya hiç ağırlık eklemez.
• Hafif ve doğru boyutlandırılmış görseller. WebP kopyalarını sunmak ve ana görseli önce yüklemek LCP'yi iyileştirir. Ayrıntılar için Hyvä mağazaları için ürün görseli stratejimize.
• Daha az üçüncü taraf script'i. Her etiket yöneticisi (tag manager) kapsayıcısı, sohbet widget’ı ve izleme pikseli sayfaya yük ekler. Hyvä’nın hafif temeli, ancak siz onu hafif tutarsanız işe yarar.
• Sabit sayfa düzeni. Görsellerde genişlik ve yükseklik belirtmek ve bannerlar için yer ayırmak, düzen kaymalarını önler.

Eklentileri ve izleme kodları olan gerçek bir Luma mağazasında, puanların temiz bir test kurulumuna göre çok daha düşük çıkmasının nedeni çoğu zaman bu ek script'lerdir. Eski script'ler taşınırsa aynı şey Hyvä'da da olabilir.

Diller ve hreflang

Birden fazla dil veya ülkeye hitap eden mağazalarda hreflang, arama motorlarına hangi sürümü hangi ziyaretçiye göstereceklerini söyler.

Magento varsayılan olarak hreflang etiketi üretmez; bu nedenle her sayfayı diğer mağaza görünümlerindeki karşılıklarına bağlayan bir modül ya da özel bir blok gerekir. Mağaza kurulumunu şu yazıda anlatıyoruz: çok dilli Hyvä mağazaları.

Taşıma sırasında sıralamaları korumak

Luma'dan Hyvä'ya geçiş temayı değiştirir, kataloğu değil. Adresleriniz aynı kalabilir ve aynı kalmalıdır.

• Tüm ürün, kategori ve CMS adreslerini değiştirmeden koruyun.
• Başlıkları, meta açıklamaları ve sayfa içi metinleri aynen aktarın.
• Aynı sayfalarda yapılandırılmış veriyi öncesi ve sonrası olarak karşılaştırın.
• İzleme ve analitik kodlarının hala çalıştığını kontrol edin.
• Yayından sonra Search Console kapsamını ve performansını yakından takip edin.

Mağazaları Hyvä'ya taşırken adresleri ve izleme kodlarını koruyor, geçişi trafiğin sakin olduğu bir saatte yapıyoruz.

SSS

Hyvä Google sıralamalarımı iyileştirir mi?

Teknik engelleri kaldırır ve Core Web Vitals'ı geçmeyi kolaylaştırır. Sıralamalar yine içeriğe, bağlantılara ve doğru Magento SEO ayarlarına bağlıdır.

Hyvä içeriği arama motorlarına görünür mü?

Evet. Hyvä sayfaları sunucuda oluşturur; bu yüzden ürün ve kategori içeriği, arama motoru botlarının aldığı HTML'in içindedir.

Hyvä'ya geçiş adreslerimi değiştirir mi?

Değiştirmesi gerekmez. Hyvä bir ön yüz temasıdır; adresler aynı Magento kataloğundan ve yönlendirmelerden gelir ve aynı kalmalıdır.

Bir taşıma mı planlıyorsunuz ve sıralamalarınızı korumak mı istiyorsunuz? Şunlara göz atın: Hyvä tema geliştirme hizmetimiz ve Magento 2 SEO hizmetimiz.