Sunucu Tarafı Oluşturma için Pazarlamacı Kılavuzu

Programlama dili, özellikle SEO çalışmanız öncelikle teknik olmayan tarafa odaklandığında, kavraması kolay bir kavram değildir. Ancak burada teknik SEO ile ilgili bir şey var: Bunu bilmek, web sitenizin daha iyi arama motoru sıralaması için yapması gereken değişiklikleri anlamanıza yardımcı olur.
Google, Sayfa Deneyimi güncellemesinin bir parçası olan Önemli Web Verilerini Haziran ayında kullanıma sunduğundan, teknik SEO'ya daha yakından bakmamış her pazarlamacı bunu şimdi yapmak isteyecektir.
Ve web siteniz JavaScript çerçeveleri üzerine inşa edildiğinde, incelenecek kısımlardan biri sunucu tarafı oluşturmadır.

Sunucu tarafı oluşturma nedir?

Sunucu tarafı oluşturma, bir web sayfasını alma, kodu alma, içeriği bir ekranda görüntüleme sürecinin tamamıdır - hepsi sunucuda gerçekleşir.
SSR'de:

• Sunucu, tarayıcıya oluşturulmaya hazır yanıt gönderir;
• Tarayıcı sayfayı işleyerek görüntülenmeye hazır hale getirir ve ardından tarayıcı JavaScript'i indirir;
• Tarayıcı daha sonra, sayfa görüntülenmeye hazır olduğu için React'i yürütür ve
• Web sayfası daha sonra etkileşim için hazırdır.

Her şeyin gerçekleşme şekli, onu diğer oluşturma türleri için daha iyi bir seçenek haline getirdi: istemci tarafı oluşturma (JavaScript'in tarayıcı tarafından, yani istemci tarafından oluşturulduğu yer) ve dinamik oluşturma (kullanıcıların istemci-sunucu tarafından oluşturulan içeriği ve arama motorlarını aldığı yer) sunucu tarafı işlenmiş içeriği alın). Google bile web geliştiricilerini sunucu tarafı oluşturmayı seçmeye teşvik eder.
Neden? Niye?

[Örnek Olay] Google'ın bot taramasını yönetme

26.000'den fazla ürün referansıyla 1001Pneus, SEO performanslarını izlemek ve Google'ın tarama bütçesini doğru kategorilere ve sayfalara ayırdığından emin olmak için güvenilir bir araca ihtiyaç duyuyordu. OnCrawl ile e-ticaret web siteleri için tarama bütçesini nasıl başarılı bir şekilde yöneteceğinizi öğrenin.

Örnek olayı okuyun

SSR'nin avantajları

• Bir kullanıcının internet bağlantısı yavaş olduğunda bir web sayfasının yüklenmesine yardımcı olur
• Sayfaların hızlı yüklenmesini sağlayarak daha iyi kullanıcı deneyimine katkıda bulunur
• Tam bir HTML sayfası oluşturarak zaman alan veri alma sürecini engeller.
• Kullanıcının eski nesil bir akıllı telefon gibi güçlü bir cihazı olmadığında bile sayfaların tüm öğeleriyle yüklenmesine olanak tanır.
• Arama motorlarının sayfaları doğru bir şekilde taramasını ve dizine eklemesini sağladığı için SEO performansına katkıda bulunur; botlar, JS'yi anladıkları için sayfaları kolayca tarayabilir

Genel olarak, SSR, çevrimiçi müşterilere daha iyi hizmet vermenize yardımcı olur, çünkü site ziyaretçileriniz sayfaların cihazlarında görüntülenmesini beklemeyeceklerdir. Hızlı sayfa geçişleri ayrıca, kullanıcılarınızın sitenizi hemen kullanmalarına izin vererek hiçbir zaman boş bir sayfa almamalarını sağlar.
Google, kullanıcı deneyimine dayalı algoritma geliştirmeleriyle daha doğru sonuçlar sunmak için kampanyasını güçlendirdiğinden, SSR, SEO performansınız için istemci-sunucu oluşturma ile karşılaştırıldığında daha iyidir.
Ancak dijital pazarlamadaki diğer her şey gibi, tekil bir yaklaşım herkes için nadiren işe yarar. Bazı durumlarda, sunucu tarafı oluşturma bir sorun olabilir. Google'ın dediği gibi, SSR “gümüş bir kurşun değildir”.

SSR'nin dezavantajları

• Aynı uygulamayı iki kez yaptığı için çok fazla iş gerektirir: bir kez istemcide ve ardından sunucuda.
• İlk bayta kadar zamanı geciktirebilir
• Üçüncü taraf JS'yi (örneğin, kullanıcı tarafından oluşturulan içerik, ürün incelemeleri vb.) veya statik HTML'nizde olmayan herhangi bir içeriği oluşturamadığından, dahili bağlantı veya sayfa kalitesini etkileyebilir; botlar onları göremez
• Güncellenmeyen URL'ler, botların yeni makaleleri göremeyeceği anlamına gelebilir ve bu da trafiğin kaçırılmasına neden olabilir.

SSR'nin bir diğer önemli yönü, oluşturma sunucularınızda gerçekleştiğinden, işletme için maliyet anlamına gelmesidir. Ancak bu tür bir işleme, Önemli Web Verileri optimizasyonuna katkıda bulunabileceğinden, yatırım yapmak isteyebileceğiniz bir maliyettir.

SSR neden CWV ile ilgilidir?

Web geliştiricileri ve SEO'lar, CWV'nin kullanıma sunulması beklentisiyle aylardır çalışıyor. Ankete katılan SEO ajanslarının yaklaşık yüzde 60'ı, müşterilerin CWV puanlarını iyileştirmekle meşgul. SSR kullanıyorsanız, beklentileri karşılamak için önemli işler yapmanız gerekmeyebilir.
SSR hızı kolaylaştırdığından, web siteniz metriklerden biriyle zaten başarılı olabilir: En Büyük İçerikli Boyama (LCP).
LCP, algılanan yükleme deneyimine odaklanır. Bir web sayfasının en büyük resmi veya metni görünüm alanında göründüğünde sayfa yükleme süresini ölçer. İyi bir puan almak için hedeflemek istediğiniz şey <2,5 saniyede yüzde 75 sayfa yüklemesidir.
İyi bir LCP elde etmenin ana zorlukları, oluşturmayı engelleyen JS ve CSS'dir; yavaş kaynak yükleme süreleri, yavaş sunucu yanıtı ve istemci tarafı oluşturma.
SSR'ye geçiş, LCP puanını iyileştirmenin yalnızca bir çözümüdür çünkü sorununuz CSR ile sınırlı olmayabilir. LCP'nizin gecikmesine neyin neden olduğunu belirlemek için önce web geliştiricilerinizle birlikte çalışmak isteyeceksiniz.
Sayfa kaynağı mantıklı olmayan bir kod gösteriyorsa (ve geliştiriciniz size söyleyecektir), o zaman sorun CSR olabilir. Geliştiriciniz TTFB'nin zayıf olduğunu keşfederse, yavaş sunucu yanıt süresiyle uğraşıyor olabilirsiniz.
Diğer CWV metrikleri şunlardır:

• Yanıt vermeye odaklanan İlk Giriş Gecikmesi ve
• Görsel stabiliteye odaklanan Kümülatif Düzen Kaydırma.

Her ikisi de SSR ile ilgili değildir, bu nedenle bunlar, SSR kısmen LCP ile ilgilendiğinden daha fazla çaba sarf etmek isteyebileceğiniz metriklerdir.

SSR'nin web sayfalarını doğru oluşturup oluşturmadığını nasıl anlarız?

SSR'nin sayfalarınızı doğru oluşturup oluşturmadığını anlamanın en iyi yolu araçları kullanmaktır. Bunlardan biri Mobil Dostu Test. Web sayfalarınızın Googlebot'lara nasıl görüneceğine dair bir anlık görüntü sağlayan ve varsa oluşturma sırasında size hataları gösteren bir araçtır.
Google Arama Konsolu ayrıca, arama motorunun sayfalarınızı oluşturup oluşturmadığını görmenize olanak tanıyan bir URL İnceleme Aracına sahiptir. Eksik içeriği veya engellenen JavaScript veya CSS ile ilgili herhangi bir hatayı kontrol etmek için kullanın.
Ayrıca ücretsiz bir Chrome uzantısı olan Görüntü Oluşturma Kaynağına da gidebilirsiniz. Tarayıcının bir sayfayı orijinal HTML'sinden çalışan bir DOM'ye nasıl oluşturduğunu size söyleyecektir. Uzantı, JS'nin oluşturma zamanında sayfaları nasıl değiştirdiğini vurgulayarak, ham ve işlenmiş sürüm arasındaki farkı gösterecektir.
Denemek için başka bir Chrome uzantısı SiteCrawler'dır. JS özellikli tarayıcı, site haritalarını, bağlantıları ve resimleri tarar ve yalnızca HTML ile JS etkin sayfaları karşılaştırır.

Özet

SEO çalışmalarının çoğu, zaten müşteriye veya tarayıcıya "teslim edilmiş" sayfalar için optimizasyon içerir. Ancak bu sayfaların müşteriye nasıl "geldiğini" ve bunun nasıl olduğunu nasıl iyileştirebileceğinizi incelediğinizde, kullanıcılar web sitenizde daha iyi vakit geçirir.
Botlar sayfalarınızı doğru şekilde tarar. Sayfalarınız indekslenir. Siteniz daha iyi arama motoru sıralamasına sahip.
Arama motoru güncellemeleri, tüketici davranışındaki değişikliklerle birlikte web sitenizde de değişiklik yapılmasını gerektirir. CWV'nin yakında kullanıma sunulmasıyla birlikte, SEO çabalarınızı etkileyecek teknik bir yön olan SSR'ye bakmanın şimdi tam zamanı.