इस गाइड से आपको ऐसी JavaScript समस्याओं को पहचानने और उन्हें ठीक करने में मदद मिलती है जिनसे शायद, आपके पेज या JavaScript के नियंत्रण वाले पेजों के खास कॉन्टेंट को Google Search में दिखाए जाने में रुकावट आ रही हो. हालांकि,
Googlebot, JavaScript पर काम तो करता है, लेकिन अपने पेजों और ऐप्लिकेशन को डिज़ाइन करते समय,
आपको इसके अंतर और सीमाओं का ध्यान रखना होगा. इससे आपको पता चलेगा कि क्रॉलर आपके कॉन्टेंट को कैसे ऐक्सेस और
रेंडर करते हैं.
Googlebot को वेब का एक अच्छा सदस्य बनने के लिए डिज़ाइन किया गया है. क्रॉल करना इसकी मुख्य प्राथमिकता है. इसमें इस बात का ध्यान रखा जाता है कि यह साइट पर आने वाले उपयोगकर्ताओं के अनुभव को खराब न करे. Googlebot और उसके वेब रेंडरिंग सेवा (WRS) कॉम्पोनेंट, ऐसे संसाधनों का विश्लेषण और उनकी पहचान करते रहते हैं जो पेज के ज़रूरी कॉन्टेंट के लिए योगदान नहीं देते. साथ ही, हो सकता है कि ऐसे संसाधनों को शामिल न किया जा सके. उदाहरण के लिए, रिपोर्टिंग और गड़बड़ी अनुरोध जो ज़रूरी 'पेज कॉन्टेंट' में योगदान नहीं देते हैं. इसी तरह के दूसरे अनुरोध जिन्हें ज़रूरी 'पेज कॉन्टेंट' निकालने के लिए इस्तेमाल नहीं किया गया है या ये ज़रूरी नहीं हैं.
अगर आपको लगता है कि JavaScript समस्याओं की वजह से आपके पेज या JavaScript के नियंत्रण वाले पेजों की खास सामग्री को 'Google सर्च' में दिखाए जाने में रुकावट आ रही है, तो इन कदमों का पालन करें:
Search Console में
मोबाइल-फ़्रेंडली जांच
या यूआरएल जांचने वाला टूल इस्तेमाल करके देखें कि Google किसी यूआरएल
को कैसे क्रॉल और रेंडर करता है. आप साइट पर लोड किए गए रिसॉर्स की सूची, JavaScript कंसोल का आउटपुट और अपवाद, रेंडर किया गया
DOM, और ज़्यादा जानकारी देख सकते हैं.
इसके अलावा, हमारा सुझाव है कि आप
कॉन्टेंट के रेंडर होने के तरीके पर असर डालने वाली समस्याओं की पहचान करें. इसके लिए, आपको अपनी साइट पर
उपयोगकर्ताओं और Googlebot को मिलने वाली JavaScript की गड़बड़ियां इकट्ठा करके उनका ऑडिट करना होगा.
उदाहरण दिखाएं
यहां दिए गए उदाहरण में दिखाया गया है कि
ग्लोबल नोऐरर हैंडलर में लॉग की गई JavaScript की गड़बड़ियों को कैसे लॉग किया जाता है.
window.addEventListener('error', function(e) {
var errorText = [
e.message,
'URL: ' + e.filename,
'Line: ' + e.lineno + ', Column: ' + e.colno,
'Stack: ' + (e.error && e.error.stack || '(no stack trace)')
].join('\n');
// Example: log errors as visual output into the host page.
// Note: you probably don't want to show such errors to users, or
// have the errors get indexed by Googlebot; however, it may
// be a useful feature while actively debugging the page.
var DOM_ID = 'rendering-debug-pre';
if (!document.getElementById(DOM_ID)) {
var log = document.createElement('pre');
log.id = DOM_ID;
log.style.whiteSpace = 'pre-wrap';
log.textContent = errorText;
if (!document.body) document.body = document.createElement('body');
document.body.insertBefore(log, document.body.firstChild);
} else {
document.getElementById(DOM_ID).textContent += '\n\n' + errorText;
}
// Example: log the error to remote service.
// Note: you can log errors to a remote service, to understand
// and monitor the types of errors encountered by regular users,
// Googlebot, and other crawlers.
var client = new XMLHttpRequest();
client.open('POST', 'https://example.com/logError');
client.setRequestHeader('Content-Type', 'text/plain;charset=UTF-8');
client.send(errorText);
});
सॉफ़्ट 404 गड़बड़ियों पर रोक ज़रूर लगाएं.
एक पेज के ऐप्लिकेशन (एसपीए) में, यह खास तौर से मुश्किल हो सकता है.
गड़बड़ी वाले पेजों को इंडेक्स होने से रोकने के लिए, आप इनमें से एक या दोनों योजनाएं अपनाएंं:
उस यूआरएल पर रीडायरेक्ट करें जहां सर्वर जवाब में 404 स्थिति कोड देता है.
उदाहरण दिखाएं
fetch(`https://api.kitten.club/cats/${id}`)
.then(res => res.json())
.then((cat) => {
if (!cat.exists) {
// redirect to page that gives a 404
window.location.href = '/not-found';
}
});
अलग-अलग कॉन्टेंट लोड करने के लिए, फ़्रैगमेंट वाले यूआरएल इस्तेमाल न करें.
कॉन्टेंट दिखाने के लिए, डेटा के बने रहने पर भरोसा न करें.
Googlebot की मदद से कैश मेमोरी में सेव होने की समस्याओं से बचने के लिए, कॉन्टेंट फ़िंगरप्रिंट की सुविधा का इस्तेमाल करें.
पक्का करें कि आपका ऐप्लिकेशन सभी ज़रूरी एपीआई के लिए,
सुविधा की पहचान
का इस्तेमाल करता हो. साथ ही, ये एपीआई जहां ज़रूरत हो, फ़ॉलबैक
या polyfill उपलब्ध कराते हों.
पक्का करें कि आपका कॉन्टेंट एचटीटीपी कनेक्शन के साथ काम करता है.
पक्का करें कि आपके वेब कॉम्पोनेंट ठीक तरह से रेंडर हुए हों.
यह जांचने के लिए कि रेंडर किए गए एचटीएमएल में वह पूरा कॉन्टेंट मौजूद है जो आप चाहते थे, मोबाइल-फ़्रेंडली जांच या
यूआरएल जांचने वाला टूल
इस्तेमाल करें.
अगर आप समस्या को ठीक कर लेते हैं, तो हरे रंग का सही का निशान दिखाई देता है और कोई गड़बड़ियां दिखाई नहीं देतीं. अगर आपको अब भी गड़बड़ियां दिखाई देती हैं, तो JavaScript के सर्च वर्किंग ग्रुप में पोस्ट करें.
