إزاي أعمل جدول محتويات (TOC) يساعد السيو؟

التشخيص

الأدوات اللي هتحتاجها

خطوات الحل

1. ظبّط العناوين الأول‹

   الجدول بيتبني من العناوين، فلو هي مش منظمة الجدول هيطلع مش منظم. H1 واحد، وأقسام رئيسية H2، وتحتها H3. افتح HeadingsMap على المقال وشوف الشجرة.

   HeadingsMap

   Headings

   H1: دليل تركيب الطاقة الشمسية	واحد بس
   H2: التكلفة · H2: الخطوات · H2: الأسئلة	أقسام واضحة
   H4 بعد H2 على طول	مستوى ناقص

   علّم إنها خلصت
2. ظبّط الإضافة‹

   في Easy Table of Contents: فعّلها لنوع المقالات (Posts)، اختار إن الجدول يظهر بعد أول فقرة أو قبل أول عنوان، خليه يظهر لما يكون فيه 4 عناوين أو أكتر، وحدد H2 و H3 بس.

   Easy Table of Contents

   Settings‹General

   Enable Support: Posts	مفعّل
   Position: Before first heading	بعد المقدمة
   Show when 4 or more headings	مفعّل
   Headings: H1–H6	خليها H2 و H3 بس

   علّم إنها خلصت
3. لو هتكتبه يدوي‹

   استخدم روابط <a href> عادية بتشاور على id موجود في العنوان. خلي الـ id قصير وثابت، ولو غيّرته بعد كده الروابط اللي الناس شاركتها هتبطّل تنزل في المكان الصح.

   فين بالظبط: ده كود جوه محتوى الصفحة نفسها، مش في <head>. في WordPress: افتح المقال في المحرر، وزوّد بلوك HTML مخصص (Custom HTML)، أو اختار البلوك واضغط على النقط التلاتة واختار "تحرير كـ HTML". في Elementor: ويدجت HTML. الأسهل في WordPress: بلوك "جدول المحتويات" من Rank Math (اسمه Table of Contents by Rank Math)، أو إضافة Easy Table of Contents. والـ id للعناوين: اختار بلوك العنوان، وفي الشريط الجانبي افتح متقدم وحط "مرساة HTML".

   htmlنسخ

   <nav aria-label="محتويات المقال">
     <ul>
       <li><a href="#cost">تكلفة التركيب</a></li>
       <li><a href="#steps">خطوات التركيب</a></li>
       <li><a href="#faq">أسئلة شائعة</a></li>
     </ul>
   </nav>
   
   <h2 id="cost">تكلفة التركيب</h2>
   ...
   <h2 id="steps">خطوات التركيب</h2>

   علّم إنها خلصت
4. ما تتوقعش صفحات جديدة من الروابط‹

   الرابط اللي فيه # (زي /post/#cost) جوجل بيعتبره نفس الصفحة، مش صفحة منفصلة بتتفهرس لوحدها. فايدة الجدول في التنقل وفهم أجزاء الصفحة، وأحيانًا جوجل بيعرض روابط لأجزاء منها في النتيجة أو يودّي الزائر للجزء اللي بيجاوب سؤاله.

   بexample.com › blog › solar-installation

   دليل تركيب الطاقة الشمسية للبيت 2026

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

   علّم إنها خلصت
5. اختبر على الموبايل‹

   اتأكد إن الجدول مش واخد الشاشة كلها على الموبايل (خليه مقفول أو قصير)، وإن كل رابط بينزل للعنوان الصح ومش مستخبي تحت هيدر ثابت. ده كمان ينفع يتظبط بـ scroll-margin-top في CSS.

   فين بالظبط: الكود ده CSS. في WordPress: المظهر، ثم تخصيص، ثم CSS إضافي، والصق الكود واضغط نشر. في قوالب البلوكات (Block Themes): المظهر، ثم المحرر، ثم الأنماط، ثم CSS إضافي.

   cssنسخ

   h2[id], h3[id] {
     scroll-margin-top: 80px; /* ارتفاع الهيدر الثابت */
   }

   علّم إنها خلصت

Wلو موقعك WordPress

نفس الحل من لوحة تحكم ووردبريس: الإعدادات اللي تغيّرها، والإضافات اللي تختصر عليك.

1. اختار حل واحد

   لو عندك Rank Math استخدم بلوك «Table of Contents by Rank Math» جوه المقال. لو عايز تلقائي في كل المقالات استخدم Easy Table of Contents.

2. ظبط مكانه وشكله

   المكان: الإعدادات‹Table of Contents‹الإعدادات العامة

   في Easy Table of Contents اختار يظهر قبل أول عنوان، وفي المقالات بس، ولو المقال فيه 3 عناوين أو أكتر.

3. خلّي الروابط مقروءة

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

اختبر فهمك

أسئلة مرتبطة