SEO Sorunu ve NextJS Framework'ü

Bir web sitesi geliştirdiğimizde, bu web sitesini arama motorlarında tanıtıp tanıtmayacağımızı anlamak önemlidir. Arama motorlarından kasıt, kullanıcının ihtiyaç duyduğu bilgiyi aradığı Google veya Yandex gibi özelleşmiş sitelerdir.

Web sitemiz belirli bir sorguda ilk sıralarda gösterilirse, buna sürekli bir ziyaretçi akışı sağlayacaktır. Ve bu ziyaretçiler için, reklamlardan gelen ziyaretçilerin aksine, hiçbir şey ödememiz gerekmeyecek.

Ve işte burada bir sorunla karşılaşıyoruz: React üzerine geliştirilmiş web siteleri arama motorlarında tanıtılmayacaktır. Sorun şu ki, böyle bir sitenin sayfa içeriği, tarayıcıda JavaScript aracılığıyla dinamik olarak oluşturulur. Arama motorları henüz bu tür sayfaları işleyemiyor. Buna göre, böyle bir site arama sorgularında tam olarak gösterilemez.

Arama motorlarının web sitemizle tam olarak çalışabilmesi için, sayfalarının metinleri sunucu tarafında oluşturulmalı ve hazır HTML kodu olarak tarayıcıya gönderilmelidir.

İşte bu sorunu NextJS framework'ü çözer. Sunucu tarafında JSX kodu yazmaya izin verir. Sunucu bu JSX'i normal HTML'ye dönüştürür ve onu tarayıcıya teslim eder. Böylece arama motorlarının web sitemizle doğru çalışması için ihtiyaç duyulan HTML kodu istemci tarafına gönderilecektir.

Bunun tam olarak nasıl yapıldığını, bu eğitim seti kapsamında öğreneceğiz.

Arama motorlarının JavaScript ile oluşturulmuş içeriği tanımayı öğrendiğini söylemek gerekir. Bunu tam olarak yapmayı öğrendiklerinde, tüm web sitesi geliştirme kökten değişecektir. Ve NextJS gibi framework'ler ya tamamen gereksiz hale gelecek ya da prensipleri açısından tamamen farklı olacaklardır.

Peki, hadi başlayalım:)