Paylaşım için teşekkürler. Yine güzel bir bilgilendirme olmuş.

anilguler adlı üyeden alıntı: mesajı görüntüle
React için ne yapmalı? Kaynak kodlarda gözükmüyor içerik
React gibi JavaScript tabanlı framework’lerde içerikler, sayfa ilk yüklendiğinde HTML içinde yer almaz; JavaScript çalıştıktan sonra DOM’a eklenir. Bu durum, arama motorlarının içeriği taramasını zorlaştırabilir. Özellikle Google dışındaki botlar, JavaScript’i işleyemeyebilir. Bu sorunu çözmek için bazı yöntemler var:
  • Sunucu Taraflı Render (SSR) kullanın: Next.js gibi React framework’leri ile içerik, sunucuda HTML olarak oluşturulup tarayıcıya gönderilebilir. Bu sayede kaynak kodda içerik gözükür ve SEO dostu olur.
  • Statik Site Oluşturma (SSG): İçeriği build zamanında HTML olarak üretmek, SEO açısından ideal bir yöntemdir. Yine Next.js bu konuda çok güçlüdür.
  • Render as-a-Service araçları: Prerender.io veya Rendertron gibi çözümler, botlara özel olarak render edilmiş HTML versiyonu sunar. Bu, özellikle dinamik yapılar için işe yarar.
  • Google Search Console ile test: “URL’yi Denetle” özelliğini kullanarak Google’ın içeriği gerçekten okuyup okuyamadığını kontrol edin.
  • Metadata’ları sunucuya yazın: <title>, <meta name="description"> gibi SEO için önemli etiketlerin JavaScript yerine doğrudan HTML içinde yer almasına dikkat edin.