create a table of contents in WordPress without a plugin: WordPress वेबसाइट्स में Table of Contents (TOC) जोड़ना SEO और यूज़र एक्सपीरियंस के लिए बहुत महत्वपूर्ण है। TOC की मदद से यूज़र्स आसानी से लंबे ब्लॉग पोस्ट्स में नेविगेट कर सकते हैं और सर्च इंजन इसे आपके कंटेंट को बेहतर तरीके से इंडेक्स करने में मददगार मानते हैं। इस ब्लॉग में हम जानेंगे कि बिना किसी प्लगइन के WordPress में Table of Contents कैसे बनाएं।
create a table of contents in WordPress without a plugin
आप को इस पोस्ट में मैन्युअली और plugin साथ में Toc in WordPress में केसे ऐड करे ये सारे स्टेपइ इस पोस्ट में बात करेगे और आप को पोस्ट स्क्रॉल कर के देख सकते है |
Table of Contents
Table of Contents क्या है ? और इसके फायदे
Table of Contents (TOC) आपके कंटेंट का एक ऐसा हिस्सा होता है जो आपकी पोस्ट के प्रमुख सेक्शन और हेडिंग्स को एक जगह दिखाती है। यह आपके रीडर्स को आपकी पोस्ट के अलग-अलग सेक्शन्स तक आसानी से पहुंचने में मदद करता है। SEO की दृष्टि से भी TOC बहुत महत्वपूर्ण है, क्योंकि यह आपके ब्लॉग पोस्ट की संरचना को बेहतर बनाता है और Google में उच्च रैंकिंग प्राप्त करने की संभावना को बढ़ाता है।
WordPress में Table of Contents जोड़ने के फायदे
- बेहतर SEO: TOC से सर्च इंजन को आपके कंटेंट का स्ट्रक्चर समझने में आसानी होती है, जिससे रैंकिंग में सुधार हो सकता है।
- User Experience: TOC से यूजर्स को आपके ब्लॉग पोस्ट में नेविगेशन करने में सुविधा होती है, जिससे उनकी रीडिंग एक्सपीरियंस बेहतर होती है।
- Bounce Rate में कमी: TOC से यूजर्स को आवश्यक जानकारी जल्दी मिल जाती है, जिससे Bounce Rate कम हो सकता है।
बिना प्लगइन के WordPress में Table of Contents कैसे बनाएं?
1. Manually HTML Code का इस्तेमाल करें
HTML का उपयोग करके आप आसानी से TOC बना सकते हैं। इसमें आपको अपने ब्लॉग पोस्ट के विभिन्न हेडिंग्स के लिए एंकर टैग बनाना होगा और फिर उन एंकर टैग्स को TOC में लिंक करना होगा।
<ul>
<li><a href="#section1">Section 1</a></li>
<li><a href="#section2">Section 2</a></li>
<li><a href="#section3">Section 3</a></li>
</ul>
<h2 id="section1">Section 1</h2>
<p>Your content goes here...</p>
<h2 id="section2">Section 2</h2>
<p>Your content goes here...</p>
<h2 id="section3">Section 3</h2>
<p>Your content goes here...</p>2. Custom CSS का इस्तेमाल करें
HTML के साथ-साथ Custom CSS का उपयोग करके आप TOC को और अधिक आकर्षक बना सकते हैं। इसके लिए आप अपनी स्टाइलशीट में CSS कोड जोड़ सकते हैं।
.toc {
background: #f9f9f9;
padding: 10px;
border: 1px solid #ddd;
margin-bottom: 20px;
}
.toc ul {
list-style: none;
padding-left: 0;
}
.toc ul li {
margin: 5px 0;
}
.toc ul li a {
text-decoration: none;
color: #0073aa;
}
.toc ul li a:hover {
text-decoration: underline;
}3. जावा स्क्रिप्ट का उपयोग करें
JavaScript का उपयोग करके आप TOC को और अधिक इंटरैक्टिव बना सकते हैं। इसके लिए आप एक छोटा सा स्क्रिप्ट लिख सकते हैं, जो आपकी हेडिंग्स को ऑटोमेटिकली TOC में जोड़ दे।
document.addEventListener("DOMContentLoaded", function () {
const toc = document.querySelector(".toc ul");
const headings = document.querySelectorAll("h2, h3");
headings.forEach(heading => {
const tocItem = document.createElement("li");
const link = document.createElement("a");
link.setAttribute("href", `#${heading.id}`);
link.textContent = heading.textContent;
tocItem.appendChild(link);
toc.appendChild(tocItem);
});
});4. Anchor Links का सही उपयोग करें
Anchor Links का सही उपयोग करने के लिए, आपको हर हेडिंग को एक यूनिक ID देना होगा और फिर उस ID को TOC के अंदर एंकर टैग में जोड़ना होगा। इससे यूजर्स सीधे उस हेडिंग पर पहुंच सकते हैं।
SEO के लिए Best Practices
- TOC को शुरुआत में जोड़ें: TOC को पोस्ट की शुरुआत में जोड़ें ताकि सर्च इंजन इसे जल्दी क्रॉल कर सकें।
- Schema Markup का उपयोग करें: TOC के लिए Schema Markup का उपयोग करें, जिससे सर्च इंजन इसे बेहतर तरीके से समझ सके।
- Internal Linking: TOC के अंदर अपने महत्वपूर्ण पेजेज के लिए Internal Links जोड़ें।
निष्कर्ष
Table of Contents का उपयोग WordPress वेबसाइट में आपके कंटेंट को और भी प्रभावी बना सकता है, खासकर जब आप बिना प्लगइन के इसे क्रिएट कर रहे हों। ऊपर दिए गए स्टेप्स को फॉलो करके आप आसानी से अपनी वेबसाइट पर TOC जोड़ सकते हैं और सर्च इंजन रैंकिंग में सुधार कर सकते हैं। TOC के साथ आपकी वेबसाइट यूजर्स और सर्च इंजन दोनों के लिए अधिक उपयोगी हो जाएगी।
