क्या आप अपनी ब्लॉगर वेबसाइट पर FAQ (अक्सर पूछे जाने वाले सवाल) जोड़ना चाहते हैं? अगर हां, तो आप बिल्कुल सही जगह पर हैं। FAQ स्कीमा आपके ब्लॉग को Google saerch में आने में मदद करता है और साथ ही आपके पाठकों को जानकारी ढूंढने में भी आसानी होती है।
FAQ स्कीमा क्या है?
FAQ स्कीमा एक तरह का कोड है जो Google को यह बताता है कि आपके पेज पर कौन से प्रश्न और उनके उत्तर हैं। जब कोई व्यक्ति आपके विषय से संबंधित कुछ खोजता है, तो Google आपके FAQ को खोज परिणामों में दिखा सकता है। इससे आपके ब्लॉग पर अधिक ट्रैफिक आता है, चलिए सबसे पहले यह जान लेते हैं कि आखिर अपनी वेबसाइट के पोस्ट में FAQ स्कीमा जोड़ने का क्या फायदा होता है।ब्लॉगर पर FAQ स्कीमा जोडने के फायदे।
ब्लॉगर पर FAQ स्कीमा जोड़ना आपकी ब्लॉग वेबसाइट के लिए बहुत ज्यादा फायदेमंद होता है इससे आपकी पोस्ट को या फिर वेबसाइट को अलग-अलग तरह के फायदे होते हैं, अगर आपने इसके सभी फायदे समझ लिए तो यकीनन आज के बाद आप अपनी हर पोस्ट पर FAQ स्कीमा जरूर लगाएंगे।बेहतर सर्च रिजल्ट:
अधिक ट्रैफ़िक:
बेहतर अनुभव:
वॉयस सर्च के लिए अनुकूल:
उम्मीद है अब तक आप इतना तो समझ ही गए होंगे कि FAQ स्कीमा आपकी ब्लॉग वेबसाइट के लिए कितना महत्वपूर्ण साबित हो सकता है। अब यह समझते हैं कि आखिर आप अपने ब्लॉगर में इसे आसानी से कैसे जोड़ सकते हैं।
ब्लॉगर पर FAQ स्कीमा कैसे जोड़ें?
सवाल-जवाब तैयार करें:
FAQ स्कीमा कोड को एडिट करें:
FAQ स्कीमा कोड
<style> .faq-container { max-width: 800px; margin: 24px auto; } details summary { cursor: pointer; display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 14px 24px; background: #fff9e9; color: #33282b; font-family:system-ui; font-weight:600; user-select: none; transition: all 120ms ease; } details summary::after { content: ""; display: inline-block; margin-left: 8px; height: 24px; width: 24px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='2' stroke='black'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19.5 8.25l-7.5 7.5-7.5-7.5'/%3E%3C/svg%3E") no-repeat center center; } details .content img { width: 100%; max-height: 400px; object-fit: cover; margin: 5px 0; box-shadow: 0 4px 8px -2px rgba(0, 0, 0, 0.2); } details .content { padding: 10px 16px; line-height: 1.8; margin-top: -10px; color:black; } details { background: #ffeab6; border-radius: 4px; overflow: hidden; margin-bottom: 12px; } details summary::-webkit-details-marker { display: none; } details[open] summary { background: #ffdb83; margin-bottom: 10px; } </style> <div class="faq-container"> <details open> <summary>सवाल नंबर एक </summary> <div class="content"> जवाब नंबर एक </div> </details> <details> <summary>सवाल नंबर दो </summary> <div class="content"> जवाब नंबर दो </div> </details> <details> <summary>सवाल नंबर तीन</summary> <div class="content"> जवाब नंबर तीन </div> </details> <details> <summary>सवाल नंबर चार</summary> <div class="content"> जवाब नंबर चार </div> </details> <details> <summary>सवाल नंबर पांच</summary> <div class="content"> जवाब नंबर पांच </div> </details> </div> <script> function generateFAQSchema() { const faqContainer = document.querySelector('.faq-container'); const detailsElements = faqContainer.querySelectorAll('details'); const faqSchema = { '@context': 'https://schema.org', '@type': 'FAQPage', mainEntity: [], }; detailsElements.forEach((details, index) => { const summary = details.querySelector('summary'); const content = details.querySelector('.content'); const question = summary.textContent.trim(); const answer = content.textContent.trim(); faqSchema.mainEntity.push({ '@type': 'Question', name: question, acceptedAnswer: { '@type': 'Answer', text: answer, }, }); }); const scriptElement = document.createElement('script'); scriptElement.type = 'application/ld+json'; scriptElement.textContent = JSON.stringify(faqSchema); document.head.appendChild(scriptElement); } generateFAQSchema(); </script>
कोड को अपने पोस्ट में जोड़ें:
FAQ स्कीमा कोड तैयार होने के बाद, अपनी पोस्ट को ओपन करें और कंपोजिट व्यू से इसे एचटीएमएल व्यू में करें। फिर सबसे लास्ट में इस कोड को पेस्ट कर दें। इसके बाद इसे सेव करके आप दोबारा कंपोजिट व्यू में वापस आएं। आपको नीचे अक्सर पूछे जाने वाले सवालों की लिस्ट मिल जाएगी। लेकिन यहां पर आपको यह साधारण नजर आएंगे। आपकी ब्लॉग पोस्ट में FAQ कैसे नजर आ रहा है, यह देखने के लिए आपको अपनी पोस्ट को प्रीव्यू करना पड़ेगा। अगर सही नजर आ रहा है तो ठीक है, नहीं तो अपनी कोडिंग में कुछ गड़बड़ हुई है। इसे दोबारा सही करें।
कोड को वेरिफाई करें:
FAQ स्कीमा को अपनी पोस्ट में सफलतापूर्वक जोड़ने के बाद, आप इसे एक बार वेरिफाई जरूर करें। इसके लिए आपको Google के रिच रिजल्ट टेस्ट के पेज पर जाना है और अपने ब्लॉग के यूआरएल को पेस्ट करके टेस्ट यूआरएल पर क्लिक कर देना है। यह कुछ सेकंड लेगा, अगर रिजल्ट में FAQ ग्रीन नजर आ रहा है तो आपका काम ओके हो गया है, नहीं तो वहां पर FAQ वाला सेक्शन दिखाएगा ही नहीं।
निष्कर्ष:
FAQ स्कीमा आपके ब्लॉग को सर्च इंजन में ऊपर दिखाने और अधिक लोगों तक पहुंचाने का एक शानदार तरीका है। यह आपके ब्लॉग को अधिक पेशेवर बनाता है और उपयोगकर्ताओं को सीधे जवाब देता है। अगर आप चाहते हैं कि आपका ब्लॉग Google पर अधिक दिखे और लोगों को आपके ब्लॉग पर आने में आसानी हो तो FAQ स्कीमा आपके लिए बहुत उपयोगी हो सकता है।
अगर आप भी ब्लॉगर पर वेबसाइट बनाकर आज ही अपनी ऑनलाइन यात्रा की शुरुआत करना चाहते हैं तो यहां पर क्लिक करके ब्लॉगर पर वेबसाइट बनाना सीख लीजिए।