مسار التنقل (Breadcrumb Navigation) هو عنصر تنقل ثانوي، يظهر عادةً قرب أعلى الصفحة، ويعرض للمتسوّق المسار من الصفحة الرئيسية وصولًا إلى الصفحة التي يتصفحها حاليًا، مثل: الرئيسية > الملابس > السترات > سترة قطن عضوي برقبة دائرية. ويمنح الزوار إحساسًا فوريًا بموقعهم ضمن التسلسل الهرمي لفئات الموقع، ووسيلة سهلة للرجوع إلى فئة أوسع دون استخدام زر الرجوع في المتصفح أو البحث في القائمة الرئيسية. وفي صفحات المنتجات التي تعتمد على خلاصة المنتجات، تُنشأ مسارات التنقل عادةً تلقائيًا من بيانات الفئات نفسها التي تُصنَّف بها كل عنصر.
لماذا يُعدّ مسار التنقل مهمًا للمواقع المعتمدة على الكتالوج
كثيرًا ما يصل المتسوّقون إلى صفحة منتج محددة من إعلان Shopping أو من نتيجة بحث عضوية دون أي سياق عن موقع هذا المنتج ضمن الكتالوج الأوسع، ويمنحهم مسار التنقل هذا السياق بنظرة واحدة. وهذا مهم بصفة خاصة للتحويلات: فالزائر الذي يرى أن المنتج ليس هو المطلوب تمامًا يمكنه الصعود مستوى واحدًا إلى الفئة الأم عبر المسار بدل مغادرة الموقع كليًا، فيُستعاد جزء من الزيارات التي كانت ستضيع. كما يعمل مسار التنقل كروابط داخلية تعزّز موقع الصفحة ضمن بنية التنقل لدى محركات البحث، وتعرضه منصات كثيرة مباشرةً في نتائج البحث كمسار فئات مرتب بدل عنوان URL خام، مما يحسّن جاذبية النتيجة العضوية للنقر.
كيف يعمل مسار التنقل
تُنشأ مسارات التنقل في الغالب ديناميكيًا من تصنيف الفئات نفسه المستخدم في بقية الموقع، وأكثر ما يكون ذلك من قيمة product_type أو google_product_category المعيّنة لكل عنصر في الخلاصة. وهذا يعني أن دقة مسار التنقل لا تتجاوز دقة عمل التصنيف المنجز في الخلاصة نفسها؛ فالمنتج المصنَّف خطأً في الخلاصة سيعرض مسار تنقل خاطئًا بالقدر نفسه في صفحته. كما تقرأ محركات البحث ترميز مسار التنقل عبر البيانات المنظمة (مخطط BreadcrumbList)، وهو ما يتيح ظهور مسار الفئات مباشرةً في مقتطفات نتائج البحث، وينبغي أن تبقى هذه النسخة المنظمة متزامنة مع أي خريطة موقع HTML توثّق التسلسل الهرمي نفسه بصيغة مختلفة.
مثال
<item>
<g:id>SKU-10234</g:id>
<g:title>Organic Cotton Crewneck Sweater - Charcoal, M</g:title>
<g:google_product_category>Apparel & Accessories > Clothing > Sweaters</g:google_product_category>
<g:product_type>Men's > Sweaters > Crewneck</g:product_type>
</item>
<!-- Breadcrumb rendered from the same category path -->
<nav aria-label="breadcrumb">
<a href="/ar/">Home</a> >
<a href="/ar/mens">Men's</a> >
<a href="/ar/mens/sweaters">Sweaters</a> >
<span>Organic Cotton Crewneck</span>
</nav>
ولأن مسار التنقل مشتق مباشرةً من قيمة product_type في الخلاصة، فإن تصحيح تصنيف منتج خاطئ في الخلاصة يُصلح تلقائيًا مسار التنقل الخاص به في كل موضع يظهر فيه، دون أي تعديل يدوي صفحةً صفحة.
مفاهيم ذات صلة
مسار التنقل هو أحد التعبيرات المرئية عن بنية التنقل الأشمل للموقع، ويعمل بأفضل صورة إلى جانب خريطة موقع HTML توثّق التسلسل الهرمي للفئات نفسه بصيغة مسطّحة وشاملة لزواحف البحث. ولأن مسارات التنقل تمنح المتسوّقين طريقة سهلة للتعافي من نقرة غير مطابقة لما يريدون، فهي أيضًا عامل مفيد وقليل الجهد في تحسين صفحات الهبوط لأي صفحة تتلقى زيارات قادمة من الخلاصة.








