الدلالات البصرية: كيف يقرأ محرك البحث تصميم صفحتك؟

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

وسبب ذلك أن كود الصفحة (HTML) لا يطابق دائماً ما يراه الزائر. فنموذج كائن المستند (DOM) صُمم ليعرض الصفحة في المتصفح، لا ليصف معناها. ولذلك تحاول المحركات أن ترى الصفحة كما يراها الإنسان، فتستعيد معنى يخفيه الكود الخام.

أشهر الأبحاث المنشورة في هذا المجال خوارزمية VIPS (Vision-based Page Segmentation) من Microsoft Research عام 2003. تبني شجرة من الأجزاء، مثل الترويسة والتذييل والشريط الجانبي ومنطقة المقال، بالجمع بين بنية الكود والمؤشرات البصرية. ويحصل كل جزء على درجة تماسك (Degree of Coherence) تقيس مدى ترابط محتواه.

والمؤشرات بسيطة: نوع العنصر في الكود، ولون الخلفية، وحجم الجزء وشكله. والفواصل (Separators)، أي المساحات الخالية بين الأجزاء أفقياً أو عمودياً، تعمل حدوداً بين المعاني. في صفحة مكتب الرياض، تفصل مساحة واضحة بين الحاسبة وشرح طريقة الحساب وقائمة الخدمات.

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

العنصر المحوري (Centerpiece Annotation) أول ما يعلن غرض الصفحة. يستخدم المحرك التصميم ليقرر أين تقع كل معلومة، وأي عنصر يعطي الصفحة معناها. صفحة «حاسبة مكافأة نهاية الخدمة» التي تبدأ بثلاث فقرات عن تاريخ المكتب، ثم تضع الحاسبة في الأسفل، تخبر الزائر والمحرك أن غرضها شيء آخر.

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

تقسم إرشادات مقيّمي الجودة الصفحة إلى محتوى رئيسي (Main Content) يحقق غرضها مباشرة، وعليه يُقاس الجهد والأصالة والمهارة والدقة، ومحتوى تكميلي (Supplementary Content) يحسّن التجربة دون أن يكون هو الغرض، مثل روابط التنقل. والإعلانات مقبولة، بشرط ألا تحجب المحتوى الرئيسي.

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

العادات التي تساعد خوارزميات التقسيم هي نفسها عادات التصميم الجيد:

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

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