طريقة إضافة مواضيع ذات صلة بشكل إحترافي لمدونات بلوجر 2023

إضافة مواضيع ذات صلة في مدونات بلوجر | مرحبا بكم أعزائي زوار موقع تقني العرب ، من أكثر ما يهتم به المدوٌن الذي يمتلك موقع على الووردبريس أو بلوجر هو ربط المواضيع ببعضهما البعض في المقال التي تعرف بـ backlink الروابط الداخلية , والتي لها دور كبير في تعزيز ظهور المقال في الصفحات الأولى لمحركة البحث جوجل ، لذلك سوف نقدم لكم اليوم طريقة تفعيل إضافة مواضيع ذات صله إلى مدونات بلوجر أسفل كل تدوينة.

مواضيع ذات صله في بلوجر

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

لذلك سوف نتطرق لكم اليوم عن كيفية إضافة مواضيع ذات صله بلوجر في القالب عن طريق كود HTML الذي يعتبر من أهم أكواد بلوجر 2021 المخصص لمواضيع ذات صله في مدونة Blogger , ولكن قبل أن نبدأ عن كيفية إضافة مواضيع ذات صله لبلوجر ، علينا أن نعرض لكم بعض مميزات مواضيع ذات صله وأهميتها في بلوجر.

قد يهمك: اضافات ميزة واحترافية مهمة لأصحاب المواقع على مدونة بلوجر

مميزات مواضيع ذات صله داخل التدوينة

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

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

• أولاً : قم بالدخول إلى المظهر أو القالب
• ثانياً : قم بتوسيع القالب.
• ثالثاً : إضغط على (CTRL + F) للبحث عن هذا الكود :

</head>

ثم ضع هذا الكود قبله مباشرةً.

 <!--Related Posts with thumbnails Scripts and Styles Start-->

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

<style type='text/css'>

#related-posts {

float:center;

text-transform:none;

height:100%;

min-height:100%;

padding-top:5px;

padding-left:5px;

}

#related-posts h2{

font-size: 18px;

letter-spacing: 2px;

font-weight: bold;

text-transform: none;

color: #5D5D5D;

font-family: Arial Narrow;

margin-bottom: 0.75em;

margin-top: 0em;

padding-top: 0em;

}

#related-posts a{

border-right: 1px dotted #DDDDDD;

color:#5D5D5D;

}

#related-posts a:hover{

color:black;

background-color:#EDEDEF;

}

</style>

<script type='text/javascript'>

var defaultnoimage=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgj9rfvYnxs1NpEwAXBTUIBB-bRuE7aWoIpDHGehTOeFVr5S191b5E6qQC2AHnZNIpGeV5vXmMGfBstzJK0JdwGvvYXP7eOgMToyD3iSuLD02DfS-X8FRKQ4wLNjoZqBc3DzwOnEjzjozw/s1600/no_image.jpg&quot;;

var maxresults=5;

var splittercolor=&quot;#DDDDDD&quot;;

var relatedpoststitle=&quot;مواد ذات صلة&quot;;

</script>

<script src='http://helplogger.googlecode.com/svn/trunk/related-posts-with-big-thumbnails.js' type='text/javascript'/>

<!-- remove --></b:if>

<!--Related Posts with thumbnails Scripts and Styles End-->

ومن بعد ذلك سوف بالبحث عن هذا الكود فإذا وجدت أكثر من كود فأختر الأول.

<div class='post-footer'>

ثم الصق بعده مباشرةً هذا الكود:

<!-- Related Posts with Thumbnails Code Start-->

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

<div id='related-posts'>

<b:loop values='data:post.labels' var='label'>

<b:if cond='data:label.isLast != &quot;true&quot;'>

</b:if>

<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=6&quot;' type='text/javascript'/></b:loop>

<script type='text/javascript'>

removeRelatedDuplicates_thumbs();

printRelatedLabels_thumbs(&quot;<data:post.url/>&quot;);

</script>

</div><div style='clear:both'/>

<!-- remove --></b:if>

<b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'>

<a href='http://helplogger.blogspot.com'><img alt='Blogger Tricks' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3EXKU0SQ-W-U-SPbH0f-2k0Aon5zYTvh4vv7ZYuP380AcOGgX-XYiWbx9GigXf3iiHe_Ee4aJToaGsI9HZSEGX9BuEEEbB1fJHX7Lmpkf_h7qka1mfML2s7T7dBm9-Sx27sng2gh2m8wl/s1600/best+blogger+tips.png'/></a>

</b:if></b:if>

<!-- Related Posts with Thumbnails Code End-->

وأخر خطوة بقية؟ هي حفظ التغييرات ومبروك الأن أصبحت تمتلك مواضيع ذات صله لمدونة بلوجر.