مرحبا بكم أصدقائي الكرام في موضوع جديد من دورة بلوجر لكيفية انشاء مدونة عربية احترافية من الصفر..
موضوعنا اليوم هو عن الباك لينك الداخلي أو الروابط الداخلية وكيفية انشائها تلقائيا وهي مفيدة جدا في عدة أمور سأختصرها في: إنقاص نسبة الإرتداد وبقاء الزوار عندك.. زيادة نسبة ظهور صفحاتك.. إحياء الصفحات القديمة.. زيادة الأرشفة..الخ.
في هذا الموضوع إن شاء الله سنتعرف على كيفية إنشاء روابط داخلية داخل تدويناتنا بشكل تلقائي..
إقرأ أيضا:
أولا: وقبل القيام بأي شيء نأخذ نسخة إحتياطية من القالب في حالة أخطأنا.
ثانيا: نتوجه لتحرير الhtml في تصنيف المظهر.
ثالثا: نقوم بالضغط على cnrl+f ندخل العبارة المقابلة للوسم للبحث عنها : مثلا ندخل <head/> ونضغط entree لإيجاده وهكذا..
رابعا: نتبع الإرشادات التالية:
1- فوق الوسم <head/>
يمكنك تحميل الكود كامل بالضغط هنا / أو
نسخ الكود التالي ولصقه فوق الوسم <head/>
ملاحظة: نستطيع لاحقا بعد مشاهدة النتيجة أن نقوم بتغيير لون الخلفية... بالقالب لاحقا.
<b:if cond='data:blog.pageType != "index"'>
<style type='text/css'>
/* Multi Related Post */
.arabes1Related{background-color:#2a2a2a;color:#fff;margin:15px auto;display:-moz-box;display:-ms-flexbox;display:flex;flex-wrap:nowrap;justify-content:space-between;overflow:hidden;transition:all .3s}
.arabes1Related:hover{background-color:#222}
.arabes1Related .content{padding:12px 15px}
.arabes1Related .content .text{margin-right:5px}
.arabes1Related .content a{color:#fff;text-decoration:none;line-height:1.5em}
.arabes1Related .content a:hover{text-decoration:underline}
.arabes1Related .icon{height:auto;min-width:55px;background:#f44336 url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z' fill='%23fff'/%3E%3C/svg%3E") center / 40px no-repeat;transition:all .3s}
</style>
</b:if>
2- أسفل وسم <data:post.body/>
يمكنك تحميل الكود كامل بالضغط هنا / أو
لصق الكود التالي أسفل وسم <data:post.body/>
طبعا سنجد عدة وسوم كلها <data:post.body/> وعددها يختلف من قالب لآخر. ماهو الحل؟؟
الحل هو كما قلنا سابقا بحفظ القالب قبل أي شيء ثم نختار عادة <data:post.body/> الثاني أو الثالث حسب القالب أي فقط نجرب وحتى ييهل علينا الأمر نترك فراغا كبيرا تحت الوسم <data:post.body/> لنتذكر مكانه ونحذفه للوسم التالي وهكذا.., بعد ذلك نحفظ القالب ونحدث صفحة المدونة ونفح أحد المشاركات لنعرف النتيجة إن كانت صحيحة فذلك هو الوسم المطلوب ..
<b:if cond='data:view.isPost'>
<script type='text/javascript'>
//<![CDATA[
// Multi Related Post
(function() {var arabes1 = 4;let post = document['querySelectorAll']('.post-body br, .post-body p'),a = arabes1 + 1,b = post['length'] / a;c = Array['from']({length: arabes1}, (redfx, blufx) => blufx + 1);
for (let d = 0; d < c['length']; d++) {let e = c[d],f = parseInt((b * e)),g = document['createElement']('div');g['className'] = 'arabes1Related';if (post[f]['nodeName'] == 'P') {post[f]['parentNode']['insertBefore'](g, post[f])} else {post[f]['parentNode']['insertBefore'](g, post[f]['nextSibling'])}}})();
var relatedTitles = new Array();var relatedTitlesNum = 0;var relatedUrls = new Array();function related_results_labels(nerdfx) {for (var desfx = 0; desfx < nerdfx['feed']['entry']['length']; desfx++) {var nefx = nerdfx['feed']['entry'][desfx];relatedTitles[relatedTitlesNum] = nefx['title']['$t'];for (var ciafx = 0; ciafx < nefx['link']['length']; ciafx++) {if (nefx['link'][ciafx]['rel'] == 'alternate') {relatedUrls[relatedTitlesNum] = nefx['link'][ciafx]['href'];relatedTitlesNum++;break}}}}
function removeRelatedDuplicates() {var viefx = new Array(0);var labfx = new Array(0);for (var desfx = 0; desfx < relatedUrls['length']; desfx++) {if (!contains(viefx, relatedUrls[desfx])) {viefx['length'] += 1;viefx[viefx['length'] - 1] = relatedUrls[desfx];labfx['length'] += 1;labfx[labfx['length'] - 1] = relatedTitles[desfx]}};relatedTitles = labfx;relatedUrls = viefx}
function contains(yelfx, yufx) {for (var grefx = 0; grefx < yelfx['length']; grefx++) {if (yelfx[grefx] == yufx) {return true}};return false}
//]]>
</script>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:view.isPost'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=100"'/>
</b:if>
</b:loop>
</b:if>
<script type='text/javascript'>
//<![CDATA[
(function arabes1Related() {var text = 'اقرا ايضا :';let r = Math['floor']((relatedTitles['length'] - 1) * Math['random']());let i = 0;let arabes1 = document['querySelectorAll']('.arabes1Related');while (i < relatedTitles['length'] && i < arabes1['length']) {for (let a = 0; a < arabes1['length']; a++) {arabes1[a]['innerHTML'] = '<span class="content"><span class="text">' + text + '</span><a href="' + relatedUrls[r] + '" title="' + relatedTitles[r] + '">' + relatedTitles[r] + '</a></span><span class="icon"></span>';if (r < relatedTitles['length'] - 1) {r++} else {r = 0};i++}}})();
//]]>
</script>
</b:if>
ملاحظة: يمكنك التحكم في عدد الروابط الداخلية التي ستظهر داخل التدوينات من خلال تغيير الرقم الأحمر بالأعلى arabes1 = 4 حيث هنا ستظهر أربعة روابط وهكذا..
سنحصل على نتيجة مثل هذه:
في الأخير ستحصل على نتيجة جميلة ومفيدة للسيو مثل الصورة بالأعلى ... والجميل في الأمر أن الروابط ستكون من نفس الصنف أو التقسيم وليس من صنف آخر فإذا كنت داخل تصنيف محدد كالسيارات مثلا فإن الروابط ستكون فقط عن السيارات وليس الرسم وهكذا...