اضافة أداة جدول محتويات المقال الي مدونة بلوجر، اضافات بلوجر Table of Contents

Mohamed Gad

40 تعليق

اضافة أداة جدول محتويات المقال الي مدونة بلوجر، اضافات بلوجر Table of Contents

طريقة إضافة أداة جدول محتويات المقال "جدول المحتويات" الي مدونة بلوجر، Post Content Widget for Blogger

إضافة جدول أو قائمة تحتوي على ما يتضمنه المقال هو أمر رائع لكل من القارئ ومحركات البحث، جدول المحتويات يسهل من قراءة المقال ويجعل الوصول إلى جزأ معين منه أمراً سهلاً.
كما أن هذه الأداة أمر هام جداً بالنسبة للسيو SEO، حيث أنه يزيد من قدرة محركات البحث على فهم ما يحتويه مقالك وعن الجزئيات التي تتحدث عنها فهي من اهم اضافات بلوجر
تعرف من هنا علي: كيفية اضافة اداة التبادل الاعلاني الي مدونة بلوجر.
وسأعرض في هذة التدوينة كيفية اضافة آداة محتويات المقال الي قالب بلوجر وتعتبر هذة الاداة من الاضافات الرائعة الي قالب بلوجر Table of Contents ومن افضل اكواد قوالب بلوجر.
اضافة أداة محتويات المقال الي مدونة بلوجر، اضافات بلوجر Table of Contents
التدوين وكتابة المقالات هو من افضل الطرق للربح من الانترنت، وهناك خبايا للربح من بلوجر؛ تعرف من هنا علي: افضل الطرق للربح من بلوجر بجانب ادسنس.

اهمية جدول المحتويات، بلوجر

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

شكل اضافة جدول المحتويات بلوجر

وهذا هو شكل اضافة جدول المحتويات. تعرف من هنا علي: كيفية تسريع مدونة بلوجر.

اضافة جدول المحتويات الي مدونة بلوجر، اضافات بلوجر

جدول المحتويات اضافة مهمة من الاضافات التي يمكنك اضافتها الي مدونة بلوجر، ويمكنك اضافة جدول المحتويات الي مواضيع بلوجر عن طريق اتباع الخطوات التالية.
  1. أولاً إذهب الي المقال الذي تريد اضافة له جدول المحتويات:

  2. قم بإختيار المقال الذي تريد اضافة له جدول للمحتويات.
  3. ثانياً قم بنسخ كود جدول المحتويات لوضعه في مقالك علي بلوجر:

  4. وفي الاسفل هنا تجد كود اضافة جدول المحتويات :
     
     <details  open="">
    <summary>الفهرس ومحتويات المقال:</summary>
    <ul class="postcontent">
    <li><a href="https://www.mobtakr.com/2019/11/how-increase-blogspot-page-loading-speed.html#part1" >كيفية قياس سرعة تحميل قالب مدونة بلوجر</a></li>
    <ul> 
    <li><a href="https://www.mobtakr.com/2019/11/how-increase-blogspot-page-loading-speed.html#part1.1" >قياس سرعة تحميل قالب بلوجر باستخدام Page speed insights</a></li>
    <li><a href="https://www.mobtakr.com/2019/11/how-increase-blogspot-page-loading-speed.html#part1.2" >قياس سرعة تحميل قالب بلوجر باستخدام GTmetrics</a></li>
    </ul> 
    <li><a href="https://www.mobtakr.com/2019/11/how-increase-blogspot-page-loading-speed.html#part2" >طرق واكواد لتسريع مدونة بلوجر</a></li>
    <ul> 
    <li><a href="https://www.mobtakr.com/2019/11/how-increase-blogspot-page-loading-speed.html#part2.1" > إزالة الأدوات الغير مهمة والغير ضرورية من قالب بلوجر</a></li>
    <li><a href="https://www.mobtakr.com/2019/11/how-increase-blogspot-page-loading-speed.html#part2.2" >عمل Optimize للصور التي تستخدمها في موقعك</a></li>
    <li><a href="https://www.mobtakr.com/2019/11/how-increase-blogspot-page-loading-speed.html#part2.3" >تحميل اسكريبتات الموقع بطريقة متوازية </a></li>
    <li><a href="https://www.mobtakr.com/2019/11/how-increase-blogspot-page-loading-speed.html#part2.4" >تقليل الوقت اللازم لتحميل خطوط الويب المستخدمة في  قالب بلوجر</a></li>
    <li><a href="https://www.mobtakr.com/2019/11/how-increase-blogspot-page-loading-speed.html#part2.5" > إستخدام كود الـ Lazy Loading لتأخير تحميل الصور</a></li>
    <li><a href="https://www.mobtakr.com/2019/11/how-increase-blogspot-page-loading-speed.html#part2.6" >  عمل Minify للقالب أو لكود الـ HTML</a></li>
    </ul>
    </ul>
    </details>
     
    
  5. قم بلصق الكود في خانة الـ HTML الخاصة بمقال بلوجر.

  6. تعديل واستخدام اداة جدول المحتويات بلوجر

  7. يمكنك التعديل علي الاضافة كالآتي :
     
     <details  open="">
    <summary>الفهرس ومحتويات المقال:</summary>
    <ul class="postcontent">
    
    <li><a href="رابط مقالك ضعه هنا + # + الكلمة الخاصة بال id "        
    
    >  عنوان فرعي لمقالك هنا </a></li>
    /* قم بتكرار العملية */
    <li><a href="#"        
    
    >  عنوان فرعي لمقالك هنا </a></li>
    /* وهكذا  */
    </ul> 
    </details>
    
     
    
  8. اضافة id مختلف لكل عنوان في مقالك.

  9. وقم بتعديل العناوين في مقالك ووضع id مميز لكل عنوان ومن ثم قم باستخدامه في جدول المحتويات كما بالصورة تماماً.
    وتذكر أنه سوف تحتاج هذه ال id حيث ستضيفها الي الكود الذي قمت بلصقه في بداية المقال.

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

إشتري قالب موقعي

قالب مبتكر، قالب موقعي هو قالب بلوجر احترافي.

شراء القالب

اضافات بلوجر

,

اكواد بلوجر

,

برمجة

,

هناك 40 تعليقًا:

  1. الردود
    1. سهل جداً كل ما عليك إنك تعدل الـ HTML للمقال، فهتروح للعنصر اللي عايز تحط ليه الـ Id.
      وتحط الـ ID .
      ببساطة هتكتب قبل الـ < هتكتب id="toc1" .
      بص ثواني وأنا هعدل المقال عشان اعرف اشرح بشكل افضل .

      حذف
    2. تم تحديث المقال واضافة صور واضحة، شوف اخر حاجة في المقال هتلاقي صورة فيها شرح لل Id

      حذف
  2. لم افهم اخي طريقة اid والكود الذي وضعته غي الاول لايتوفر على مكان id لاكن يتوفر على روابط موقعك

    ردحذف
    الردود
    1. يا أخي الكود اللي في الاول فيه روابط لموقعي وكل رابط متبوع بعلامة شباك # ثم اسم الـ ID اللي انت حطيته في العناوين.

      يعني إذا أنا حطيت id لعنوان في المقال وال id ده قيمته مثلا "first01"، هاخد الـ first01 دي واحطها بعد حرف الشباك # بعد رابط المقال.

      يعني هتستبدل روابط موقعي اللي في الكود الاولاني برابط مقالك + # + قيمة ال ID.

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

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

    ردحذف
    الردود
    1. شكرا يا اخي، ال HTML مش صعبة ولا حاجه لو عايز تتعلمها هي لغة بسيطة جدا.
      وانا بحاول على قد ما اقدر اني انشر معلومات تفيد الناس والمدونين. ♥️
      وبجد محتاج الناس اللي زيك عشان تدعم المحتوى اللي بقدمه واقدر استمر 💔❤️

      حذف
  4. أزال المؤلف هذا التعليق.

    ردحذف
    الردود
    1. هحاول أعمل فيديو قريباً إبقي علي ترقب، وأيضاً سأحاول تحديث الموضوع بحيث يصبح أكثر وضوحاً وبشكل مفصل.

      حذف
  5. أزال المؤلف هذا التعليق.

    ردحذف
    الردود
    1. هحاول اعمل فيديو gif بسيط يوضح العملية وهحطه هنا في المقال بس اديني شوية وقت لاني حاليا بقيت بشتغل في شركة فبقي صعب اتابع مع الموقع.
      بس متقلقش كام يوم وارجع للمقال هتلاقيه اتحدث.

      حذف
  6. أزال المؤلف هذا التعليق.

    ردحذف
  7. أزال المؤلف هذا التعليق.

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

      حذف
  8. أزال المؤلف هذا التعليق.

    ردحذف
    الردود
    1. ده حسابي علي خمسات تقدر تطلب مني الاضافة دي هنا وانا هساعدك انك تضيفها لمدونتك وممكن اتواصل معاك فيديو عشان تضيفها.

      خدمة اضافة جدول المحتويات بلوجر، خمسات

      حذف
  9. عايز الاضافه بتاعت اقرأ ايضاً

    ردحذف
    الردود
    1. قريباً هنزل الشرح للاضافة دي وازاي تحطها داخل المواضيع، تابع المدونة ❤

      حذف
  10. أزال المؤلف هذا التعليق.

    ردحذف
    الردود
    1. اذا كان المحتوى القديم ده بتاعك وخاص بيك فمفيش مشكلة.
      لكن لابد اولا من حذف هذا المحتوى من المدونة القديمة.
      ومن ثم نشر المحتوى على المدونة الجديدة.

      حذف
  11. أزال المؤلف هذا التعليق.

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

      حذف
  12. أزال المؤلف هذا التعليق.

    ردحذف
  13. أزال المؤلف هذا التعليق.

    ردحذف
  14. أزال المؤلف هذا التعليق.

    ردحذف
  15. أزال المؤلف هذا التعليق.

    ردحذف
  16. هو مينفعش ااضيف الكود في القالب نفسة ويشتغل تلقائي ؟

    ردحذف
    الردود
    1. ينفع ولكن بتحتاج كود تاني غير ده. وبيكون كود جافا سكريبت بيعمل جدول المحتويات بشكل تلقائي في كل مقال.
      تقدر تدور عليه في جوجل. لكن الكود ده لازم يتعمل بشكل يدوي في كل مقال

      حذف
  17. أزال المؤلف هذا التعليق.

    ردحذف
    الردود
    1. شوف اسم المشكلة وابحث عن حلها في جوجل

      حذف
  18. هل يمكن تطبيق نفس الطريقة تلقائي بدون اضافتها يدويا في كل مرة

    ردحذف
  19. الف شكر لك ولكن بعد اذنك اخي الكريم ممكن هل إضافة بشكل تلقائي وليس يدوي واكون شاكر لك

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

      حذف
  20. اخي هل صحيح بأن تغيير القالب عده مرات تضيع الأرشفه
    وإن حصل ماذا افعل هل اقوم بتغيير المدونه ام اصبر ام ماذا

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

      ويمكنك معاينة قالب مبتكر من هنا وهو قالب مازال تحت التطوير : قالب مبتكر

      حذف
  21. اكواد الميتا تاج جوجل اصبحت لا تعتمد عليها

    ردحذف
    الردود
    1. لا اكواد الميتا تاج مهمة، حتي لو أن جوجل أصبحت لا تعتمد عليها؛ فإضافتها لن يعود بالضرر علي المدونة.

      حذف

جميع التعليقات يتم مراجعاتها، لو سمحت لا تقم بنشر شيء غير مسموح أو SPAM