تخطَّ إلى المحتوى الرئيسي
Meticulosity Global

HubSpot

ما أداة HubSpot Website Grader لتقييم المواقع، وكيف تعمل؟


تمنح أداة Website Grader من HubSpot درجات للأداء وتحسين محركات البحث والتوافق مع الجوال والأمان. إليك ما تفحصه هذه الفئات الأربع، وما تُغفله الدرجة الجيدة.

بقلم د. أحمد مراديحُدِّث في 29 أكتوبر 20263 دقيقة قراءة

اقرأ هذا بالإنجليزية(English)

طاولة اجتماعات خشبية بيضاء مصقولة تمتد عبر الإطار، تزينها رسوم بيانية تجريدية لخطوط صاعدة ومنحنيات ناعمة.

أبرز النقاط

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

أداة HubSpot Website Grader طريقة سريعة ومجانية لمعرفة مواضع القصور التقني في موقعك. وجّهها إلى رابط، فترسل إليك بالبريد خلال ثوانٍ درجة وقائمة بإصلاحات محددة. إنها نقطة انطلاق مفيدة فعلاً، لكنها أيضاً أداة أضيق نطاقاً مما توحي به درجتها الإجمالية الواحدة، خصوصاً لموقع يعمل بأكثر من لغة.

كيف يعمل التقرير

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

ما الذي تفحصه أداة Website Grader

تقيّم الأداة أربع فئات بالضبط، ولا يدخل في الدرجة شيء خارجها:

  • الأداء: حجم الصفحة، ووزن الصور، والتخزين المؤقت في المتصفح، وسلاسل إعادة التوجيه، وعدد الطلبات، وملفات JavaScript أو CSS غير المحسّنة.
  • تحسين محركات البحث: هل الموقع قابل للفهرسة، وهل تؤدي الأوصاف التعريفية ونصوص الروابط دورها، وهل هناك إضافة مثبتة تعمل بصمت ضد تحسين محركات البحث.
  • الجاهزية للجوال: حجم الخط، واستجابة التخطيط لأحجام الشاشات، وهل تفصل بين الأزرار والروابط مسافات تناسب الإبهام لا مؤشر الفأرة.
  • الأمان: تغطية HTTPS، وهل ما زالت أي مكتبة JavaScript من طرف ثالث تُحمَّل عبر اتصال غير آمن.

لا يدخل في الدرجة شيء عن العلامة التجارية، أو كتابة النصوص، أو تصميم التحويل، أو جودة المحتوى. إنها فحص للصحة التقنية، لا مراجعة للتصميم.

ما لا تخبرك به الدرجة الجيدة في موقع ثنائي اللغة

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

وهذه بعض الصور التي يظهر بها ذلك عملياً:

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

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

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

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

استخدم الدرجة نقطة انطلاق

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

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

والجمع بين الفحص الآلي ومراجعة متخصصة ثنائية الاتجاه، تفحص تعامل القالب مع dir، واستراتيجية الخطوط، وطريقة عرض النص مختلط الاتجاه فعلاً، هو عمل من صميم تصميم وتطوير المواقع، لا شيء تستطيع أداة فحص الروابط القيام به. Meticulosity Global شريك HubSpot من فئة Diamond، وهي صفة لا يحملها إلا أقل من 3% من الشركاء حول العالم؛ تواصل معنا إن أردت أن يُقيَّم النصف العربي من موقعك تقييماً صحيحاً أيضاً.

المصادر

  1. HubSpot: Introducing the New Website Grader (يفتح في علامة تبويب جديدة)
  2. HubSpot Developers: Multi-language Content (يفتح في علامة تبويب جديدة)
  3. Unicode: UAX #9, The Bidirectional Algorithm (يفتح في علامة تبويب جديدة)
  4. web.dev: Reduce Webfont Size (يفتح في علامة تبويب جديدة)

الأسئلة الشائعة

ما الذي تفحصه أداة HubSpot Website Grader تحديداً؟

أربع فئات: الأداء (مثل حجم الصفحة، ووزن الصور، وإعادات التوجيه، وعدد الطلبات)، وتحسين محركات البحث (حالة الفهرسة، والأوصاف التعريفية meta descriptions، ونصوص الروابط، والإضافات التي تضر بتحسين محركات البحث)، والجاهزية للجوال (الاستجابة لأحجام الشاشات، وحجم الخط، والمسافات بين عناصر اللمس)، والأمان (HTTPS، والنصوص البرمجية غير الآمنة من أطراف ثالثة). أدخل رابطاً وعنوان بريد إلكتروني، فيصلك خلال ثوانٍ تقرير بالدرجة وبإصلاحات محددة لكل مجال.

هل أداة HubSpot Website Grader مجانية؟

نعم، ولا يتطلب تشغيلها حساباً على HubSpot. أدخل رابط الموقع وعنوان بريد إلكتروني لتستلم التقرير.

هل تعني الدرجة الجيدة في Website Grader أن موقعي يعمل جيداً بالعربية؟

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

لماذا قد تحصل صفحة عربية على درجة سيئة في الأداء رغم أن تصميمها يبدو سليماً؟

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

تصميم وتطوير المواقع

هل موقعك مبني على النظام نفسه الذي يعمل عليه CRM لديك؟

الموقع الذي يعمل خارج HubSpot يعني أن النماذج والتتبع والتخصيص لا تتصل اتصالاً كاملاً بخط مبيعاتك. نصمم ونبني على HubSpot CMS: صفحات الهبوط وبنية الموقع والتتبع الذي يستطيع فريق المبيعات التصرف بناءً عليه.