मोबाइल-प्रथम इंडेक्सिंग

मोबाइल-प्रथम डिफ़ॉल्ट है

Google ab indexing ke liye har site ka mobile version use karta hai. Agar aapka mobile page slow hai, content chhupata hai ya UX kharab hai, to desktop page kitna bhi achha ho, rankings par asar pad sakta hai.

प्रतिक्रियाशील डिज़ाइन उदाहरण

Site ko har screen size par chalane ke liye responsive CSS use karein. Viewport meta tag aur CSS media queries lagayein.

<!DOCTYPE html>
<html>
<head>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <style>
    /* Mobile first */
    body { font-size: 16px; }
    .container { width: 100%; padding: 10px; }
    
    /* Tablet and up */
    @media (min-width: 768px) {
      body { font-size: 18px; }
      .container { width: 750px; margin: 0 auto; }
    }
    
    /* Desktop */
    @media (min-width: 1024px) {
      .container { width: 960px; }
    }
  </style>
</head>
<body>
  <div class="container">
    <h1>Mobile-Friendly Content</h1>
  </div>
</body>
</html>