شريط التنقّل
يشير مسار شريط التنقّل على الصفحة إلى موضع الصفحة في التسلسل الهرمي للموقع الإلكتروني، ويمكن أن يساعد المستخدمين في فهم الموقع الإلكتروني واستكشافه بطريقة فعّالة. ويستطيع المستخدم التنقّل من مستوى إلى آخر حتى يصل إلى قمّة التسلسل الهرمي، وذلك من خلال البدء من الموضع الأخير في مسار شريط التنقّل.
كيفية إضافة البيانات المنظَّمة
البيانات المنظَّمة هي تنسيق موحّد لتقديم معلومات عن صفحة محدّدة وتصنيف محتواها. إذا كنت لا تزال مبتدئًا في مجال البيانات المنظَّمة، يمكنك الاطّلاع على المزيد من المعلومات حول آلية عمل البيانات المنظَّمة.
إليك نظرة عامة حول كيفية إنشاء بيانات منظَّمة واختبارها وإصدارها. للحصول على دليل مفصّل حول كيفية إضافة بيانات منظَّمة إلى صفحة ويب، يمكنك الاطّلاع على الدرس التطبيقي حول الترميز الخاص بالبيانات المنظَّمة.
- أضِف السمات المطلوبة. استنادًا إلى التنسيق الذي تستخدمه، تعرَّف على مكان إدراج البيانات المنظَّمة في الصفحة.
- اتّبِع الإرشادات.
- تحقّق من صحة الرمز باستخدام اختبار النتائج المنسّقة.
- انشر بعض الصفحات التي تتضمّن بياناتك المنظَّمة واستخدِم أداة فحص عنوان URL لاختبار طريقة عرض الصفحة في محرّك البحث Google. تأكَّد من إمكانية وصول محرّك البحث Google
إلى صفحتك ومن عدم حظرها باستخدام ملف robots.txt أو علامة
noindexأو متطلبات تسجيل الدخول. إذا بدت الصفحة جيدة، يمكنك أن تطلب من Google إعادة الزحف إلى عناوين URL الخاصة بك. - لإعلام Google بأي تغييرات لاحقة، ننصحك بإرسال خريطة الموقع. يمكنك برمجة هذا الإجراء باستخدام واجهة برمجة التطبيقات لخريطة الموقع في Search Console.
أمثلة
يستخدم محرّك بحث Google ترميز شريط التنقُّل في نص صفحة الويب لتصنيف معلوماتها في نتائج البحث. وفي العادة، يتمكّن المستخدمون من الوصول إلى الصفحة من خلال أنواع مختلفة تمامًا من طلبات البحث، كما هو موضّح في حالات الاستخدام التالية. على الرغم من أنّ كل عملية بحث قد تعرض صفحة الويب نفسها، يعمل شريط التنقّل على تصنيف المحتوى ضمن سياق طلب البحث على Google. وقد تعرض الصفحة ancillaryjustice.html مسارات شريط التنقّل التالية استنادًا إلى سياق البحث.
مسار شريط تنقّل واحد
قد يؤدي طلب البحث عن عام وجائزة ممنوحة لنوع كتابة معيّن، مثل "جائزة نيبولا لأفضل رواية لعام 2014" إلى إنشاء شريط التنقُّل التالي:
الكتب › الخيال العلمي › الكتب الحائزة على جوائز
JSON-LD
في ما يلي مثال لترميز JSON-LD لإتاحة شريط التنقّل هذا:
<html>
<head>
<title>Award Winners</title>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "BreadcrumbList",
"itemListElement": [{
"@type": "ListItem",
"position": 1,
"name": "Books",
"item": "https://example.com/books"
},{
"@type": "ListItem",
"position": 2,
"name": "Science Fiction",
"item": "https://example.com/books/sciencefiction"
},{
"@type": "ListItem",
"position": 3,
"name": "Award Winners"
}]
}
</script>
</head>
<body>
</body>
</html>
RDFa
في ما يلي مثال لترميز RDFa لإتاحة شريط التنقّل هذا:
<html>
<head>
<title>Award Winners</title>
</head>
<body>
<ol vocab="https://schema.org/" typeof="BreadcrumbList">
<li property="itemListElement" typeof="ListItem">
<a property="item" typeof="WebPage"
href="https://example.com/books">
<span property="name">Books</span></a>
<meta property="position" content="1">
</li>
›
<li property="itemListElement" typeof="ListItem">
<a property="item" typeof="WebPage"
href="https://example.com/books/sciencefiction">
<span property="name">Science Fiction</span></a>
<meta property="position" content="2">
</li>
›
<li property="itemListElement" typeof="ListItem">
<span property="name">Award Winners</span>
<meta property="position" content="3">
</li>
</ol>
</body>
</html>
Microdata
في ما يلي مثال لترميز Microdata لإتاحة شريط التنقُّل هذا:
<html>
<head>
<title>Award Winners</title>
</head>
<body>
<ol itemscope itemtype="https://schema.org/BreadcrumbList">
<li itemprop="itemListElement" itemscope
itemtype="https://schema.org/ListItem">
<a itemprop="item" href="https://example.com/books">
<span itemprop="name">Books</span></a>
<meta itemprop="position" content="1" />
</li>
›
<li itemprop="itemListElement" itemscope
itemtype="https://schema.org/ListItem">
<a itemscope itemtype="https://schema.org/WebPage"
itemprop="item" itemid="https://example.com/books/sciencefiction"
href="https://example.com/books/sciencefiction">
<span itemprop="name">Science Fiction</span></a>
<meta itemprop="position" content="2" />
</li>
›
<li itemprop="itemListElement" itemscope
itemtype="https://schema.org/ListItem">
<span itemprop="name">Award winners</span>
<meta itemprop="position" content="3" />
</li>
</ol>
</body>
</html>
HTML
في ما يلي مثال على كتلة شريط تنقّل HTML في الصفحة كجزء من التصميم المرئي لها.
<html>
<head>
<title>Award Winners</title>
</head>
<body>
<ol>
<li>
<a href="http://www.example.com/books">Books</a>
</li>
<li>
<a href="http://www.example.com/sciencefiction">Science Fiction</a>
</li>
<li>
Award Winners
</li>
</ol>
</body>
</html>
مسار شريط تنقّل متعدد
في حال توفّرت طرق متعددة للانتقال إلى صفحة على موقعك الإلكتروني، يمكنك تحديد مسارات شريط تنقّل متعددة لصفحة واحدة. إليك مسار شريط تنقّل يؤدي إلى صفحة للكتب الحائزة على جوائز:
الكتب › الخيال العلمي › الكتب الحائزة على جوائز
إليك مسار شريط تنقّل آخر يؤدي إلى الصفحة نفسها:
أعمال أدبية › الكتب الحائزة على جوائز
JSON-LD
في ما يلي مثال على نسق JSON-LD يتوافق مع العديد من مسارات شريط التنقّل:
<html>
<head>
<title>Award Winners</title>
<script type="application/ld+json">
[{
"@context": "https://schema.org",
"@type": "BreadcrumbList",
"itemListElement": [{
"@type": "ListItem",
"position": 1,
"name": "Books",
"item": "https://example.com/books"
},{
"@type": "ListItem",
"position": 2,
"name": "Science Fiction",
"item": "https://example.com/books/sciencefiction"
},{
"@type": "ListItem",
"position": 3,
"name": "Award Winners"
}]
},
{
"@context": "https://schema.org",
"@type": "BreadcrumbList",
"itemListElement": [{
"@type": "ListItem",
"position": 1,
"name": "Literature",
"item": "https://example.com/literature"
},{
"@type": "ListItem",
"position": 2,
"name": "Award Winners"
}]
}]
</script>
</head>
<body>
</body>
</html>
RDFa
في ما يلي مثال لترميز RDFa يتوافق مع العديد من مسارات شريط التنقّل:
<html>
<head>
<title>Award Winners</title>
</head>
<body>
<ol vocab="https://schema.org/" typeof="BreadcrumbList">
<li property="itemListElement" typeof="ListItem">
<a property="item" typeof="WebPage"
href="https://example.com/books">
<span property="name">Books</span></a>
<meta property="position" content="1">
</li>
›
<li property="itemListElement" typeof="ListItem">
<a property="item" typeof="WebPage"
href="https://example.com/books/sciencefiction">
<span property="name">Science Fiction</span></a>
<meta property="position" content="2">
</li>
›
<li property="itemListElement" typeof="ListItem">
<a property="item" typeof="WebPage"
href="https://example.com/books/sciencefiction/awardwinners">
<span property="name">Award Winners</span></a>
<meta property="position" content="3">
</li>
</ol>
<ol vocab="https://schema.org/" typeof="BreadcrumbList">
<li property="itemListElement" typeof="ListItem">
<a property="item" typeof="WebPage"
href="https://example.com/literature">
<span property="name">Literature</span></a>
<meta property="position" content="1">
</li>
›
<li property="itemListElement" typeof="ListItem">
<span property="name">Award Winners</span>
<meta property="position" content="2">
</li>
</ol>
</body>
</html>
Microdata
في ما يلي مثال على البيانات الجزئية التي تتوافق مع العديد من مسارات شريط التنقّل:
<html>
<head>
<title>Award Winners</title>
</head>
<body>
<ol itemscope itemtype="https://schema.org/BreadcrumbList">
<li itemprop="itemListElement" itemscope
itemtype="https://schema.org/ListItem">
<a itemprop="item" href="https://example.com/books">
<span itemprop="name">Books</span></a>
<meta itemprop="position" content="1" />
</li>
›
<li itemprop="itemListElement" itemscope
itemtype="https://schema.org/ListItem">
<a itemscope itemtype="https://schema.org/WebPage"
itemprop="item" itemid="https://example.com/books/sciencefiction"
href="https://example.com/books/sciencefiction">
<span itemprop="name">Science Fiction</span></a>
<meta itemprop="position" content="2" />
</li>
›
<li itemprop="itemListElement" itemscope
itemtype="https://schema.org/ListItem">
<a itemprop="item" href="https://example.com/books/sciencefiction/awardwinners">
<span itemprop="name">Award Winners</span></a>
<meta itemprop="position" content="3" />
</li>
</ol>
<ol itemscope itemtype="https://schema.org/BreadcrumbList">
<li itemprop="itemListElement" itemscope
itemtype="https://schema.org/ListItem">
<a itemprop="item" href="https://example.com/literature">
<span itemprop="name">Literature</span></a>
<meta itemprop="position" content="1" />
</li>
›
<li itemprop="itemListElement" itemscope
itemtype="https://schema.org/ListItem">
<span itemprop="name">Award Winners</span>
<meta itemprop="position" content="2" />
</li>
</ol>
</body>
</html>
HTML
في ما يلي مثال على كتلة شريط تنقّل HTML في الصفحة كجزء من التصميم المرئي لها.
<html>
<head>
<title>Award Winners</title>
</head>
<body>
<ol>
<li>
<a href="http://www.example.com/books">Books</a>
</li>
<li>
<a href="http://www.example.com/books/sciencefiction">Science Fiction</a>
</li>
<li>
Award Winners
</li>
</ol>
<ol>
<li>
<a href="http://www.example.com/literature">Literature</a>
</li>
<li>
Award Winners
</li>
</ol>
</body>
</html>
الإرشادات
يجب أن تتّبع هذه الإرشادات لكي يكون موقعك الإلكتروني مؤهّلاً ليضم أشرطة تنقُّل في "بحث Google".
ننصح بتوفير أشرطة تنقّل تمثّل مسار مستخدم عادي إلى صفحة، بدلاً من
النسخ المطابق لبنية عنوان URL. لا تساعد بعض أجزاء مسار عنوان URL المستخدمين في فهم
موقع الصفحة على موقعك الإلكتروني. على سبيل المثال، في عنوان URL
https://example.com/pages/books/catcher_in_the_rye.html، لا يضيف أي من عنصر المسار pages
في عنوان URL وعنصر المستوى الأعلى
example.com أي معلومات.
تعريفات أنواع البيانات المنظَّمة
لتحديد أشرطة التنقُّل، حدّد BreadcrumbList الذي يحتوي على رمزَي ListItems على الأقل. يجب تضمين السمات المطلوبة لكي يكون المحتوى مؤهّلاً للظهور مع أشرطة تنقّل.
BreadcrumbList
BreadcrumbList هي حاوية العناصر التي تتضمّن جميع العناصر في القائمة. يتوفر التعريف الكامل للقائمة BreadcrumbList على schema.org/BreadcrumbList.
| السمات المطلوبة | |
|---|---|
itemListElement |
مجموعة من أشرطة التنقّل المدرَجة بترتيب معيّن. حدِّد كل شريط تنقُّل يتضمّن
{
"@context": "https://schema.org",
"@type": "BreadcrumbList",
"itemListElement": [{
"@type": "ListItem",
"position": 1,
"name": "Books",
"item": "https://example.com/books"
},{
"@type": "ListItem",
"position": 2,
"name": "Authors",
"item": "https://example.com/books/authors"
},{
"@type": "ListItem",
"position": 3,
"name": "Ann Leckie",
"item": "https://example.com/books/authors/annleckie"
}]
} |
ListItem
يحتوي ListItem على تفاصيل حول عنصر واحد في القائمة. يتوفر التعريف الكامل لعنصر ListItem على schema.org/ListItem.
| السمات المطلوبة | |
|---|---|
item |
هذه السمة هي عنوان URL لصفحة الويب التي تمثل شريط التنقُّل. هناك طريقتان لتحديد
إذا كان شريط التنقُّل هو العنصر الأخير في مسار شريط التنقُّل، لن يُطلب |
name |
تمثّل هذه السمة عنوان شريط التنقُّل المعروض للمستخدم. إذا كنت تستخدم |
position |
تمثّل هذه السمة موضع شريط التنقّل ضمن مسار شريط التنقّل. ويدل الموضع 1 على بداية المسار. |
مراقبة النتائج المنسّقة باستخدام Search Console
Search Console هي أداة تساعدك في مراقبة مستوى أداء صفحاتك في "بحث Google". ليس عليك الاشتراك في Search Console لإدراج موقعك الإلكتروني ضمن نتائج "بحث Google"، ولكن تساعدك هذه الأداة في التعرّف على شكل موقعك كما يراه محرّك البحث Google وتحسين هذا الشكل. ننصح بالتحقق من Search Console في الحالات التالية:
بعد نشر بيانات منظَّمة للمرة الأولى
بعد أن ينتهي محرّك البحث Google من فهرسة الصفحات، ابحث عن المشاكل باستخدام تقرير "حالة النتائج المنسّقة" المناسب. في العادة، سترى زيادة في الصفحات الصالحة وليس في عدد الأخطاء أو التحذيرات. إذا عثرت على مشاكل في بياناتك المنظَّمة:
- أصلِح الأخطاء.
- افحص عنوان URL معروض لمعرفة ما إذا كانت المشكلة مستمرّة.
- اطلب إجراء تحقق باستخدام تقرير الحالة.
بعد إصدار نماذج جديدة أو تعديل الترميز
عند إجراء تغييرات كبيرة على موقعك الإلكتروني، راقِب الزيادات في عدد أخطاء البيانات المنظَّمة والتحذيرات.- إذا لاحظت زيادة في عدد الأخطاء، قد يكون السبب أنك طرحت نموذجًا جديدًا لا يعمل أو أنّ موقعك الإلكتروني يتفاعل مع النموذج الحالي بطريقة جديدة وغير صحيحة.
- إذا لاحظت انخفاضًا في العناصر الصالحة (لا يقابله زيادة في عدد الأخطاء)، من الممكن أنك توقّفت عن تضمين بيانات منظَّمة في صفحاتك. استخدِم أداة فحص عنوان URL للاطّلاع على سبب المشكلة.
تحليل الزيارات بشكل دوري
يمكنك تحليل الزيارات إلى صفحتك في "بحث Google" باستخدام تقرير الأداء. ستعرض لك البيانات عدد مرات ظهور صفحتك كنتيجة منسّقة في "بحث Google" وعدد المرات التي نقر فيها المستخدمون على الصفحة ومتوسط موضع ظهور الصفحة في نتائج البحث. يمكنك أيضًا عرض هذه النتائج تلقائيًا باستخدام Search Console API.تحديد المشاكل وحلّها
إذا كنت تواجه مشكلة في تطبيق البيانات المنظَّمة أو تصحيح الأخطاء فيها، إليك بعض المراجع التي قد تساعدك.
- إذا كنت تستخدم نظام إدارة محتوى (CMS) أو تستعين بشخص لإدارة موقعك الإلكتروني، اطلب المساعدة من هذه الجهات. واحرص على إعادة توجيه أي رسائل في Search Console توضّح المشكلة.
- لا يضمن محرك بحث Google ظهور الميزات التي تستخدم البيانات المنظَّمة ضمن نتائج البحث. للاطّلاع على قائمة بالأسباب الشائعة التي قد تؤدي إلى عدم عرض المحتوى في نتيجة منسّقة على "بحث Google"، يمكنك مراجعة الإرشادات العامة للبيانات المنظَّمة.
- قد يكون ثمة خطأ في بياناتك المنظَّمة. اطّلِع على قائمة أخطاء البيانات المنظَّمة.
- إذا تمّ اتخاذ إجراء يدوي على البيانات المنظَّمة ضد صفحتك، سيتمّ تجاهل البيانات المنظَّمة المتاحة على الصفحة (مع إمكانية استمرار الصفحة في الظهور ضمن نتائج "بحث Google"). لإصلاح مشاكل البيانات المنظمة، استخدِم تقرير "الإجراءات اليدوية".
- راجِع الإرشادات مرة أخرى لتحديد ما إذا كان المحتوى الخاص بك غير متوافق مع الإرشادات. قد يكون السبب في المشكلة هو تضمين محتوى غير مرغوب فيه أو استخدام ترميز غير مرغوب فيه. وقد لا تكون المشكلة مرتبطة بالبنية، ما قد يؤدي إلى عدم إمكانية تحديد هذه المشاكل من خلال "اختبار النتائج المنسّقة".
- اتّبِع الخطوات الخاصة بتحديد وحلّ مشكلة عدم ظهور بعض النتائج المنسّقة/الانخفاض في إجمالي النتائج المنسّقة.
- تحتاج عملية إعادة الزحف والفهرسة إلى بعض الوقت. وتذكَّر أنّ محرّك بحث Google قد يستغرق عدّة أيام من تاريخ نشر الصفحة للعثور عليها والزحف إليها. للاطّلاع على الأسئلة العامة حول الزحف والفهرسة، يمكنك مراجعة الأسئلة الشائعة حول الزحف والفهرسة في "بحث Google".
- يمكنك نشر أي سؤال في منتدى "مجموعة خدمات بحث Google".