अपने पेज का सोर्स कोड वैसे देखें, जैसे सर्च इंजन उसे देखते हैं

Wix साइटें आपके पेज के HTML कोड को उस वर्जन में बदलने के लिए सर्वर-साइड रेंडरिंग (SSR) का इस्तेमाल करती हैं, जिसे आपके विजिटर अपने ब्राउजर में देखते हैं।

SSR से सर्च इंजन के लिए आपके पेजों को क्रॉल और इंडेक्स करते समय उनका पूरा कंटेंट पाना भी आसान हो जाता है। इसमें मेटा टैग जैसा उपयोगी SEO कंटेंट शामिल है, जो आपके पेज के सोर्स कोड में होता है, लेकिन रेंडर किए गए पेज पर दिखाई नहीं देता।

सर्च इंजन आपके पेज को कैसे देखते हैं, यह जानने के लिए अपने ब्राउजर की सेटिंग्स में यूजर एजेंट बदलकर पेज का सोर्स कोड देखें। यूजर एजेंट से यह पहचानने में मदद मिलती है कि आप कौन-सा ब्राउजर इस्तेमाल कर रहे हैं। अपने यूजर एजेंट के तौर पर गूगलबॉट जैसा वेब क्रॉलर बॉट चुनने से आप ठीक वही कंटेंट देख सकते हैं जिसे बॉट क्रॉल करता है।

ध्यान दें:

ज़्यादातर एआई क्रॉलर JavaScript रन नहीं करते। वे सिर्फ़ आपके सर्वर से भेजे गए HTML को पढ़ते हैं, इसलिए स्क्रिप्ट से जोड़ा गया कोई भी कंटेंट उन्हें दिखाई नहीं देता।

गूगल क्रोम में अपने पेज का सोर्स कोड देखना

सर्च इंजन और एआई क्रॉलर आपके पेज को कैसे देखते हैं, यह जानने के लिए आप गूगल क्रोम के डेवलपर टूल्स में उसका सोर्स कोड देख सकते हैं।

गूगल क्रोम में देखने के लिए:

गूगल क्रोम में अपनी साइट का संबंधित पेज खोलें।
पेज का सोर्स कोड व्यू खोलें:
- विंडोज: पेज पर राइट-क्लिक करें और व्यू पेज सोर्स (या व्यू सोर्स) चुनें। इसके बजाय, आप अपने कीबोर्ड पर Ctrl + U दबा सकते हैं।
- मैक: अपने कीबोर्ड पर Cmd + Option + U दबाएं।
डेवलपर टूल्स खोलें:
- विंडोज: अपने कीबोर्ड पर F12 की दबाएं।
- मैक: अपने कीबोर्ड पर Cmd + Option + I दबाएं।
सबसे ऊपर दाईं ओर मौजूद कस्टमाइज एंड कंट्रोल डेवटूल्स आइकन पर क्लिक करें।
मोर टूल्स पर होवर करें और नेटवर्क कंडीशंस चुनें।

गूगल क्रोम के डेवलपर टूल्स में मोर टूल्स चुनना

यूजर एजेंट के नीचे यूज ब्राउजर डिफॉल्ट सेलेक्शन हटाएं।
ड्रॉपडाउन मेन्यू से गूगलबॉट चुनें।

गूगल क्रोम में गूगलबॉट को यूजर एजेंट के तौर पर चुनना

पेज को रिफ्रेश करें।

सफारी में अपने पेज का सोर्स कोड देखना

सर्च इंजन और एआई क्रॉलर आपके पेज को कैसे देखते हैं, यह जानने के लिए आप सफारी के डेवलप टैब में उसका कोड देख सकते हैं।

सफारी में देखने के लिए:

टॉप मेन्यू में सफारी पर क्लिक करें।
सेटिंग्स पर क्लिक करें।
एडवांस्ड पर क्लिक करें।
वेब डेवलपर्स के लिए फीचर्स दिखाएं चेकबॉक्स चुनें।

सफारी के सेटिंग्स पैनल का स्क्रीनशॉट, जिसमें वेब डेवलपर्स के लिए फीचर्स दिखाएं चेकबॉक्स चुना गया है।

चेकबॉक्स चुनने से टॉप मेन्यू में डेवलप दिखाई देता है।
A screenshot of a top menu with Develop selected.

सफारी में अपनी साइट का संबंधित पेज खोलें।
टॉप मेन्यू में डेवलप पर क्लिक करें।
यूज़र एजेंट पर होवर करें।
सबसे नीचे कुछ और चुनें।
फील्ड में मौजूद टेक्स्ट को इससे बदलें: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; Googlebot/2.1; +http://www.google.com/bot.html) Safari/537.36
कन्फर्म करने के लिए ओके पर क्लिक करें।
टॉप मेन्यू में डेवलप पर क्लिक करें और पेज सोर्स दिखाएं चुनें।

देखें कि सर्च इंजन और एआई क्रॉलर क्या देख सकते हैं

आपका पेज सोर्स वह HTML दिखाता है जो आपका सर्वर किसी भी स्क्रिप्ट के रन होने से पहले भेजता है। इसे खोलें और वह कंटेंट देखें जिसे आप चाहते हैं कि विज़िटर ढूंढ पाएं:

टेक्स्ट: आपकी हेडिंग्स और बॉडी टेक्स्ट।
लिंक: आपके दूसरे पेजों के लिंक और उन लिंक पर मौजूद टेक्स्ट।
इमेज: आपकी इमेज फ़ाइलें और उनका ऑल्ट टेक्स्ट।

पेज सोर्स में मौजूद न होने वाले कंटेंट को क्रॉलर पढ़ नहीं सकते।

क्या इससे मदद मिली?

इस लेख में

गूगल क्रोम में अपने पेज का सोर्स कोड देखना
सफारी में अपने पेज का सोर्स कोड देखना
देखें कि सर्च इंजन और एआई क्रॉलर क्या देख सकते हैं