विज्ञापन

पिछली समीक्षा नवंबर 2026

विज्ञापन रिपोर्टिंग का ख़र्च उठाते हैं, और वही न्यूज़ साइटों के बारे में पाठकों की ज़्यादातर नापसंदगी की वजह भी बनते हैं। Coalition for Better Ads उन फ़ॉर्मेट की एक सूची प्रकाशित करता है जो उसके मानक से नीचे आते हैं। इस अध्याय में वह सूची है, हर स्लॉट के लिए जगह कैसे आरक्षित करें, और हर स्क्रीन पर विज्ञापन कहां रखें।

जिन फ़ॉर्मेट से बचें

Better Ads Standards 6 डेस्कटॉप फ़ॉर्मेट और 10 मोबाइल फ़ॉर्मेट गिनाते हैं। शॉर्ट-फ़ॉर्म वीडियो और मोबाइल ऐप के लिए अलग सूचियां हैं।

घनत्व कैसे मापा जाता है

घनत्व का मतलब है मुख्य कंटेंट के सभी विज्ञापनों की ऊंचाइयों का योग, जिसे मुख्य कंटेंट की कुल ऊंचाई से भाग दिया जाए। इसे मुख्य कंटेंट के मुक़ाबले मापा जाता है, व्यूपोर्ट के नहीं।

• हेडर, फ़ुटर और साइट नेविगेशन शामिल नहीं हैं, और संबंधित लेख भी इसमें आते हैं।
• मुख्य कंटेंट के नीचे के विज्ञापन नहीं गिने जाते।
• सभी फ़ॉर्मेट गिने जाते हैं, स्टिकी और इनलाइन विज्ञापन समेत।
• हर स्टिकी विज्ञापन की ऊंचाई एक ही बार गिनी जाती है।
• डेस्कटॉप पर साइड रेल के विज्ञापन गिने जाते हैं।
• पेज से जुड़े वीडियो में प्री-रोल और मिड-रोल विज्ञापन नहीं मापे जाते।

एक उदाहरण के तौर पर, एक मोबाइल लेख लें जिसका मुख्य कंटेंट 5,000 पिक्सेल ऊंचा है। 30% या उससे कम रहने के लिए, उस पर विज्ञापनों का योग 1,500 पिक्सेल से ज़्यादा नहीं हो सकता।

किसी असली पेज को जांचने के लिए, इसे ब्राउज़र कंसोल में पेस्ट करें। सेलेक्टर को अपने टेम्पलेट के अनुसार बदलें, और article के बाहर मौजूद किसी भी स्टिकी या साइड रेल विज्ञापन की ऊंचाई जोड़ें।

const main = document.querySelector('article');
const slots = [...main.querySelectorAll('.ad-slot')];
const adHeight = slots.reduce((sum, ad) => sum + ad.getBoundingClientRect().height, 0);
console.log((adHeight / main.getBoundingClientRect().height * 100).toFixed(1) + '%');

हर स्लॉट के लिए जगह आरक्षित करें

Web.dev विज्ञापनों को लेआउट शिफ़्ट के सबसे बड़े कारणों में गिनता है। जगह CSS में आरक्षित करें। Google JavaScript में ऐसा करने के ख़िलाफ़ चेताता है, क्योंकि स्क्रिप्ट के लोड होने पर शिफ़्ट हो सकता है।

<div id="ad-slot" style="min-width: 300px; min-height: 250px;"></div>

@media screen and (max-width: 960px) {
  #ad-slot {
    min-height: 100px;
  }
}

min-height इस्तेमाल करें ताकि बड़ा क्रिएटिव भी समा सके। कई आकारों वाले स्लॉट के लिए, Google की Publisher Tag गाइड तीन तरीक़े देती है:

उसी गाइड और web.dev से दो और नियम:

• fluid स्लॉट को फ़ोल्ड के नीचे रखें। वे क्रिएटिव के अनुसार आकार बदलते हैं, इसलिए हमेशा शिफ़्ट करते हैं।
• जिस स्लॉट में विज्ञापन नहीं आता, उसे सिकोड़ें नहीं। आरक्षित जगह हटाने से पेज उतना ही शिफ़्ट हो सकता है जितना कंटेंट जोड़ने से। इसकी जगह एक प्लेसहोल्डर दिखाएं, और स्लॉट को सिकुड़ा हुआ तभी शुरू करें जब उसके भरने की संभावना कम हो।

हर स्क्रीन पर जगह

मोबाइल पर

• घनत्व फ़ोन के लेआउट पर गिनें, क्योंकि मोबाइल की सीमा कम है।
• स्टिकी विज्ञापन को स्क्रीन के 30% से कम रखें। नीचे एक छोटा एंकर आम रूप है।
• ऐसे विज्ञापन न रखें जो लेख के ऊपर तैरें, और ऐसी कोई भी फ़ुल-स्क्रीन इकाई भी नहीं जिसे पार करने के लिए स्क्रॉल या टैप करना पड़े।
• पहला विज्ञापन हेडलाइन और शुरुआती पैराग्राफ़ के नीचे रखें, ताकि वह आपके LCP एलिमेंट को नीचे न धकेले।

डेस्कटॉप पर

• साइड रेल के विज्ञापनों को अपने घनत्व के कुल में गिनें।
• स्टिकी इकाइयों को स्क्रीन के 30% से कम रखें।
• वीडियो को म्यूट करके शुरू करें, और आवाज़ का चुनाव पाठक पर छोड़ें।
• पहले लेख के कॉलम का आकार तय करें, ताकि साइड रेल के स्लॉट उसे हिलाए बिना लोड हो सकें।

गति और सुलभता

• पहले व्यूपोर्ट के बाहर के विज्ञापनों को लेज़ी-लोड करें, अपने विज्ञापन टैग की अपनी सेटिंग से या आपके नियंत्रण वाले iframe पर loading="lazy" से।
• हर iframe का अपना मुख्य थ्रेड होता है, इसलिए INP की समीक्षा करते समय जांचें कि धीमा इंटरैक्शन किस फ़्रेम से आया।
• जहां सहमति ज़रूरी है, वहां विज्ञापन टैग तभी लोड करें जब पाठक सहमत हो। विवरण पॉप-अप वाले अध्याय में है।
• विज्ञापन वाले क्षेत्रों को लेबल करें ताकि स्क्रीन रीडर का उपयोगकर्ता उन्हें पहचान और छोड़ सके।
• WCAG के सफलता मानदंड 2.2.2 के अनुसार, जो हिलता हुआ कंटेंट अपने आप शुरू होता है, पांच सेकंड से ज़्यादा चलता है और दूसरे कंटेंट के साथ चलता है, उसे रोकने, बंद करने या छिपाने का तरीक़ा चाहिए। यह एनिमेटेड विज्ञापनों पर लागू होता है।

<aside aria-label="Advertisement">
  <div id="ad-slot" style="min-height: 250px;"></div>
</aside>

अपनी स्थिति जांचें

Search Console की Ad Experience Report उन विज्ञापन अनुभवों की सूची देती है जो Better Ads Standards का उल्लंघन करते हैं। अगर किसी समीक्षा में आपकी साइट की स्थिति "Failing" आती है, तो रिपोर्ट बताती है कि Google को क्या मिला, और हो सकता है कि वह हर समस्या को न पकड़े। जो चिह्नित हो उसे ठीक करें, फिर नई समीक्षा का अनुरोध करें, जो आपके पूरे डोमेन को कवर करती है।

चेकलिस्ट

• अपनी विज्ञापन संचालन टीम के साथ फ़ॉर्मेट की तालिका देखें, डेस्कटॉप और मोबाइल दोनों के लिए।
• पॉप-अप, मोबाइल पर प्रेस्टिशियल और काउंटडाउन वाले विज्ञापन हटाएं।
• अपने सबसे लंबे और सबसे छोटे लेख टेम्पलेट पर, फ़ोन पर घनत्व मापें।
• जांचें कि हर स्टिकी इकाई स्क्रीन के 30% से कम रहती है।
• हर स्लॉट को CSS में min-height से आरक्षित करें।
• fluid स्लॉट को फ़ोल्ड के नीचे ले जाएं।
• जहां ख़ाली स्लॉट सिकोड़ने से पेज शिफ़्ट होता है, वहां उसकी जगह प्लेसहोल्डर लगाएं।
• पहले व्यूपोर्ट के बाहर के विज्ञापनों को लेज़ी-लोड करें।
• हर विज्ञापन क्षेत्र में एक लेबल जोड़ें।
• डेस्कटॉप और मोबाइल के लिए Ad Experience Report जांचें।

स्रोत

• The Initial Better Ads Standards, Coalition for Better Ads
• Mobile ad density higher than 30%, Coalition for Better Ads
• Desktop ad density higher than 50%, Coalition for Better Ads
• Desktop ad density higher than 30% with a sticky video ad, Coalition for Better Ads
• Desktop large sticky ads, Coalition for Better Ads
• Mobile large sticky ads, Coalition for Better Ads
• Mobile full-screen scrollover ads, Coalition for Better Ads
• Mobile sticky video with large inline ad, Coalition for Better Ads
• Minimize layout shift, Google Publisher Tag
• Introduction to the Ad Experience Report, Web Tools Help
• Optimize Cumulative Layout Shift, web.dev
• Optimize Interaction to Next Paint, web.dev
• Web Content Accessibility Guidelines (WCAG) 2.2, W3C