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

أفضل طريقة لاضافة مواضيع ذات صلة في وسط التدوينة بشكل تلقائي لمدونات بلوجر

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

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

طريقة اضافة مواضيع ذات صله بشكل جديد داخل المواضيع

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

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

شرح كيفية اضافة مواضيع ذات صلة وسط المشاركات بشكل تلقائي

اولا- لتجنب أي أخطاء يرجى عمل نسخة احتياطية من النموذج والانتقال إلى لوحة تحكم Blogger سجّل الدخول إلى لوحة تحكم المدونة ثم المظهر - ثم بجوار تخصيص يتم اختيار تعديل HTML - سيفتح قالب المدونة معك ثم أستخدم Ctrl + f للبحث داخل القالب - ابحث عن العلامة </ head> وضع الكود التالي فوقه مباشرة

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<script type='text/javascript'>

//<![CDATA[

var relatedSimply = new Array(); var relatedSimplyNum = 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]; relatedSimply[relatedSimplyNum] = entry.title.$t; for (var k = 0; k < entry.link.length; k++) { if (entry.link[k].rel == 'alternate') {relatedUrls[relatedSimplyNum] = entry.link[k].href; relatedSimplyNum++; 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] = relatedSimply[i];}} relatedSimply = 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((relatedSimply.length - 1) * Math.random()); var i = 0; document.write('<ul>'); while (i < relatedSimply.length && i < 20) { document.write('<li><a href="' + relatedUrls[r] + '">' + relatedSimply[r] + '</a></li>'); if (r < relatedSimply.length - 1) { r++; } else { r = 0;} i++;} document.write('</ul>');}

//]]>

</script>

</b:if>

ثانيا -ابحث عن الملصق ]]> </ b: skin> والصق الكود التالي فوقه مباشرةً

/* Related Post Style 1 */

.related-simplify{position :relative;padding:0;margin:15px auto;width : 100%;}

.related-simplify h4{background:#3498db;padding:8px 12px;margin:0;font-size:15px;font-weight:400;color:#fff;border:1px solid #2e88c5}

.related-simplify ul{margin:0;padding:0}

.related-simplify ul li{background:#f6f6f6;position :relative;list-style:none;padding:9px;margin:auto;line-height:1.4em;border:1px solid rgba(0,0,0,0.1);border-bottom:0;transition:all .3s}

.related-simplify ul li:nth-child(odd){background:#fefefe}

.related-simplify ul li:last-child{border-bottom:1px solid rgba(0,0,0,0.1)}

.related-simplify ul li:before{content:'\f138';font-family:fontawesome;position :absolute;margin:0 4px 0 9px;color:#2ecc71;overflow:hidden;transition:all .3s}

.related-simplify ul li:hover:before{content:'\f138';font-family:fontawesome;-webkit-animation:bounceleft .3s alternate ease infinite;animation:bounceleft .3s alternate ease infinite}

.related-simplify a{color:#0383d9;font-size:13px;margin:0 30px 0 0;}

.related-simplify a:hover{color:#0383d9;text-decoration:underline}

.related-simplify ul li:nth-child(n+4) {display :none;}

@-webkit-keyframes bounceleft{from{-webkit-transform:translateX(0)}to{-webkit-transform:translateX(3px)}}

@keyframes bounceleft{from{transform:translateX(0)}to{transform:translateX(3px)}} 

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

<div expr:id='&quot;post1&quot; + data:post.id'/>

<div class='related-simplify'>

<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>

<h4>قد يهمك أيضا</h4>

<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>

ثم احفظ النموذج واعرض النتائج.