دليل توصيف Schema Markup لجميع المواقع

اهم عناصر Schema ومحدد البيانات Structured Data

 

تحدثنا سابقاً عن طريقة استخدام ترميز schema.org لتحسين النتائج في محرك البحث, وذلك باستخدام اكواد ترميز Schema كلغة نشرح فيها لمحرك البحث عن محتوى الموقع, ويمكنك مراجعة المقالة من الرابط التالي: محدد البيانات المنظمة Structured Data باستخدام schema.org.

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

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

 

المنظمات Organization

تساعد organization schema markup على التعريف بالاسم التجاري الخاص بك, وتقديم معلومات مهمة لمحرك البحث ليقوم بعرضها في محرك البحث عن البحث عند الاسم التجاري لموقعك, والمعلومات التي ستقدمها ستكون مثل الشعار وروابط صفحات موقعك على شبكات التواصل الاجتماعي, ورقم الهاتف, لتظهر بشكل جميل في محرك البحث.

 

دليل توصيف Schema

 

لاحظ في الصورة كيف قام Linkedln بتقديم كل المعلومات لمحرك البحث من الاسم التجاري والشعار ورابط الشركة والوصف والسعر واسم المدير وتاريخ بناء الشركة “الموقع” واسماء الشركاء, حيث يمكنك اضافة الكثير من المعلومات, وهذا مثال على الكود باستخدام JSON-LD

 

 

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

 

ترميز WebSite

يساعد ترميز website على تعريف موقعك بشكل افضل في محرك البحث وذلك بالنسبة للزائر, فمثلاً لو كنت تريد ظهور اسم موقعك عوضاً عن دومين الموقع سيساعدك هذا الترميز في ذلك, كما ويمكنك الاستفادة ايضاً من وضع مربع بحث تحت نتائج موقعك في محرك البحث.   في البداية لنتحدث عن طريقة اظهار اسم موقعك في محرك البحث, وهي بسيطة باستخدام هذا الكود:

 

<div itemscope itemtype="http://schema.org/WebSite">
    <link itemprop="url" href="http://www.example.com/"/>
    <form itemprop="potentialAction" itemscope itemtype="http://schema.org/SearchAction">
          <meta itemprop="target" content="http://example.com/search?q={query}"/>
      <input itemprop="query-input" type="text" name="query"/>
      <input type="submit"/>
    </form>
</div>

 

 

قم بنسخه وتغيير اسم الموقع ورابط الموقع الى اسم موقعك والرابط.

 

   

 

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

 

الخطوة الاولى: وهي ارسال موقعك الى Google Custom Search Engine, فبعد تسجيل الدخول باستخدام حسابك في جوجل, قم بادخال رابط الموقع ولغة الموقع واسم محرك البحث ثم الضغط على Create.

دليل توصيف Schema

 

نجحت في اضافة موقعك, الآن قم بالضغط على Get Code للحصول على الكود لوضعه داخل موقعك.

 

دليل توصيف Schema   

 

قم بنسخ الكود ووضعه في مكان مناسب في موقعك, فهذا الكود هو عبارة عن محرك بحث سيظهر في موقعك, قم باختيار مكان مناسب له في الهيدر او الفوتر او اي مكان.

 

ملاحظة: إذا لم تجد مكان مناسب لمحرك البحث في موقعك, وكنت تستخدم ووردبريس حصراً, أذهب الى المحرر, ثم قم بالتعديل على ملف searchform.php , احذف كل شيء بداخله وقم بوضع الكود الذي نسخته في الاعلى داخل الملف ثم قم بحفظ الملف. الآن اذهب الى مظهر>>ودجات, ستجد ودجات جاهزة اسمها بحث او Search, قم باضافتها في السايد بار بسهولة, “كما فعلت هنا في الموقع الناجح”.   الخطوة الثانية: قم بنسخ الكود التالي ووضعه في الصفحة الرئيسية في موقعك.    

 

قم بتغيير اسم موقعك والرابط, احصل على معلومات اضافية مهمة من خلال المقالة التالية: طريقة اظهار مربع البحث لموقعك في جوجل

 

 

دليل توصيف Schema

 

عناصر التصفح SiteNavigationElement

يساعد هذا الترميز على معرفة اهم صفحات موقعك, مثلاً الصفحات الموجودة في الهيدر من اهم المقالات وصفحة اتصل بنا وصفحة التسجيل وهكذا. 

 

دليل توصيف Schema

 

يمكنك استخدام الكود التالي في حال كانت لديك خبرة بسيطة في HTML, لانه لو كانت الروابط في الهيدر فعليك ان تقوم بتنسيقها وفق التنسيق التالي:      

ترميز Video Schema

في حال كان يحتوي موقعك على فيديو او كانت المقالة والصفحة خاصة بهذا الفيديو, عليك تنبيه محرك البحث ان هناك فيديو مهم, وتقديمه بشكل جيد لمحرك البحث لفهمه وادارج نتائجك في مراكز متقدمة فكما نلاحظ وجود نتائج لمواقع غير اليوتوب في نتائج البحث.

 

دليل توصيف Schema 

 

ما سنهتم به هنا هو الاسم والوصف والصورة التي تظهر في محرك البحث والوقت, وهذا هو الكود الذي ستضعه في الصفحة التي يوجد بها الفيديو.    

 

الان قم بتغيير اسم الفيديو والوصف والرابط والوقت ومدة الفيديو والصورة المصغرة البارزة.

 

المدونات Schema Article

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

 

دليل توصيف Schema

 

لاحظ ظهور الصورة واسم الموقع “فقط” وعنوان الخبر او المقالة, لذلك كل ماعليك فعله هو وضع الكود داخل الخبر, والتعديل عليه بما يلزم.    

 

قم بتغيير العنوان والصورة والكلمات المفتاحية والتاريخ والكاتب والتصنيف.

 

 

عناصر الصفحة WebPageElement

اجد العديد من المواقع تقوم باستخدام ترميز WebPageElement وعند البحث عن السبب وما فائدتها, كان الجواب واحد, هي اعطاء معلومات لمحرك البحث عن مكان الهيدر والفوتر والسايدبار, ولكن ما الفائدة من اعطاء هذه المعلومات لمحرك الباحث؟, لم اجد اجابة مقنعة.

 

فعند بداية الصفحة ستستخدم WPHeader وفي نهاية الصفحة ستسخدم WPFooter وعند الاجناب ستستخدم WPSideBar, كما ويوجد اقسام اخرى ولكن هذه الثلاثة اهمها.

 

لن اشرحها, لاني غير مقتنع بها وبرأيي انها ليست ذات فائدة كبيرة.

 

 

 

يوجد الكثير والكثير من التصنيفات الاخرى ولكنها متخصصة وليست لجميع المواقع مثل تقييم المنتجات والمطاعم والاحداث والحفلات والتطبيقات والصحة والمكتبات والاغاني وكل ما تريده ستجده في موقع schema.org, اتمنى ان تكون المقالة مفيدة, الرجاء الدعاء لي ولوالدي, اخوكم وليد حمود.

حول وليد حمود

اعمل في مجال تهيئة المواقع وتطويرها منذ اكثر من 14 سنة, عملت بشكل مجاني لمدة سنتين حتى اكتسبت الخبرة الكافية, استخدم السيو و برمجيات بسيطة لتهيئة المواقع وجعلها مُنافسة, هدفي اعطاء العنان لكل شاب والبدء بالخطوة الاولى لتحقيق حلمه.

22 فكرة عن “دليل توصيف Schema Markup لجميع المواقع”

      1. عبد الهادي محمد حسان

        السلام عليكم أستاذنا ما شاء الله عليك شرحك كافي ووافي
        لكني لا أستطيع عمل ذلك بنفسي لذلك أريد منك أن تقوم بعمل schema الخاصة بموقعي بمقابل مادي….

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

  2. كما عودتنا…
    مبدع ومتألق ودائما انتظر معلوماتك ودروسك وتحليلاتك القيمة
    جزاك الله كل خير وسعادة وجعل هذا العلم في ميزان حسناتك

  3. سلام عليكم اخي
    اتمنى ان تكون بصحة جيدة
    اريد ان اسئلك عن مشكل الدي يعاني منه جميع المواقع الالكترونية وخصوصا الذين يعتمدون على مصدرواحد هو الاعلانات الادسنس
    سؤالي هو هل هناك حل لمشكل adblock الذي يعاني منه اكثرالمواقع
    هل هناك برنامج لجعل الاعلانات تظهر رغم وجود adblock
    اعرف ان هذا السؤال خارج الموضوع المقالة
    شكرا

    1. وعليكم السلام

      بحسب معلوماتي لا يوجد حل لمشكلة adblock, فهي تقوم بتصنيف الشبكات الاعلانية وتعطي الامر بحجبها.
      كما ان السبب الرئيسي لحجب الاعلانات هو استخدام div خاص بالاعلانات, اما استخدام دالة او وسم غير ذلك سيحل المشكلة بأذن الله.

  4. مقالة محترفة ا.وليد كالعادة
    ولكن حضرتك قمت بعمل test للكود الخاص بـ Schema Article المرفق بالشرح على أداة
    Structured data testing tool
    وظهرت لى مشكلة واحدة وهى فى “@type”: “Article”,
    وظهرت رسالة الخطأ هذه باللون الأحمر :
    publisher : A value for the publisher field is required
    ما الحل؟

      1. وما هى قيمة الناشر وكيف ادخلها؟
        انا اضطريت اغير من Article إلى Report حتى أزيل هذه المشكلة وبالفعل تمت إزالتها.
        ومتى تظهر النتيجة فى محرك البحث جوجل؟

  5. موضوع رائع اخي … فقط سؤال بالنسبة ل عناصر التصفح SiteNavigationElement هل يمكن عند تغيير الروابط وضع الروابط التي ليست في الهيدر بالاعلى بل التي تكون بالقائمة الرئيسية بالوسط مثال ” شروحات . كمبيوتر . اضافات وهكذا ؟

اترك تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *

الفهرس
Scroll to Top
×