WordPress Blog में Author Box कैसे बनाये ? WordPress Blog मे Author Box लगाना SEO Point of View पे बेहद जरुरी है.
शायद! आपको पता नहीं की आपकी website मे एक छोटा सा लेखक box आपकी website Ranking और Authority को लेकर कितना बड़ा फर्क ला सकता है.
जब आप अपने ब्लॉग पोस्ट के नीचे एक छोटा से Box में Author की जानकारी देते हैं, तो ये सिर्फ एक जानकारी ही नहीं होती। ये Google को बताता है कि आपके कंटेंट के पीछे असली लोग कौन हैं, जो अपने ज्ञान और अनुभव से आपके पाठकों को मदद कर रहे हैं।
अगर आप नहीं जानते कि Author box क्या होता है? और इस को लगाने से आपकी website मे क्या फर्क पड़ेगा तो आज के इस लेख मे हम आपको बताएँगे की Author Box क्या होता है?WordPress Blog में Author Box कैसे बनाये.
Author Box क्या है?
आपने कभी किसी ब्लॉग पोस्ट के अंत में एक छोटा सा बॉक्स देखा होगा जिसमें लेखक के बारे में थोड़ी सी जानकारी दी होती है, जैसे कि उनका नाम, उनकी तस्वीर, और शायद उनके बारे में कुछ और जानकारी। इसी को Author Box कहते हैं। ये एक छोटा सा बॉक्स होता है जो आपके पाठकों को बताता है कि ये पोस्ट किसने लिखी है।
Author Box बनाना क्यों जरूरी है?
अपने कई बड़ी-बड़ी brand website मे देखा होगा की वे अपने blog post के नीचे उस author का box जरूर लगाते है जिस ने वो post लिखें है. एक blog website मे कई author हो सकते है. जो author जिस post को लिखेगा उस post के नीचे उसी author का नाम और जानकारी आएगी Author box की मदद से. Author box को बनाने के कई लाभ है जैसे की :-
Authority और Trust बढ़ता है: जब user जानते हैं कि पोस्ट किसने लिखी है, तो उन्हें लगता है कि ये जानकारी सही है।
Team work दिखता है : author box दिखाता है कि आपकी वेबसाइट एक व्यक्ति या टीम द्वारा संचालित की जा रही है , जो इसे अधिक Professional और trusted बनता है.
SEO के लिए अच्छा: Google Author Box को पसंद करता है यह E-E-A-T के मापदंड मे शामिल है और इससे आपकी वेबसाइट का SEO बेहतर हो सकता है।
लेखक को पहचान मिलती है: Author Box से लेखक को पहचान मिलती है और पाठक उनसे जुड़ सकते हैं।
Author Box आपके वेबसाइट SEO में कैसे मदद करता है?
Google को जितनी ज्यादा Transperent, True और authority के साथ काम कर के दिया जाये उसे google उतना promote करता है. गूगल चाहता है कि उसके यूजर के पास सही जानकारी, सही लोगों से, और सही तरीके से पहुंचे इसलिए वह E-E-A-T को अधिक महत्व देता है. Author box के होने से आपका blog का SEO अच्छा होता है जैसे की :-
E-E-A-T को बढ़ाता है: E-E-A-T का मतलब है Experience, Expertise, Authoritativeness, and Trustworthiness. Author Box आपकी वेबसाइट के E-E-A-T को बढ़ाकर Google में आपकी रैंकिंग को बेहतर बना सकता है।
CTR बढ़ाता है: जब लोग जानते हैं कि पोस्ट किसने लिखी है, तो वे उस पोस्ट पर क्लिक करने की अधिक संभावना रखते हैं। और अगर उन्हें उसे ऑथर की पोस्ट पसंद आती है तो वह से लिखी गई और भी अधिक पोस्ट को पढ़ना पसंद करते हैं.
सोशल शेयरिंग बढ़ाता है: जब लोग किसी पोस्ट को पसंद करते हैं, तो वे इसे अपने दोस्तों के साथ शेयर करने की अधिक संभावना रखते हैं।
WordPress Blog में Author Box कैसे बनाये ?
WordPress Blog में Author Box कैसे बनाया जाता है इसे मैं आपको सरल Video के माध्यम से समझाऊंगी. इस वीडियो को देखकर आप अपने वर्डप्रेस ब्लॉग में बड़ी ही आसान तरीके से ऑथर बॉक्स बना सकते हैं.
जैसे के video मे बताया गया है Author Box बनाने के लिए आपको 3 Step मे Code का इस्तमाल करना है :-
functions.phpमें कोड जोड़ना।- GeneratePress Hook का इस्तेमाल करना।
- Author Box को स्टाइल करने के लिए CSS जोड़ना।
तो चलिए, शुरू करते हैं!
Step 1: functions.php में कोड जोड़ें
सबसे पहले, हमें एक फ़ंक्शन लिखना होगा जो Author Box की जानकारी को दिखाए। इसे आप अपने Theme के functions.php में जोड़ें।
1. functions.php तक पहुंचें
- WordPress में जाएं।
- Appearance > Theme File Editor पर क्लिक करें।
- अपने Child Theme के functions.php फ़ाइल को खोलें।
2. यह कोड जोड़ें:
// Function to generate the author box
function gp_author_box() {
if (is_single()) { // Display only on single posts
?>
<div class="author-box">
<div class="author-avatar">
<?php echo get_avatar(get_the_author_meta('ID'), 120); ?>
</div>
<div class="author-info">
<h4><?php the_author(); ?></h4>
<p><?php echo get_the_author_meta('description'); ?></p>
<p>
<a href="<?php echo esc_url(get_author_posts_url(get_the_author_meta('ID'))); ?>">
View all posts by <?php the_author(); ?>
</a>
</p>
</div>
</div>
<?php
}
}
Step 2: GeneratePress Hook का इस्तेमाल करें
अब हमें Author Box को सही जगह पर दिखाने के लिए GeneratePress के Hooks का इस्तेमाल करना होगा।
1. Elements Module को एक्टिव करें
- WordPress Dashboard में जाएं।
- Appearance > GeneratePress > Elements पर जाएं और Elements को Activate करें।
2. नया Hook बनाएं
- Appearance > Elements > Add New पर क्लिक करें।
- Type में Hook को चुनें।
3. Hook में यह कोड जोड़ें:
<?php gp_author_box(); ?>
4. Hook का स्थान चुनें
- Hook Dropdown में generate_after_content चुनें।
5. Display Rules सेट करें
- Display Rules में इसे केवल Single Posts के लिए लागू करें।
6. इसे Publish करें
Step 3: Author Box को स्टाइल करने के लिए CSS जोड़ें
Author Box को सुंदर दिखाने के लिए हमें थोड़ा CSS जोड़ना होगा।
1. CSS जोड़ने के लिए:
- वर्डप्रेस डैशबोर्ड में जाएं।
- Appearance > Customize > Additional CSS पर क्लिक करें।
- यह CSS कोड जोड़ें:
/* Author Box Container */
.author-box {
display: flex;
align-items: flex-start;
border: 1px solid #ddd;
border-radius: 8px;
padding: 20px;
margin-top: 30px;
background-color: #f9f9f9;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
/* Author Avatar */
.author-avatar {
margin-right: 20px;
display: flex;
justify-content: center;
align-items: center;
min-width: 140px; /* Ensures consistent spacing */
height: 140px; /* Matches avatar size */
}
.author-avatar img {
border-radius: 50%; /* Makes the image perfectly round */
width: 120px; /* Avatar size */
height: 120px; /* Ensures it's proportional */
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
border: 4px solid #fff; /* Optional border for spacing */
}
/* Author Info */
.author-info h4 {
font-size: 20px;
margin: 0 0 10px;
color: #333;
font-weight: bold;
}
.author-info p {
margin: 5px 0;
font-size: 15px;
color: #555;
line-height: 1.6;
}
.author-info a {
color: #0073aa;
text-decoration: none;
font-weight: bold;
}
.author-info a:hover {
text-decoration: underline;
}
Final Output
अब आपका Author Box:
- Author की फोटो (गोल आकार में)।
- Author का नाम और बायो।
- “सभी पोस्ट देखें” का लिंक।
सभी सिंगल पोस्ट्स के नीचे दिखाई देगा।
सारांश
functions.phpमें Author Box का कोड जोड़ा।- GeneratePress Hooks की मदद से सही स्थान पर इसे दिखाया।
- CSS का इस्तेमाल करके इसे सुंदर बनाया।
यह तरीका आसान और हल्का है क्योंकि इसमें कोई प्लगइन इस्तेमाल नहीं हुआ।
अगर आपको कोई समस्या हो या कुछ और जानना हो, तो कमेंट में जरूर बताएं! 😊