طريقة إضافة أداة جدول محتويات المقال "جدول المحتويات" الي مدونة بلوجر، Post Content Widget for Blogger
إضافة جدول أو قائمة تحتوي على ما يتضمنه المقال هو أمر رائع لكل من القارئ ومحركات البحث، جدول المحتويات يسهل من قراءة المقال ويجعل الوصول إلى جزأ معين منه أمراً سهلاً.
كما أن هذه الأداة أمر هام جداً بالنسبة للسيو SEO، حيث أنه يزيد من قدرة محركات البحث على فهم ما يحتويه مقالك وعن الجزئيات التي تتحدث عنها فهي من اهم اضافات بلوجر
تعرف من هنا علي: كيفية اضافة اداة التبادل الاعلاني الي مدونة بلوجر.
وسأعرض في هذة التدوينة كيفية اضافة آداة محتويات المقال الي قالب بلوجر وتعتبر هذة الاداة من الاضافات الرائعة الي قالب بلوجر Table of Contents ومن افضل اكواد قوالب بلوجر.
التدوين وكتابة المقالات هو من افضل الطرق للربح من الانترنت، وهناك خبايا للربح من بلوجر؛ تعرف من هنا علي: افضل الطرق للربح من بلوجر بجانب ادسنس.
اهمية جدول المحتويات، بلوجر
تكمن اهمية جدول المحتويات في أنها توضح للقارئ ومحركات البحث ايضا محتوي صفحة الويب او محتوي مقالك علي بلوجر.
كما أن لها اهمية اخري حيث انها تعطي لمقالك شكل وروابط تسمي بالــ Jump links في نتائج البحث .وأخيرا وكما قلنا سابقا جدول المحتويات يسهل تصفح المقال والوصول للأجزاء التي تهم القارئ منه.
شكل اضافة جدول المحتويات بلوجر
وهذا هو شكل اضافة جدول المحتويات. تعرف من هنا علي: كيفية تسريع مدونة بلوجر.اضافة جدول المحتويات الي مدونة بلوجر، اضافات بلوجر
جدول المحتويات اضافة مهمة من الاضافات التي يمكنك اضافتها الي مدونة بلوجر، ويمكنك اضافة جدول المحتويات الي مواضيع بلوجر عن طريق اتباع الخطوات التالية.-
أولاً إذهب الي المقال الذي تريد اضافة له جدول المحتويات:
قم بإختيار المقال الذي تريد اضافة له جدول للمحتويات.
ثانياً قم بنسخ كود جدول المحتويات لوضعه في مقالك علي بلوجر:
وفي الاسفل هنا تجد كود اضافة جدول المحتويات :
قم بلصق الكود في خانة الـ HTML الخاصة بمقال بلوجر.
تعديل واستخدام اداة جدول المحتويات بلوجر
يمكنك التعديل علي الاضافة كالآتي :
-
اضافة id مختلف لكل عنوان في مقالك.
وقم بتعديل العناوين في مقالك ووضع id مميز لكل عنوان ومن ثم قم باستخدامه في جدول المحتويات كما بالصورة تماماً.
<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>
<details open="">
<summary>الفهرس ومحتويات المقال:</summary>
<ul class="postcontent">
<li><a href="رابط مقالك ضعه هنا + # + الكلمة الخاصة بال id "
> عنوان فرعي لمقالك هنا </a></li>
/* قم بتكرار العملية */
<li><a href="#"
> عنوان فرعي لمقالك هنا </a></li>
/* وهكذا */
</ul>
</details>
وتذكر أنه سوف تحتاج هذه ال id حيث ستضيفها الي الكود الذي قمت بلصقه في بداية المقال.
كانت هذة طريقة اضافة جدول المحتويات في بلوجر، ان كان لديك اسأله قم بوضعها في خانة التعليقات.
كيف أضع id وكيف أضيفه
ردحذفسهل جداً كل ما عليك إنك تعدل الـ HTML للمقال، فهتروح للعنصر اللي عايز تحط ليه الـ Id.
حذفوتحط الـ ID .
ببساطة هتكتب قبل الـ < هتكتب id="toc1" .
بص ثواني وأنا هعدل المقال عشان اعرف اشرح بشكل افضل .
تم تحديث المقال واضافة صور واضحة، شوف اخر حاجة في المقال هتلاقي صورة فيها شرح لل Id
حذفلم افهم اخي طريقة اid والكود الذي وضعته غي الاول لايتوفر على مكان id لاكن يتوفر على روابط موقعك
ردحذفيا أخي الكود اللي في الاول فيه روابط لموقعي وكل رابط متبوع بعلامة شباك # ثم اسم الـ ID اللي انت حطيته في العناوين.
حذفيعني إذا أنا حطيت id لعنوان في المقال وال id ده قيمته مثلا "first01"، هاخد الـ first01 دي واحطها بعد حرف الشباك # بعد رابط المقال.
يعني هتستبدل روابط موقعي اللي في الكود الاولاني برابط مقالك + # + قيمة ال ID.
وتكرر العملية دي لكل الروابط اللي بتشير ب id للعناوين بتاعتك.
وإن شاء تتمكن من عمل جدول المحتويات.
ولو في اسأله تاني حطها في تعليق وانا هساعدك علي قد ما اقدر.
شكرا أخي محمد لقد حاولة مرارا وتكرار وبفضل شرحك تعلمت كيف اضفه رغم صعوبة html انت تستحق لقب المبتكر لأنك الوحيد الذي تقدم المعلومات عن التدوين والسيو بدون احتكار للمعلومات ..واصل وشكرا مجددا
ردحذفشكرا يا اخي، ال HTML مش صعبة ولا حاجه لو عايز تتعلمها هي لغة بسيطة جدا.
حذفوانا بحاول على قد ما اقدر اني انشر معلومات تفيد الناس والمدونين. ♥️
وبجد محتاج الناس اللي زيك عشان تدعم المحتوى اللي بقدمه واقدر استمر 💔❤️
أزال المؤلف هذا التعليق.
ردحذفهحاول أعمل فيديو قريباً إبقي علي ترقب، وأيضاً سأحاول تحديث الموضوع بحيث يصبح أكثر وضوحاً وبشكل مفصل.
حذفأزال المؤلف هذا التعليق.
ردحذفهحاول اعمل فيديو gif بسيط يوضح العملية وهحطه هنا في المقال بس اديني شوية وقت لاني حاليا بقيت بشتغل في شركة فبقي صعب اتابع مع الموقع.
حذفبس متقلقش كام يوم وارجع للمقال هتلاقيه اتحدث.
أزال المؤلف هذا التعليق.
ردحذفأزال المؤلف هذا التعليق.
ردحذفوالله يا نزار شغال في شركة كل يوم من 10ص الي 6 مساءاً.
حذففأعذرني حتي لو انت ملاحظ هتلاقيني بقالي فترة منشرتش حاجة جديدة في المدونة.
انا هحاول اشوف طريقة لتوضيح اضافة جدول المحتويات لمدونة بلوجر، ولكن نظراً لظروف شغلي الجديدة فده بيسبب تأخر وحاول بردو لو مستعجل تشوف فيديو علي اليوتيوب علي ما احدث وأرفع فيديو للمقال هنا.
أزال المؤلف هذا التعليق.
ردحذفده حسابي علي خمسات تقدر تطلب مني الاضافة دي هنا وانا هساعدك انك تضيفها لمدونتك وممكن اتواصل معاك فيديو عشان تضيفها.
حذفخدمة اضافة جدول المحتويات بلوجر، خمسات
عايز الاضافه بتاعت اقرأ ايضاً
ردحذفقريباً هنزل الشرح للاضافة دي وازاي تحطها داخل المواضيع، تابع المدونة ❤
حذفأزال المؤلف هذا التعليق.
ردحذفاذا كان المحتوى القديم ده بتاعك وخاص بيك فمفيش مشكلة.
حذفلكن لابد اولا من حذف هذا المحتوى من المدونة القديمة.
ومن ثم نشر المحتوى على المدونة الجديدة.
أزال المؤلف هذا التعليق.
ردحذفطالما حذفت المقالات، هتلاقيها اتشالت من محركات البحث بعد فترة .
حذفيعني كمان فترة هتلاقي جوجل حذفتها لوحدها.
ومش محتاج تستني لحد ما جوجل تحذفها ارفع مواضيع في المدونة الجديدة مفيش مشاكل.
أزال المؤلف هذا التعليق.
ردحذفأزال المؤلف هذا التعليق.
ردحذفلا ولا يهمك يا حب تعبك راحة ❤
حذفأزال المؤلف هذا التعليق.
ردحذفأزال المؤلف هذا التعليق.
ردحذفهو مينفعش ااضيف الكود في القالب نفسة ويشتغل تلقائي ؟
ردحذفينفع ولكن بتحتاج كود تاني غير ده. وبيكون كود جافا سكريبت بيعمل جدول المحتويات بشكل تلقائي في كل مقال.
حذفتقدر تدور عليه في جوجل. لكن الكود ده لازم يتعمل بشكل يدوي في كل مقال
أزال المؤلف هذا التعليق.
ردحذفشوف اسم المشكلة وابحث عن حلها في جوجل
حذفهل يمكن تطبيق نفس الطريقة تلقائي بدون اضافتها يدويا في كل مرة
ردحذفنعم ممكن
حذفالف شكر لك ولكن بعد اذنك اخي الكريم ممكن هل إضافة بشكل تلقائي وليس يدوي واكون شاكر لك
ردحذفقريباً هنشر نفس الاضافة ولكنها ستعمل بشكل تلقائي، تابع المدونة...
حذفاخي هل صحيح بأن تغيير القالب عده مرات تضيع الأرشفه
ردحذفوإن حصل ماذا افعل هل اقوم بتغيير المدونه ام اصبر ام ماذا
تغيير القالب لا يؤثر علي الارشفة، ولكن بعض القوالب تكون بها اكواد مختلفة أو اكواد تمنع ارشقة بعض الصفحات قد تكون هذة الصفحات مؤرشفه بالفعل بسبب القالب القديم.
حذفوأيضاً بعض القوالب ينقصها بعض اكود هامة لل SEO، وبالتالي يعود تغيير القالب علي المدونة بالسلب بسبب اختفاء اكود مهمة لل SEO مثل اكواد الميتا وخلافه.
وبالتالي عند تغيير القالب يرجي الاختيار بعناية واختيار قالب جيد متجاوب مع الهاتف و به كافة اكواد ال SEO ويكون قالب سريع.
وأيضاً نصيحة لا تقوم بتغيير القالب كثيراً، فقط اختار قالب جيد و دع المدونة بهذا القالب.
وإذا أردت تغيير القالب بسبب شئ ضروري ابحث عن قالب جيد.
ويمكنك معاينة قالب مبتكر من هنا وهو قالب مازال تحت التطوير : قالب مبتكر
اكواد الميتا تاج جوجل اصبحت لا تعتمد عليها
ردحذفصحيح أم لا؟
حذفلا اكواد الميتا تاج مهمة، حتي لو أن جوجل أصبحت لا تعتمد عليها؛ فإضافتها لن يعود بالضرر علي المدونة.
حذف