طريقة إضافة فهرس تلقائي للمقالات في بلوجر لتحسين تجربة الزائر والسيو

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

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

ما هو فهرس المقال التلقائي؟

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

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

لماذا فهرس المقال مهم لمدونات بلوجر؟

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

هل فهرس المقال يساعد في السيو؟

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

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

قبل تركيب الكود: تأكد من هذه النقاط

أين أضع كود فهرس المقال في بلوجر؟

أفضل طريقة هي وضع الكود مرة واحدة من خلال أداة HTML/JavaScript داخل التخطيط. اتبع الخطوات التالية:

1. ادخل إلى لوحة تحكم بلوجر.
2. اذهب إلى التنسيق.
3. اضغط على إضافة أداة.
4. اختر HTML/JavaScript.
5. الصق الكود داخل الأداة.
6. اضغط حفظ.
7. ثم اضغط حفظ الترتيب.

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

كود فهرس المقال التلقائي لبلوجر

انسخ الكود التالي وضعه في أداة HTML/JavaScript داخل بلوجر:

<style>
#nashmii-toc{
  background:#f4f8fb;
  border:1px solid #d9e6f2;
  border-right:4px solid #1d72b8;
  padding:14px 16px;
  margin:22px 0;
  border-radius:8px;
  font-family:Arial,Tahoma,sans-serif;
  direction:rtl;
}
#nashmii-toc strong{
  display:block;
  margin-bottom:8px;
  color:#12355b;
  font-size:17px;
}
#nashmii-toc a{
  display:block;
  color:#1d72b8;
  text-decoration:none;
  margin:7px 0;
  line-height:1.7;
}
#nashmii-toc a:hover{
  text-decoration:underline;
}
#nashmii-toc .h3{
  padding-right:18px;
  font-size:14px;
  color:#245d8f;
}
</style>

<script>
(function(){
  if(!/\/\d{4}\/\d{2}\/.*\.html/.test(location.pathname)) return;

  var content = document.querySelector('.post-body, article, .entry-content, .post');
  if(!content) return;

  var heads = Array.from(content.querySelectorAll('h2,h3')).filter(function(h){
    return h.textContent.trim().length > 3;
  });

  if(heads.length < 3) return;

  var oldToc = document.getElementById('nashmii-toc');
  if(oldToc) return;

  var box = document.createElement('div');
  box.id = 'nashmii-toc';
  box.innerHTML = '<strong>محتوى المقال</strong>';

  heads.forEach(function(h,i){
    if(!h.id) h.id = 'nashmii-heading-' + i;

    var a = document.createElement('a');
    a.href = '#' + h.id;
    a.textContent = h.textContent.trim();
    a.className = h.tagName.toLowerCase();

    box.appendChild(a);
  });

  content.insertBefore(box, heads[0]);
})();
</script>

كيف تجعل الفهرس يظهر في مقالاتك؟

بعد تركيب الكود، يجب أن تحتوي مقالاتك على عناوين فرعية. مثال:

<h2>ما هو Google AdSense؟</h2>
<p>هنا تكتب الفقرة...</p>

<h2>طريقة التسجيل في أدسنس</h2>
<p>هنا تكتب الفقرة...</p>

<h3>نصائح قبل التقديم</h3>
<p>هنا تكتب الفقرة...</p>

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

هل أضع الكود في كل مقال؟

لا. تضع الكود مرة واحدة فقط في أداة HTML/JavaScript، وبعدها يعمل تلقائيًا في كل مقال جديد أو قديم يحتوي على عناوين H2 و H3.

ماذا أفعل إذا لم يظهر الفهرس؟

إذا ركبت الكود ولم يظهر الفهرس، افحص هذه الأمور:

• تأكد أن المقال يحتوي على عناوين H2 أو H3.
• تأكد أن عدد العناوين 3 أو أكثر.
• تأكد أنك وضعت الكود في أداة HTML/JavaScript وليس داخل تعليق.
• جرّب فتح مقال منشور، وليس صفحة المعاينة فقط.
• إذا كان قالبك مختلفًا، قد تحتاج إلى وضع الكود قبل وسم </body> داخل القالب.

هل الكود يبطئ المدونة؟

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

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

أفضل أماكن ظهور الفهرس داخل المقال

أفضل مكان للفهرس هو بعد المقدمة مباشرة وقبل أول عنوان فرعي. الكود الذي وضعناه يقوم بذلك تلقائيًا، لأنه يضيف الفهرس قبل أول عنوان H2 أو H3 داخل المقال.

هذا الترتيب ممتاز لأن القارئ يقرأ المقدمة أولًا، ثم يرى محتوى المقال ويختار القسم الذي يريده.

أخطاء شائعة عند استخدام فهرس المقال

• استخدام عناوين كبيرة بدون ترتيب منطقي.
• وضع H1 أكثر من مرة داخل المقال.
• كتابة المقال كله بدون H2 أو H3.
• إضافة الفهرس يدويًا في كل مقال بدل استخدام كود تلقائي.
• استخدام كود ثقيل يحتوي مكتبات خارجية غير ضرورية.

طريقة كتابة مقال مناسب للفهرس والسيو

إذا أردت أن تستفيد من الفهرس بأفضل شكل، اكتب المقال بهذا الترتيب:

1. عنوان رئيسي واضح H1.
2. مقدمة قصيرة تشرح المشكلة.
3. عناوين H2 للأقسام الأساسية.
4. عناوين H3 للتفاصيل داخل كل قسم.
5. جدول أو قائمة إذا كان الموضوع يحتاج مقارنة.
6. خاتمة مختصرة.
7. أسئلة شائعة في نهاية المقال.

مصدر رسمي مفيد

يمكنك الرجوع إلى مركز مساعدة بلوجر لمعرفة المزيد عن إدارة التخطيط والأدوات من هنا: مركز مساعدة Blogger الرسمي

أسئلة شائعة

هل فهرس المقال يعمل على كل قوالب بلوجر؟

يعمل على أغلب قوالب بلوجر، لكن بعض القوالب المعدلة قد تحتاج إلى وضع الكود داخل القالب قبل وسم </body>.

هل أحتاج إلى إضافة الفهرس يدويًا في كل مقال؟

لا، الكود يضاف مرة واحدة فقط، وبعدها يعمل تلقائيًا مع المقالات التي تحتوي على عناوين H2 و H3.

لماذا لا يظهر الفهرس في بعض المقالات؟

غالبًا لأن المقال لا يحتوي على 3 عناوين فرعية أو أكثر، أو لأن العناوين ليست مكتوبة بصيغة H2 و H3.

هل فهرس المقال مفيد لمحركات البحث؟

نعم، يساعد بشكل غير مباشر من خلال تحسين تنظيم المحتوى وتجربة المستخدم، لكنه لا يغني عن جودة المقال والكلمات المفتاحية والروابط الداخلية.