هل تريد اضافة مقتطفات منسقة على موقع ووردبريس الخاص بك؟ لست متأكدًا من المقتطفات المنسقة ولماذا يجب عليك استخدامها على موقع ووردبريس الخاص بك؟

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

لماذا يجب عليك استخدام المقتطفات المنظمة على موقع ووردبريس الخاص بك؟

توفر المقتطفات المنسقة لأصحاب المواقع طريقة أخرى للتواصل مع محركات البحث. تسمح البيانات المنظمة لمحركات البحث بمشاهدة أنواع مختلفة من المحتوى على موقعك، واستخدام المقتطفات المنسقة لإظهار معلومات إضافية في نتائج البحث.

هذه المعلومات الإضافية في نتائج البحث تجعل قائمتك أكثر وضوح في البحث، مما يعني المزيد من الحركة العضوية لموقعك.

يساعدك أيضًا في بناء سلطة في مكانتك، حيث يصبح موقعك أكثر وضوح في محركات البحث.

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

الأن بعد أن عرفت كيف يمكن أن تكون المقتطفات المنسقة مفيدة، دعنا نلقي نظرة على كيفية اضافة مقتطفات منسقة في ووردبريس.

سنعرض طريقتين: اضافة المقتطفات المنسقة يدويًا في ووردبريس وكذلك استخدام المقتطفات المنسقة في ووردبريس.

اضافة المقتطفات المنسقة في ووردبريس باستخدام اضافة

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

أول شيء عليك القيام به هو تثبيت وتفعيل اضافة All In One Schema.org Rich Snippets. إذا كنت بحاجة إلى مساعدة، يرجى الاطلاع على دليلنا حول كيفية تثبيت إضافة ووردبريس.

عند التنشيط، ما عليك سوى النقر فوق ايقونة القائمة “Rich Snippets” في الشريط الجانبي للمتابعة.

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

• مراجعة البند
• الأحداث
• شخص
• المنتج
• وصفة
• تطبيقات / برامج
• فيديو
• منشور – سلعة

سيؤدي النقر فوق أي نوع محتوى إلى إظهار الحقول التي ستكون متاحة عندما يقوم المستخدم بكتابة منشور أو صفحة أو أي نوع منشور مخصص.

أنت الأن بحاجة إلى إنشاء منشور جديد أو تعديل منشور موجود. أسفل محرر المنشور مباشرة، سترى مربع تعريف جديد يسمى Configure Rich Snippet. في الداخل، سترى قائمة منسدلة حيث يمكنك تحديد نوع المحتوى للمنشور الذي تعمل عليه.

سيؤدي تحديد نوع المحتوى إلى عرض حقول المقتطف المنسق التي تحتاج إلى تعبئتها. في لقطة الشاشة أدناه، اخترنا نوع محتوى خدمة، وأظهر لنا رفع الصورة ونوع الخدمة، ومنطقة الخدمة، والوصف المختصر، واسم المزود، وحقول إضافية.

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

لا تنس حفظ مشاركتك لتخزين بيانات المقتطفات المنسقة.

اضافة المقتطفات المنسقة يدويًا في ووردبريس

يمكن كتابة المقتطفات المنسقة أو كود البيانات المنظمة في ثلاث مفردات مختلفة. هذه المفردات هي microdata وRDFa وJSON-LD. يمكنك استخدام أي منها على موقعك. ومع ذلك، يجد معظم المبتدئين أن RDFa أكثر توافق للمبتدئين.

فيما يلي مثال لصفحة حول المستخدم في ووردبريس . عادة ما يبدو نص الصفحة بالشكل التالي:

Victor
<img src="victor.jpg" alt="Photo of Victor"/>
Support Technician
342 Acme Inc.
101 Washington Avenue
Eagleton IN 98052
(425) 123-4567
<a href="mailto:[email protected]">[email protected]</a>
Website: 
<a href="http://www.example.com">example.com</a>

يمكن تحويل هذا بسهولة باستخدام مقتطفات منسقة. إذا كنت معتاد على HTML، فيمكنك بسهولة فهم المثال التالي:

<div vocab="http://schema.org/" typeof="Person">
  <span property="name">Victor</span>
  <img src="johnsmith.jpg" property="image" alt="Photo of Victor"/>
  <span property="jobTitle">Support Technician</span>
  <div property="address"  typeof="PostalAddress">
    <span property="streetAddress">
      342 Acme Inc. 
      101 Washington Avenue
    </span>
    <span property="addressLocality">Eagleton</span>,
    <span property="addressRegion">IN</span>
    <span property="postalCode">46818</span>
  </div>
  <span property="telephone">(425) 123-4567</span>
  <a href="mailto:[email protected]" property="email">[email protected]</a>
Website
  <a href="http://example.com" property="url">example.com</a>
</div>

لكل نوع محتوى هناك بعض الخصائص الخاصة التي يجب تحديدها. Schema.org هي المنظمة التي تساعد في الحفاظ على المعيار لأنواع المحتوى المختلفة. ستجد وثائق شاملة مع أمثلة لكل نوع محتوى على الموقع الكتروني الخاص بهم.

فيما يلي مثال أخر لوصفة تحتوي على مقتطفات منسقة.

<div vocab = "http://schema.org/" typeof = "Recipe">
  <span property="name">World Famous Banana Bread for Moms</span>
  by <span property = "author"> victor </span> ،
    <img property = "image" src = "bananabread.jpg"
    alt = "banana bread on a plate" />
  <span property = "description">This classic banana bread recipe comes from my mom — walnuts add a nice texture and flavor to the banana bread. </ span>
  Preparation time: <meta property = "prepTime" content = "PT15M"> 15 minutes
  cooking time: <meta property = "cookTime" content = "PT1H"> 1 hour
  crop: <span property = "recipeYield"> 1 loaf </ span>
  ingredients:
  - <span property = "recipeIngredient"> 3 or 4 ripe bananas, mashed </ span>
  - <span property = "recipeIngredient"> one egg </ span>
  - <span property = "recipeIngredient"> 3/4 cup sugar </ span>
  ...
  Instructions:
  <span property = "recipeInstructions">
  Preheat oven to 350°F. Mix ingredients in a bowl. Add the last layer of flour. Pour the mixture into a baking pan and bake for 1 hour.
  </ span>
</div>

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

اختبار المقتطفات المنسقة في ووردبريس

قد لا تلتقط جوجل ومحركات البحث الأخرى مقتطفاتك المنسقة على الفور أو تظهرها في نتائج البحث. كيف تعرف أنك تستخدم المقتطفات المنسقة بشكل صحيح على موقعك؟

ما عليك سوى زيارة أداة اختبار البيانات المنظمة من جوجل. يمكنك إما لصق الكود الخاص بك في مربع الأداة أو النقر على رابط جلب عنوان URL لإدخال عنوان URL. انقر على زر التحقق وستقوم الأداة بمراجعة الكود الخاص بك.

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