HTML الدلالي في WordPress معناه إنك تستخدم وسوم بتوصف معنى المحتوى، زي article و main و section و time و figure، بدل ما تعتمد على div عامة بس. ده بيخلّي bots الذكاء الاصطناعي تفصل المحتوى الأساسي عن التنقّل والشريط الجانبي، وتحدّد التواريخ والكتّاب والأقسام بدقة.
المشكلة إن أغلب ثيمات WordPress بتطلّع HTML نهائي مليان div من غير معنى، فالـ bot بيتعب يفهم “ده المقال فين بالظبط”. في الدليل ده هتعرف الـ 11 عنصر اللي بيفرقوا، إزاي تفحص ثيمك، وإزاي تصلّح من غير مبرمج.
يعني إيه HTML الدلالي في WordPress
الـ HTML الدلالي هو استخدام العنصر الصح للمعنى الصح. بدل <div class="article"> تستخدم <article>. بدل <div class="date"> تستخدم <time datetime="2026-05-10">. الفرق إن العنصر الدلالي بيقول للآلة إيه ده، مش بس بيرسمه على الشاشة.
ده مش بيغيّر شكل الصفحة للمستخدم، لكنه بيغيّر تماماً قدرة المتصفحات ومحركات البحث وأنظمة الـ AI على فهم البنية. div بيقول “صندوق”؛ article بيقول “ده محتوى مستقل قابل للاقتباس”.
ليه bots الـ AI بتهتم أكتر من البشر
البشر بيشوفوا التصميم: العناوين الكبيرة، الفواصل، الألوان. الـ bots مابتشوفش التصميم، بتقرا الـ HTML الخام. فلو معناك متشال في الـ CSS بس (حجم خط كبير بدل <h2> حقيقي)، الإنسان هيفهم بس الـ bot لأ.
عشان كده الـ bot محتاج إشارات صريحة: <main> يقوله “المحتوى الأساسي هنا، سيب الـ header والـ footer”، <article> يقوله “ده الجزء القابل للاقتباس”، <time> يقوله التاريخ الحقيقي، <nav> يقوله “ده تنقّل اتجاهله”. من غير الإشارات دي، الـ bot بيخمّن، وأحياناً بيخمّن غلط ويقتبس الـ footer بدل المقال.
الـ 11 عنصر دلالي الأهم
| العنصر | بيقول للآلة |
|---|---|
<main> | المحتوى الأساسي للصفحة (واحد بس) |
<article> | محتوى مستقل قابل للاقتباس |
<section> | قسم موضوعي جوّه المحتوى |
<header> | ترويسة الصفحة أو المقال |
<footer> | تذييل |
<nav> | روابط تنقّل |
<aside> | محتوى جانبي ثانوي |
<h1>–<h3> | تسلسل العناوين الهرمي |
<time datetime> | تاريخ آلي القراءة |
<figure> + <figcaption> | صورة مع وصفها |
<address> | معلومات تواصل/كاتب |
أهمهم لجاهزية الـ AI: <main>، <article>، تسلسل العناوين الصح، و<time> بـ datetime صريح. دول بيحلّوا 80% من مشاكل الاستخراج.
إزاي تفحص ثيم WordPress بتاعك
خطوة 1: شوف مصدر الصفحة
اضغط Ctrl+U (View Source) ودوّر على <main> و<article>. لو ملقتهومش خالص، الثيم بيعتمد على div بس، دي أول علامة ضعف.
خطوة 2: افحص الـ HTML المُصيَّر فعلاً
افتح DevTools (F12) → Elements، لأن باني الصفحات (Elementor/Divi) بيضيف طبقات div بعد التحميل مش بتظهر في الـ source. شوف المحتوى الأساسي محطوط جوّه إيه فعلاً.
خطوة 3: راجع التواريخ
دوّر على تاريخ النشر، هل هو <time datetime="..."> ولا مجرد نص في <span>؟ النص العادي الـ bot بيتعب يتأكد إنه تاريخ.
خطوة 4: راجع الصور والرسومات
الصور المهمة المفروض في <figure> مع <figcaption> ووصف alt حقيقي، مش <img> عريانة جوّه <div>.
خطوة 5: شغّل فحص أوتوماتيك
الفحص اليدوي بيكشف الواضح، بس الفحص الأوتوماتيك بيمشّط كل الصفحة بسرعة. الفحص المجاني يتأكد من البنية الدلالية ضمن فحوصاته.
إصلاح بـ Gutenberg مقابل تعديل الثيم
إصلاحات تقدر تعملها بـ Gutenberg (من غير مبرمج)
- استخدم بلوكات Heading حقيقية (H2/H3) مرتّبة هرمياً، مش نص عريض.
- استخدم بلوك Image مع caption (بيطلّع
<figure>/<figcaption>أوتوماتيك). - استخدم بلوكات List وTable الحقيقية بدل ما ترسمهم يدوي.
- نضّف البلوكات الفاضية والـ wrappers الزيادة.
إصلاحات محتاجة تعديل الثيم
- لفّ المحتوى الأساسي في
<main>(غالباً في قالب الثيم). - لفّ المقال في
<article>. - خلّي التاريخ يطلع كـ
<time datetime>(إعداد ثيم أو hook). دي محتاجة إعدادات الثيم أو child theme أو مبرمج.
3 ثيمات مشهورة بالدرجات: Astra و GeneratePress و Kadence
التلاتة ثيمات قوية وخفيفة وعموماً بنيتهم الدلالية كويسة (بيستخدموا <main> و<article>). بس المشكلة مش الثيم لوحده، الـ HTML النهائي بيعتمد على القالب اللي اخترته، باني الصفحات، التخطيط الجاهز، والإضافات. ممكن يبدأ ثيم نظيف وتخرّبه بـ Elementor layout مليان div.
الإجابة الصادقة: متلومش الثيم على طول. افحص الصفحة المُصيَّرة الفعلية (خطوة 2 فوق)، هي اللي بتقول الحقيقة، مش اسم الثيم.
البيانات المنظّمة جنب HTML الدلالي
الناس بتلخبط بينهم. البيانات المنظّمة (Schema/JSON-LD) = ميتاداتا صريحة مخفية للآلة. HTML الدلالي = بنية ذات معنى في الصفحة الظاهرة. مش بدائل، بيكمّلوا بعض.
أحسن إعداد: استخدم الاتنين وخلّيهم متّسقين. لو الـ schema بيقول تاريخ النشر 2026-05-10، خلّي <time datetime="2026-05-10"> يقول نفس الحاجة. التناقض بينهم بيقلّل الثقة. (Yoast/Rank Math بيطلّعوا الـ schema؛ HTML الدلالي مسؤولية الثيم + طريقة كتابتك.)
مكانه في الاستراتيجية الأوسع
HTML الدلالي طبقة واحدة من جاهزية الـ AI. الصورة الكاملة في دليل AI Optimization لـ WordPress، وعشان المحتوى نفسه يبقى قابل للاقتباس شوف إزاي تكتب محتوى قابل للاقتباس من ChatGPT و Claude. ولو عايز تشوف كل الفحوصات الفنية اللي بنشغّلها، دي قائمتها الكاملة.
أسئلة شائعة
يعني إيه HTML الدلالي في WordPress؟
استخدام عناصر بتوصف معنى المحتوى (article, section, main, nav, time, figure) بدل div عامة بس.
بيحسّن ترتيب الـ SEO؟
مش زيادة مضمونة. قيمته إنه بيوضّح البنية للمتصفحات ومحركات البحث والتقنيات المساعدة وأنظمة استخراج الـ AI.
bots الـ AI بتقرا HTML الدلالي فعلاً؟
أيوه، بتحلّل الـ HTML لفهم البنية. الوسوم الدلالية بتساعد في فصل المحتوى الأساسي عن باقي العناصر.
أصلّح من غير مبرمج؟
تقدر تحسّن المحتوى ببلوكات Gutenberg نظيفة (عناوين/صور/جداول/قوائم). الـ wrappers على مستوى الثيم ممكن تحتاج مبرمج.
Astra/GeneratePress/Kadence سيئين؟
لأ، قوية عموماً. الـ HTML النهائي بيعتمد على القالب والباني والإضافات، مش الثيم لوحده.
البيانات المنظّمة بديل؟
لأ. الـ schema ميتاداتا للآلة؛ HTML الدلالي بنية للصفحة الظاهرة. استخدم الاتنين متّسقين.
