SSR: içerik sunucuda hazırlanır
Twicart vitrini, arama motorlarının ihtiyaç duyduğu temel içeriği sunucuda hazırlayarak HTML çıktısına dahil eder. SSR, sayfanın içerik yapısının sunucu tarafında oluşturulmasıdır. Böylece ürün ve kategori sayfalarının temel bilgileri ilk sayfa yanıtının parçası olur.
Bu yaklaşımda ziyaretçiye gösterilen ürün içeriği ile arama motorunun inceleyebildiği içerik birlikte düşünülür. Ürün adını, açıklamasını ve kategori listelerini anlaşılır bir sayfa yapısı içinde sunmak; hem içerik yönetiminin hem de teknik SEO’nun temelidir.
Ürün sayfasında SSR: alan alan
| Alan | SEO yaklaşımı |
|---|---|
| Ürün adı | Ürün adı sunucuda hazırlanan sayfa içeriğinde yer alır. Sayfanın hangi ürüne ait olduğunu tanımlar. |
| Ürün görseli | Ürün görselinin HTML öğesi sunucu çıktısında bulunur. Görsel dosyasının tarayıcıda yüklenmesi ayrı bir adımdır; HTML’de bulunması tüm görsel dosyalarının aynı anda indirildiği anlamına gelmez. |
| Ürün açıklaması | SEO için hazırladığınız ürün açıklamaları sunucuda oluşturulan içerik yapısına katılır. Ürünün kullanımını ve ayırt edici bilgilerini bu alanda anlatabilirsiniz. |
Kategori sayfasında SSR: liste ve pagination dahil
| Alan | SEO yaklaşımı |
|---|---|
| Kategori içeriği | Kategori adı ve SEO açıklamaları sunucuda hazırlanan sayfa içeriğinin parçasıdır. |
| Kategorideki ürünler | İstenen kategori sayfasındaki ürün listesi SSR ile hazırlanır. Ürün adları, görsel öğeleri ve ürün sayfalarına bağlantılar liste içinde sunulur. |
| Pagination | Sayfalandırma bağlantıları da sunucuda hazırlanan yapıya dahildir. Kataloğun devamına ulaşmak için kullanılabilecek sayfa bağlantıları bulunur; istenen sayfanın ürünleri o sayfanın içeriğidir. |
H1, H2 ve anlamlı HTML yapısı
Twicart’ın sayfa yapısında HTML öğelerinin amacına uygun kullanımı gözetilir. Ana başlık, bölüm başlıkları, açıklamalar ve bağlantılar içerik hiyerarşisi içinde ele alınır. Başlıkları yalnızca büyük yazı elde etmek için değil, içeriğin bölümlerini anlatmak için kullanmak bu yaklaşımın parçasıdır.
| Alan | SEO yaklaşımı |
|---|---|
| H1 | Sayfanın ana konusunu açıklar; örneğin ürün veya kategori adı. |
| H2 | Ana konuyu kullanım, özellikler veya sık sorulan sorular gibi bölümlere ayırır. |
| H3 | Bir bölümün içindeki alt konuları düzenler. |
| Paragraf, liste ve bağlantı | Açıklamaları, özellikleri ve ilgili sayfalara geçişleri kendi amaçlarına uygun öğelerle sunar. |
SSR ve tarayıcı etkileşimleri farklı görevler üstlenir
İçeriğin ilk HTML’de bulunması, sayfanın etkileşimsiz olması anlamına gelmez. Bir galeride sonraki görsele geçmek, bir modal açmak veya bir formda kullanıcı girişine yanıt vermek gibi işlemler tarayıcıdaki JavaScript ile çalışabilir. Bunlar istemci tarafı etkileşim örnekleridir; her bir Twicart bileşeninin yalnızca CSR ile üretildiği anlamına gelmez.
Sunucuda üretilen bir komponent sonradan tarayıcıda etkileşim kazanabilir. Bu nedenle “tıklanabiliyor” demek “ilk HTML’de yok” demek değildir. Burada SSR kapsamı ürün ve kategori içeriği üzerinden anlatılır; bileşen bazında CSR listesi için render çıktısının ayrıca incelenmesi gerekir.