كيفية إضافة صفحة فهرس احترافية في مدونة بلوجر: خطوة ذكية لتحسين تجربة الزائر وزيادة الزيارات

بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِ الرَّحِيم

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

كيفية إضافة صفحة فهرس احترافية في مدونة بلوجر: خطوة ذكية لتحسين تجربة الزائر وزيادة الزيارات

ما هي صفحة الفهرس في بلوجر ولماذا تحتاجها؟

صفحة الفهرس (Sitemap Page) في بلوجر هي صفحة خاصة تُعرض فيها مقالات المدونة مصنفة ضمن أقسام أو تصنيفات محددة، ما يسهل على القارئ استكشاف المحتوى بشكل منظم وسريع.

عرض تجريبي

فوائد إنشاء صفحة الفهرس في مدونة بلوجر:

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

خطوات إضافة صفحة فهرس احترافية في مدونة بلوجر

هل أنت مستعد لإنشاء صفحة فهرس أنيقة لمدونتك؟ إليك خطوات عملية وبسيطة يمكنك تنفيذها في دقائق:

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

<!--[ Begin: Sitemap area ]-->
<style>
.sMap >.n{padding:40px 15px;background:var(--contentB);font-size:14px;line-height:1.5rem;text-align:center;border:2px dashed var(--contentL);border-radius:5px}
.sMap a{color:inherit}
.sMap a:hover{color:var(--linkC);text-decoration:underline}
.sMap ol li::marker{opacity:.8}
@media screen and (min-width: 896px) {
.sSel{display:flex;gap:12px;margin-bottom:20px}
.sSel >*{flex:1;margin:0}
}
</style>
<script>
"use strict";((e,t,l,a)=>{let{df:s,lz:i,cEl:n,iAE:o,qSel:r,gId:d,aEL:u,ms:p,mc:c,bg:g,vw:h}=e,b=l.currentScript,v=n("div",{class:"sMap",innerHTML:`<div class='n'>${p.loading}</div>`});if(!b)return;o(b,"afterend",v);let f=b.getAttribute("data-blog")||g.cnHmU;h.iPrB?v.innerHTML="<div class='n'>Feature Sitemap is not available for Private Blogs.</div>":s.then((()=>i)).then((async()=>{let t=new(await e.iBF())(f,{jsonp:!0}),[l,s]=await Promise.all([t.posts.list({sortBy:"published",maxResults:999,summary:!0}),t.pages.list({sortBy:"published",maxResults:999})]),i=[],n={};for(let e=0;e<l.length;e++){let t=l[e];t.published=new Date(t.published),t.updated=new Date(t.updated);let a=t.labels;if(a.length)for(let e=0;e<a.length;e++){let l=a[e];n[l]||(n[l]=[]),n[l].push(t)}else i.push(t)}for(let e=0;e<s.length;e++){let t=s[e];t.published=new Date(t.published),t.updated=new Date(t.updated)}let o={};o.group_all=["جميع المقالات",l];for(let e in n)o[`label_${e}`]=[e,n[e]];i.length&&(o.group_unlabelled=[a.uncategorized,i]),o.group_pages=[a.pages,s];let p="";p+="<div class='sSel'><div class='inF'><select id='sm-category'>";for(let e in o)p+=`<option value='${e}'>${o[e][0]}</option>`;p+=`</select><label for='sm-category'>${a.category}</label></div><div class='inF'><select id='sm-sort-by'><option value='published'>${c.published}</option><option value='updated'>${c.updated}</option></select><label for='sm-sort-by'>${a.sortBy}</label></div></div><ol class='sPts'></ol>`,v.innerHTML=p;let g=d("sm-category"),h=d("sm-sort-by"),b=r(".sPts",v),m=()=>{let e=g.value,t=h.value,[l,a]=o[e];a.sort(((e,l)=>{if("updated"===t){if(e.updated>l.updated)return-1;if(e.updated<l.updated)return 1}else{if(e.published>l.published)return-1;if(e.published<l.published)return 1}return 0}));let s="";for(let e=0;e<a.length;e++){let t=a[e];s+=`<li><a href='${t.url}' target='_blank'>${t.title}</a></li>`}b.innerHTML=s};u(g,"change",m),u(h,"change",m),m()})).catch((t=>{console.warn("Sitemap error:",t),e.iAdm().then((e=>{if(!e)throw new Error("Not admin");v.innerHTML="<div class='n'>Failed to load Sitemap page. Please make sure you are connected to internet and Blog Feed is not set to 'None' in blog settings.</div>"})).catch((()=>{v.innerHTML=`<div class='n'>${c.failedToLoad}</div>`}))}))})(PU,window,document,{sortBy:"فرز حسب",allPosts:"جميع المقالات",uncategorized:"غير مصنف",pages:"الصفحات",category:"الاقسام"});
</script>

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

تعزيز تجربة المستخدم عبر تصميم صفحة الفهرس

ليس كافيًا فقط إنشاء صفحة الفهرس، بل يجب أن تُراعي فيها عدة عناصر تجعلها مريحة وسهلة الاستخدام:

تصميم متجاوب: تأكد أن الصفحة تعمل بسلاسة على الهواتف المحمولة والأجهزة اللوحية.
ألوان واضحة وخط مقروء: استخدم ألوانًا متناسقة مع قالب مدونتك لراحة العين.
سرعة تحميل عالية: قلل من الأكواد غير الضرورية لتسريع تحميل الصفحة.

الخاتمة

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

الاسالة الشائعة

هل تؤثر صفحة الفهرس على ترتيب المدونة في نتائج البحث؟

نعم، فهي تسهل على عناكب محركات البحث فهم هيكلية الموقع، مما يُعزز من ظهور صفحاتك في نتائج البحث.

هل يمكن الاستغناء عن قائمة التنقل عند إضافة صفحة الفهرس؟

لا، فصفحة الفهرس تكمل دور قائمة التنقل، لكنها تقدم نظرة أشمل وأكثر تفصيلًا لمحتوى المدونة.

هل يجب تحديث صفحة الفهرس يدويًا؟

لا، الكود المستخدم يعتمد على التسميات والمقالات الحديثة ويُحدث نفسه تلقائيًا

هل يمكن تعديل تصميم الفهرس لاحقًا؟

بالتأكيد، يمكنك تعديل كود CSS في أي وقت لتغيير شكل الفهرس حسب رغبتك.

هل تؤثر صفحة الفهرس على أداء المدونة؟

لا، إذا تم استخدامها بكود نظيف وخفيف، فهي لا تستهلك موارد زائدة بل تحسن الأداء العام.

هنا ينتهي المقال — اشترك لتبدأ رحلتك!

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

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

أصل للمعلوميات