كيف يمكن إدراج منشور ذي صلة بين منشورات بلوجر لتحسين تجربة الزوار

كيف يمكن إدراج منشور ذي صلة بين منشورات بلوجر لتحسين تجربة الزوار

تُعتبر المدونات وسيلة رائعة لمشاركة الأفكار والمعلومات مع جمهور واسع. ومن الطرق الفعالة للحفاظ على تفاعل القراء وزيادة مدة بقائهم على المدونة، هي إدراج منشورات ذات صلة بين المنشورات. في هذا المقال، سنتناول كيفية تحقيق ذلك بخطوات بسيطة ومزايا هذه الطريقة.

مزايا إدراج منشورات ذات صلة

• زيادة التفاعل: عندما يتمكن القارئ من العثور على المزيد من المحتوى المرتبط بموضوع اهتمامه، فإن ذلك يزيد من احتمالية استمراره في تصفح المدونة والعودة لزيارة محتوى جديد.
• تحسين تجربة المستخدم: يجعل تنظيم المحتوى بشكل فعال عملية التصفح أسهل وأكثر متعة، مما يعزز من تجربة الزوار.
• تحسين محركات البحث (SEO): يمكن لإدراج روابط داخلية إلى منشورات ذات صلة أن يعزز من ترتيب موقعك في نتائج محركات البحث عن طريق زيادة عدد الصفحات التي يزورها المستخدم.

الخطوات العملية لإدراج منشورات ذات صلة

1. استخدام الأدوات المتاحة في بلوجر بلوجر يوفر أدوات متعددة تساعدك في إدراج منشورات ذات صلة، مثل الأدوات التي تعتمد على الكلمات الدلالية المشتركة أو العناوين المشابهة. يمكنك استخدام هذه الأدوات لإظهار روابط لمقالات أخرى تحت كل منشور جديد.
2. ضمن إعدادات التنسيق، يمكنك تخصيص كيفية عرض المنشورات ذات الصلة من حيث التصميم والمحتوى.
3. إدراج روابط يدوية يمكنك يدوياً إضافة روابط إلى المنشورات ذات الصلة داخل نص المقالة. على سبيل المثال، يمكنك كتابة جملة مثل "لمزيد من المعلومات حول هذا الموضوع، يمكنك قراءة مقالنا عن [اسم المقال]".
4. تأكد من أن الروابط تفتح في نافذة جديدة حتى لا يفقد الزائر المنشور الأصلي الذي كان يقرأه.
5. استخدام الإضافات والمكونات الخارجية توجد العديد من الإضافات المتاحة التي يمكن تثبيتها في بلوجر وتساعدك في إظهار منشورات ذات صلة بشكل تلقائي بناءً على المحتوى.
6. يمكنك البحث عن إضافات تدعم تخصيص شكل القائمة وظهورها بأسلوب يناسب تصميم مدونتك.
7. تخصيص الشريط الجانبي يمكنك استخدام الشريط الجانبي لعرض قائمة بمنشوراتك ذات الصلة أو الأكثر قراءة، مما يساعد في إبقاء الزوار على تواصل مستمر مع مدونتك.
8. يمكنك إضافة ويدجت خاص بالمشاركات ذات الصلة في الشريط الجانبي لزيادة التفاعل.

نصائح لتحسين فعالية المنشورات ذات الصلة

1. استخدام عناوين جذابة: تأكد من أن عناوين المنشورات ذات الصلة تكون مثيرة للاهتمام وتعبر بدقة عن محتواها.
2. التنسيق الجيد: استخدم تنسيقاً واضحاً وجذاباً للروابط بحيث يسهل على الزوار التعرف عليها.
3. التحديث الدوري: قم بتحديث قائمة المنشورات ذات الصلة بانتظام لتتأكد من أنها تعكس أحدث المحتويات وأكثرها صلة.

باختصار، إدراج منشورات ذات صلة بين منشورات بلوجر يمكن أن يكون أداة قوية لتحسين تفاعل الزوار وزيادة مدة بقائهم على مدونتك. من خلال اتباع الخطوات والنصائح المذكورة في هذا المقال، ستتمكن من تحسين تجربة الزوار وجعل محتوى مدونتك أكثر جذبًا واحترافية.

إدراج منشور ذي صلة بين منشورات بلوجر.

اذهب الي لوحة تحكم بلوجر

حدد السمة تحرير HTML

الآن انسخ كود Css والصقه فوق </head> في المظهر الخاص بك.

<b:if cond='data:blog.pageType == &quot;item&quot;'> 
<script type='text/javascript'> 
//<![CDATA[ 
var bspostRelatedIn = new Array(); var bspostRelatedInNum = 0; var relatedUrls = new Array(); function related_results_labels(json) { for (var i = 0; i < json.feed.entry.length; i++) { var entry = json.feed.entry[i]; bspostRelatedIn[bspostRelatedInNum] = entry.title.$t; for (var k = 0; k < entry.link.length; k++) { if (entry.link[k].rel == 'alternate') {relatedUrls[bspostRelatedInNum] = entry.link[k].href; bspostRelatedInNum++; break;}}}} function removeRelatedDuplicates() { var tmp = new Array(0); var tmp2 = new Array(0); for(var i = 0; i < relatedUrls.length; i++) { if(!contains(tmp, relatedUrls[i])) { tmp.length += 1; tmp[tmp.length - 1] = relatedUrls[i]; tmp2.length += 1; tmp2[tmp2.length - 1] = bspostRelatedIn[i];}} bspostRelatedIn = tmp2; relatedUrls = tmp;} function contains(a, e) { for(var j = 0; j < a.length; j++) if (a[j]==e) return true; return false;} function printRelatedLabels() { var r = Math.floor((bspostRelatedIn.length - 1) * Math.random()); var i = 0; document.write('<ul>'); while (i < bspostRelatedIn.length && i < 3) { document.write('<li><a href="' + relatedUrls[r] + '">' + bspostRelatedIn[r] + '</a></li>'); if (r < bspostRelatedIn.length - 1) { r++; } else { r = 0;} i++;} document.write('</ul>');let element = document.createElement('a');element.href = 'https://www.bloggerspice.com/';element.pathname = 'embed' + element.pathname;console.log(element.toString());}//]]> 
</script> 
</b:if>

!معلومة bspostRelatedIn.length && i < 3استبدل 3 بعدد المنشورات التي تريد عرضها.

الآن ابحث عن الكود </data:post.body> واستبدله (لاحظ أنه قد يكون هناك أقسام متعددة في القالب، يجب عليك البحث واختيار القسم الصحيح، وعادةً ما يكون القسم الثاني أو الثالث) بما يلي.

<div expr:id='&quot;post1&quot; + data:post.id'/> 
<div class='bspostRelatedIn'> 
<b:if cond='data:post.labels'> 
<b:loop values='data:post.labels' var='label'> 
<b:if cond='data:blog.pageType == &quot;item&quot;'> 
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=3&quot;' type='text/javascript'/> 
</b:if> 
</b:loop> 
</b:if> 
<div id='bspostRelatedIn_title'>Liên quan</div>
<script type='text/javascript'> 
removeRelatedDuplicates(); 
printRelatedLabels(); 
</script> 
</div> 
<div expr:id='&quot;post2&quot; + data:post.id'><p><data:post.body/></p></div> 
<script type='text/javascript'> 
var obj0=document.getElementById(&quot;post1<data:post.id/>&quot;); 
var obj1=document.getElementById(&quot;post2<data:post.id/>&quot;); 
var s=obj1.innerHTML; 
var t=s.substr(0,s.length/2); 
var r=t.lastIndexOf(&quot;&lt;br&gt;&quot;); 
if(r&gt;0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+4);} 
</script>

!معلومة في max-results=3 استبدل الرقم 3 بعدد المشاركات التي تريد عرضها أعلاه.

الآن انسخ كود Css والصقه فوق ]]></b:skin> في المظهر الخاص بك.

/* Related Posts */
.bspostRelatedIn{text-align: left;
    padding: 15px;
    margin: 30px 0;
    border: 1px solid #ddd;
    border-radius: 3px;
    font-size: 15px;
    position: relative;} 
#bspostRelatedIn_title{font-size: 16px;
    margin: 0;
    display: inline-block;
    padding: 0 10px;
    position: absolute;
    top: -14px;
    left: 10px;
    background-color: #fefefe;
    color: #7d7d7d;} 
.bspostRelatedIn ul {
    list-style: none;
    padding: 3px 22px 0;   
} 
.bspostRelatedIn li{ border-radius: 5px;
    line-height: 1.7em;
    margin-bottom: 0.433333em;
    list-style: disc;
} 
.bspostRelatedIn li:hover {text-decoration: underline;}
.bspostRelatedIn li{ border-radius: 5px;
    line-height: 1.7em;
    margin-bottom: 0.433333em;
    list-style: disc;
} 

يمكنك تخصيص نمط عرض القائمة باستخدام Css كما يلي:

1. النوع الأول.

   
       .bspostRelatedIn li {
       border-radius: 5px;
       line-height: 1.7em;
       margin-bottom: 0.433333em;
       list-style: circle;}
       

2. النوع الثاني.

   
       .bspostRelatedIn li {
       border-radius: 5px;
       line-height: 1.7em;
       margin-bottom: 0.433333em;
       list-style: decimal;}
       

احفظ القالب وشاهد النتيجة. ربما قم بتعديل بعض Css لتناسب مدونتك! 

 ملحوظة افتراضيًا، الحد الأقصى لعدد المنشورات في هذا القطاع هو 3. ولكن يمكن زيادة هذه القيمة أو تقليلها لتناسب احتياجاتك.