كل ما تريد معرفته حول Schema.org – سكيما
ما هي Schema
من أكثر الأسئلة تردني يومياً وتطالب بتوفير شرح مفضل عن سكيما (البيانات المنظمة) أو ما يعرف بـ Schema.org Structured Data، كما يستخدم محرك البحث Google إسم المقتطفات المنسقة للدلالة على جزء منسق من النص.
اليوم سوف نقوم بشرح هذه الأكواد التي يمكن استخدامها على صفحات موقعك، وأيضاً كيف يمكن للشركات الاستفادة منها في تحسين عملها على مستوى البحث المجاني في محركات البحث.
دعونا نبدأ مع تعريف الـ Schema.org (سكيما) و هي عبارة عن مفردات محددة من العلامات (الأكواد) التي يمكنك إضافتها إلى HTML لتحسين طريقة ظهور نتائج موقعك في محركا البحث.
مثال على كود سكيما لكتاب
<div itemscope itemtype="http://schema.org/Book"> <span itemprop="name"> كتاب السيو للمبتدئين - سيو بالعربي</span> <span itemprop="author">ماجد عطوي</span> </div>
باستخدام أداة تجربة الكود والتي تقدمها Google نرى أن محرك البحث استطاع التعرف على أسم الكتاب والمؤلف، ووجود هذا الكود في الصفحة يوضح لزاحف محرك البحث ان هذه الصفحة تتحدث عن كتاب بهذا العنوان وتمت كتابته عن طريق هذا المؤلف.
ما هي الـ Schema.org / سكيما بالتفصيل
تم إيجاد Schema.org نتيجة للتعاون بين جوجل، بنج، ياندكس، وياهو لمساعدتك على توفير المعلومات لمحركات البحث لمساعدتهم على فهم طبيعة المحتوى الخاص بك بشكل أفضل، وتوفير أفضل النتائج الممكنة في عملية البحث. مع النظر إلى هذا العلامات التي يتم كتابتها بأكواد HTML لها ميزة تحسين عرض نتائج البحث الخاصة بك من دون أي تكاليف أو أجور إضافية بحث تم توفيرها للمطورين بشكل مجاني، وهذا يعطيك فرصة لأن يتم اختيارك حتى لو لم تكن في النتيجة الأولى وهذا ما يوضحه المثال الذي إستندت اليه من موقع سيو صح وهو كلمة (الربح من الانترنت). بحيث تميّز سيو صح بظهور صورة إلى جانب نتيجته تزيد من فرصة حصوله على عائد ضغطات أكبر.
دعونا نأخذ مثال آخر مفصّل أكثر،ونشاهده على صفحات المواقع العربية بكثرة وهو (سكيما التقييم)
نتيجة البحث الأولى أعلاه والتي تحتوي على النجوم وتاريخ النشر بالإضافة إلى إسم الشخص الذي قام بالتقييم أو عدد الأشخاص. كل هذه النقاط يمكن أن تضاف إلى نتيجة البحث باستخدام سكيما المراجعة. والتي تقوم بدورها بإضافة قصاصات غنية بالمعلومات عن الكتاب أو الموضوع أو البرنامج والتي تسمح للمستخدم بمعرفة قيمة المادة قبل الدخول إليها، بالإضافة لعرض وصف ميتا أو معلومات اختارها Google تتناسب مع العنوان. وللحصول على مراجعة مقتطف منسق شبيه بهذا المثال يمكنك استخدام الكود (التعليمة البرمجية) التالية:
<div itemscope itemtype="https://schema.org/Article"> <span itemprop="name">معلومات قيّمة</span> <div itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating"> <span itemprop="ratingValue">4</span> stars - based on <span itemprop="reviewCount">250</span> reviews </div>
نلاحظ أنا هناك بعض القيم القابلة للتعديل ، مثل عدد النجوم itemprop=”ratingValue” وأيضاً عدد الذين قاموا بالتصويت itemprop=”reviewCount”.
كما يمكنكم إضافة المزيد على هذه القصاصة مثل الوقت وأسم الشخص الذي قام بالتصويت ليصبح شكل الكود كالتالي :
<div itemscope itemtype="https://schema.org/Article"> <span itemprop="name">معلومات قيّمة</span> <div itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating"> <span itemprop="ratingValue">4</span> stars - based on <span itemprop="reviewCount">250</span> reviews </div> <meta itemprop="datePublished" content="2015-04-25">April 25, 2015 <span itemprop="author">Majed Atwi</span>
هذا ليس كل شيء هناك المزيد من الاضافات التي يمكن عرضها والتي يمكن ان تحصلوا عليها من موقع Schema.org الرسمي، كما يوفر الموقع أمثلة لكل سكيما مما يسهل عملكم بشكل كبير.
إضافة لذلك يمكنك الاستعانة بالأداة Structured Data Markup Helper التي أطلقتها Google مؤخراً، و التي تساعدك على بناء سكيما لصفحتك بكل سهولة.
ماهو الفرق بين Schema, microdata, و structured data
أنت أمام ثلاثة أنواع من المقتطفات المنسقة وسنشرح لك أهمية واماكن استخدام كل واحدة من هذه الأنواع.
البيانات المنظمة – Structured data:
وهي عبارة عن نظام التوأمة (التعريف) بين الاسم و القيمة و التي بدورها تساعد محركات البحث على تصنيف وفهرسة المحتوى الخاص بك، وتمتلك Google أداة داخل مشرفي المواقع تساعدك على توأمة المحتوى الخاص بك، وسنتطرق إلى شرحها بالتفصيل في دروس لاحقة.
البيانات المجزئة – Microdata: هي واحدة من نماذج البيانات التي تمّت هيكلتها لتعمل مع HTML5.
Schema.org – سكيما: هو المشروع الرئيسي الذي يوفر مجموعة معينة من القيم المتفق عليها من قبل محركات البحث والتي تقوم بعملية تعريف البيانات المنظمة و البيانات المجزئة. كما يمكن استخدام سكيما في أنواع مختلفة من البيانات المنظمة مثل RDFa و JSON-LD
أنواع Schema / سكيما
الأنواع التي تمّت الإشارة إليها على الموقع الرسمي
البيانات المنظمة يمكن أن تُستخدم لوضع علامة على أنواع مختلفة من المواد منها المنتجات، الملفات الصوتية إلى وصفات الطعام. وغالبا ما تُسخدم لتقديم معلومات إضافية حول ما يلي:
- المؤسسات
- الأماكن
- الأشخاص
- العلامات التجارية
- الأعمال الإبداعية
- التنظيمات / المهرجانات
هناك قائمة كاملة بجميع البيانات المدعومة والتي يمكنك الوصول إليها من هنا.
مواضيع و مراجع قد تُهمك :
0.30% من مواقع الويب لا تستخدم المقتطفات المنسقة.
إجراءات يدوية (عقوبة) بسبب المقتطفات المنسقة الغير سليمة.
سكيما – المقاطع الصوتية وطريقة إعدادها.
كيفية وضع علامة microdata على المحتوى.
ما هو RDFa ؟
بارك الله فيك على المقال الرائع.. سؤال خارج الموضوع أعذرني: كيف أعمل انترنال لينك داخل الموضوع ويكون دوفولو ؟ و شكرا
لنا شرح مطول عن الروابط الداخلية قريباً عزيزي.
موضوع رائع جداً جداً . فادني كثير شكراً إلك 🙂
عندي سؤال . لو عندي موقع و Structure الـ URL هكذا :
http://site/articals/id-number – و الصفحة مهيئة جيداً للبوتات و بمطابقة للمعاير . مع التحديثات الجديدة راح يأثر الـ URL على الأرشفة تتوقع ؟ و بالتالي يجب تحسين الهيكلة ؟
بالتأكيد أن شكل رابط مهم في عملية الأرشفة لكنه يمثل جزء بسيط ولا يعادل المحتوى في اهميته.
لذلك لا بأس أن يكون الموقع بهذا Structure
بارك الله فيك على المقال الرائع
شكرا على المقال الرائع, لطالما واجهت مشاكل مع هذه الاشياء من missing وغيرها, وتخطيتها والحمد لله.
عندي سؤال: عند البحث عن شئ كتعليمات لحل مشكله مثلاً بحثت عن:
how to delete iphone app
الاحظ ظهور الخطوات “الحل” في محرك البحث وتحتها رابط الموقع! كالصوره التاليه:
http://i.imgur.com/A2syUfg.png
والسؤال هنا هل يتم عمل هذا عن طريق الـ schema ؟ او شئ اخر؟ ان امكن ارجو توضيحها عما قريب.
هذه الميزة متوفرة فقط في المحتوى الأجني ولا تدعمها Google في محتوانا، وهذه لا ترتبط بأي سكيما انما هي مرتبطة باختيار Google
بارك الله فيك ^_^
عندي سؤال يوجد اكواد سكيما تنفع لمواقع العاب الفلاش مش مهم انها تظهر الصوره ف محرك البحث ولا لاء بس اقصد تفيد جوجل ليفهم الموقع اكتر ويحدد تصنيفه ياريت لو في تقلي كل الاكواد اللي تنفع تركب علي بلوجر العاب خاصة بالاسكيما وشكرا لك ماجد
حسب المعلومات التي قرأئتها في سنين سابقة فإن السكيما لا تدعم العاب الفلاش.
ولكن البعض قد يلجأ لاستخدام هذه السكيما https://schema.org/Game
شكرا لهذا الشرح الجميل يا استاذ ماج
لكن عندى مشكلة كبرى اعتقد انها تتعلق بهذا الامر وهى عدم ظهور صور لمقالات موقعى فى اخبار جوجل وعند محادثتى لخدمة العملاء اكدو لى من ضمن التوصيات تلك الجملة
I’d share the recommendations, please follow the instructions.
Image crawl takes into account the schema.org image and og:image specified in the html body of an article. For the image that you’d like to be the thumbnail image next to your article, we’d recommend using schema.org or og:image to make this selection clear.
هل يقصدون بذلك انى لابد من وضع كود معين بالموقع ؟
وهذا مثال على عدم ظهور صور مقالاتى بنتائج البحث المتعلقة بالاخبار
https://www.google.com.eg/search?hl=en&filter=0&lr=&ie=UTF-8&q=site:kalamalyom.com&gws_rd=cr,ssl&ei=XiUYVr7hC8avU_LwiogH#q=site:kalamalyom.com&hl=en&tbm=nws&tbas=0
ارجو الرد وجزاك الله خيرا
أهلاً بك،
صديقي كل ماعليك ان تقوم به حسب تجربتي هو استخدام هذه الاضافة
https://yoast.com/wordpress/plugins/news-seo/
وهي ستقوم بحل المشكلة لك بعون الله.
بصراحة ماشاء الله بارك الله فيك ….جزاك الله خيرا
لو بضيف برنامج فى مدونة خاصة بالبرامج استخدم هذا الكود فى الموضوع
معلومات قيّمة
4 stars –
based on 250 reviews
April 25, 2015
Majed Atwi
ولا استبدل كلمة Article بكلمة SoftwareApplication
موضوح ممتاز وشرح قيم كالعادة
اين اضع اكواد الاسكيما بعد عملها عن طريق جوجل
اكتشف محرك بحث Google ترميزًا منسَّقًا على بعض صفحاتك ينتهك إرشادات جودة البيانات المنسقة المتبعة لدينا. لضمان حصول المستخدمين على نتائج بحث عالية الجودة، فإننا نعرض نتائج بحث منسَّقة فقط للمحتوى الذي يستخدم ترميزًا يتفق مع إرشادات الجودة المتبعة لدينا. وقد تم تطبيق هذا الإجراء اليدوي على . نقترح عليك إصلاح الترميز وتقديم طلب إعادة نظر. وبعد أن يتبيَّن لنا توافق الترميز الذي يظهر على الصفحة مع إرشاداتنا، سنزيل هذا الإجراء اليدوي.
دى بسبب الاسكيما ؟؟
بعد إذنك
في حال أنا أضفت نفس العنوان و الوصف الحالي الصفحة
في
schema
هل هذا جيد
أو لازم يكون مختلف بشكل كلي لكي لا يوجد اي تشابه