أساسيات البيانات المهيكلة JSON-LD
إضافة بيانات مهيكلة قابلة للقراءة آليًا باستخدام JSON-LD
أساسيات البيانات المهيكلة JSON-LD درس مجاني في HTML Academy على CoddyKit. هذا هو الدرس 3 من أصل 4. يمكنك قراءة الدرس كاملاً أدناه مجاناً — ثم تمرن عليه مباشرة في المتصفح باستخدام محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7. هذا الدرس جزء من مسار التعلم في HTML Academy، وتقدمك يتزامن عبر الويب وتطبيق CoddyKit. تتضمن دورة HTML Academy 4 دروس في المجموع.
ما هي البيانات المنظّمة؟
البيانات المنظّمة هي JSON قابل للقراءة آليًا يصف موضوع الصفحة — مثل مقالة أو وصفة أو منتج أو حدث. تستخدمها محركات البحث لعرض نتائج غنية، مثل تقييمات النجوم وبطاقات الوصفات ومسارات التنقل، بدلًا من روابط زرقاء عادية.
JSON-LD هو التنسيق الموصى به
التنسيق المفضّل لدى Google هو JSON-LD: كتلة واحدة من <script type="application/ld+json"> داخل head أو body، وتحتوي على كائن schema.org واحد أو أكثر. وهو منفصل عن HTML المرئي، لذلك لا يتطلب إضافته أو تحديثه إعادة كتابة القالب.
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Article",
"headline": "Learn HTML",
"author": { "@type": "Person", "name": "Ada Lovelace" },
"datePublished": "2024-05-01"
}
</script>@context و@type
يحتاج كل كائن JSON-LD إلى @context (وغالبًا ما تكون قيمته "https://schema.org") وإلى @type (فئة schema.org، مثل Article وRecipe وProduct وFAQPage). يخبر @context أدوات التحليل بالمفردات التي تنتمي إليها أسماء الخصائص.
خصائص المقالة الشائعة
بالنسبة إلى Article، وفّر headline وimage (عنوان URL أو مصفوفة) وdatePublished وdateModified وauthor (كائن Person أو Organization) وpublisher (Organization مع شعار). هذه هي الحقول الدنيا اللازمة كي تضع Google الصفحة ضمن carousel لأهم الأخبار.
مخطط المنتج
تعلن صفحات المنتجات عن @type Product مع name وimage وdescription وbrand وsku، وكائن فرعي offers يحتوي على price وpriceCurrency وavailability. وبالاقتران مع aggregateRating، تستطيع Google عرض تقييمات النجوم ومقتطفات الأسعار مباشرةً في نتيجة البحث.
{
"@context": "https://schema.org",
"@type": "Product",
"name": "Coddy Plus",
"offers": { "@type": "Offer", "price": "29.00", "priceCurrency": "USD" }
}مخطط مسار التنقل
يصف BreadcrumbList التسلسل الهرمي للتنقل. ويكون كل itemListElement كائن ListItem يحتوي على position وname وitem (عنوان URL). عند وجوده، تستبدل Google سطر عنوان URL في المقتطف بمسار تنقل ذي تسميات، ما يحقق مزيدًا من النقرات.
FAQ وHowTo
كانت مخططات FAQPage وHowTo تتيح سابقًا عناصر واجهة النتائج الغنية في SERP. وقد قيّدت Google منذ ذلك الحين النتائج الغنية للأسئلة الشائعة لتقتصر على فئات قليلة من المواقع (الحكومية والتعليمية)، لكن الترميز لا يزال مفيدًا للمساعدات الصوتية والمستهلكين الآخرين — لذا احتفظوا به في صفحات الأسئلة الشائعة الفعلية.
مطابقة الصفحة المرئية
تفرض Google عقوبات على الترميز الذي لا يتطابق مع ما يراه المستخدمون. لا تعلنوا عن تقييم من 5 نجوم لا يظهر في الصفحة، ولا تعرضوا سعرًا قدره 9.99$ لا يراه المستخدم. يجب أن تصف البيانات المنظّمة المحتوى المعروض بدقة.
التحقق باستخدام Rich Results Test
تعمل أداة Rich Results Test من Google (search.google.com/test/rich-results) على تحليل أي عنوان URL أو تعليمات برمجية ملصقة، وتعرض أنواع المخططات المكتشفة، وتحذّر من الخصائص المطلوبة المفقودة. شغّلوها قبل نشر أي تغيير على البيانات المنظّمة.
مخططات متعددة في الصفحة
يمكنكم تعريف عدة كتل JSON-LD في الصفحة نفسها، مثل Article وBreadcrumbList وOrganization، أو دمجها في مصفوفة واحدة من نوع @graph. كلا الشكلين صالح؛ فاختاروا الشكل الأسهل لإدراجه في قوالب مسار البناء لديكم.
التحديث دون إعادة التصيير
يوجد JSON-LD داخل وسم script منفصل عن المحتوى المرئي. لتحديثه، أعيدوا إنشاء كتلة JSON — ولا تحقنوا البيانات المنظّمة باستخدام JavaScript من جهة العميل فقط، لأن Googlebot لا ينفّذ JavaScript دائمًا بشكل موثوق قبل الفهرسة.
اختبار المعرفة
ما الخاصيتان الأساسيتان اللتان يجب أن يتضمنهما كل كائن JSON-LD حتى يُعدّ بيانات منظّمة صالحة؟
الملخص
يعرّف JSON-LD البيانات المنظّمة داخل كتلة script واحدة من النوع application/ld+json، مع استخدام @context و@type لتحديد كل كائن. وتتيح المخططات الشائعة، مثل Article وProduct وBreadcrumbList، نتائج بحث غنية عندما يعكس الترميز الصفحة المرئية بدقة. تحقّقوا باستخدام Rich Results Test قبل النشر.
الأسئلة الشائعة
هل درس «أساسيات البيانات المهيكلة JSON-LD» مجاني؟
نعم — نص درس «أساسيات البيانات المهيكلة JSON-LD» كامل متاح مجاناً هنا على الويب. لتمرينه بشكل تفاعلي (محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7) وفتح باقي دورة HTML Academy، انتقل إلى CoddyKit PRO. تتضمن دورة HTML Academy 4 دروس في المجموع.
ماذا ستتعلم في «أساسيات البيانات المهيكلة JSON-LD»؟
إضافة بيانات مهيكلة قابلة للقراءة آليًا باستخدام JSON-LD تتمرن على HTML Academy مع أكواد عملية تشغلها مباشرة في المتصفح، ومدرس ذكاء اصطناعي متاح 24/7 يجيب على أسئلتك أثناء عملك.
هل أحتاج إلى خبرة سابقة لأبدأ HTML Academy؟
لا تُشترط خبرة سابقة. HTML Academy على CoddyKit منظم للمبتدئين حتى المتقدمين، لذا يمكنك البدء من هنا أو من البداية والتقدم بسرعتك الخاصة. هذا هو الدرس 3 من أصل 4.
كم من الوقت يستغرق درس «أساسيات البيانات المهيكلة JSON-LD»؟
معظم دروس CoddyKit تستغرق حوالي 5–10 دقائق. كل منها موجز وتفاعلي، لذا تحرز تقدماً مستمراً وتستأنف من حيث توقفت عبر الويب والتطبيق.
هل يمكنني كتابة وتشغيل أكواد في درس HTML Academy هذا؟
نعم. كل درس في HTML Academy يتضمن محرر أكواد مدمج، لذا تكتب وتشغل أكواداً حقيقية مباشرة في متصفحك وتحصل على تعليقات فورية من الذكاء الاصطناعي — بدون إعداد محلي.
جميع الدروس في هذه الدورة
- OpenGraph وog:title وog:description وog:image
- وسوم Twitter Card الوصفية
- أساسيات البيانات المهيكلة JSON-LD
- Hreflang للصفحات الدولية