पाठ 17 / 34

JavaScript और SEO

समझें कि Google JavaScript-भारी साइटों को कैसे इंडेक्स करता है और कब prerendering या SSR का उपयोग करें।

JavaScript समस्या

Google JavaScript render kar sakta hai, lekin turant nahi. Agar aapka content JS chalne ke baad hi load hota hai, to indexing mein delay hota hai. Initial HTML mein meaningful content hona chahiye; agar woh khali hai, to Google ko khali page dikhega.

देखें कि Google क्या देखता है

Google Search Console ka URL Inspection tool use karke dekhein ki Google aapka page kaise render karta hai. Isse pata chalta hai ki content JavaScript ke peeche chhupa hai ya nahi.

<!-- PROBLEM: Empty HTML, content in JS -->
<html>
<body>
  <div id="app"></div>
  <script src="app.js"></script>
  <!-- Google might miss this if app.js renders slowly -->
</body>
</html>

<!-- BETTER: Meaningful initial HTML -->
<html>
<head>
  <title>My Blog Post</title>
  <meta name="description" content="...">
</head>
<body>
  <h1>My Blog Post Title</h1>
  <p>Post content visible without JS...</p>
  <div id="app"></div>
  <script src="app.js"></script>
  <!-- JS enhances but doesn't hide content -->
</body>
</html>