اختيار إعداد الأجهزة الجوّالة

حان وقت التأكّد من أنّ موقعك الإلكتروني يظهر في نتائج البحث. ويمكنك هنا معرفة طريقة تصميم موقعك الإلكتروني ليناسب العديد من الأجهزة ومساعدة محركات البحث في فهم محتواه.

ثلاث طرق لإنشاء موقع إلكتروني متوافق مع الأجهزة الجوّالة

هناك ثلاث تقنيات رئيسية لإنشاء موقع إلكتروني بإمكانه التعامل مع شاشات العرض بجميع الأنواع والمقاسات. وإليكم رسم بياني يقارن بين هذه الطرق الثلاث:

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

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

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

لا يفضّل Google أي تنسيق URL دون آخر، طالما يستطيع جميع وكلاء مستخدم Googlebot الوصول إلى الصفحات وكافة مواد العرض.

للحصول على مزيد من المعلومات حول اختيار تصميم الموقع الإلكتروني المتوافق مع الأجهزة الجوّالة (والوقوف على إيجابيات كل خيار وسلبياته)، اطّلع على إنشاء مواقع إلكترونية للمستهلكين الذين يستخدمون أجهزة بشاشات متعددة.

النقاط الرئيسية للانتقال إلى إصدارات الجوّال

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

  1. إرسال إشارة إلى Google عند تنسيق صفحة لتناسب الجوّال (أو إذا توفرت صفحة مناظرة تمّ تنسيقها لتناسب الجوّال): ويساعد هذا الأمر محرّك البحث Google في عرض المحتوى الذي تقدمه للباحثين على الأجهزة الجوّالة بدقة في نتائج البحث.
  2. إمكانية الزحف إلى الموارد على الدوام: لا تستخدِم ملف robots.txt لحظر دخول محرّكات البحث إلى الملفات المهمّة على موقعك الإلكتروني والتي تساعد في عرض الصفحة (بما في ذلك الإعلانات). وإذا لم يتمكن Googlebot من الدخول إلى موارد الصفحة، مثل CSS أو جافا سكريبت أو الصور، يمكن أن يتعذّر علينا اكتشاف أنّها مصمَّمة للعرض والعمل جيدًا على متصفّح الجوّال. وبعبارة أخرى، قد يتعذّر علينا اكتشاف أنّ الصفحة "متوافقة مع الأجهزة الجوّالة"، وبالتالي لا يتم عرضها بشكل صحيح للمستخدمين على الأجهزة الجوّالة.
  3. تجنُّب الأخطاء الشائعة التي تسبب الإزعاج للزائرين على الأجهزة الجوّالة، مثل عرض فيديوهات غير قابلة للتشغيل (على سبيل المثال، عرض فيديو Flash على أنه محتوى الصفحة البارز). وقد ينخفض ترتيب صفحات الجوّال التي تقدم تجربة سيئة للباحث أو يتم عرضها مصحوبة بتحذير في نتائج البحث على الجوّال. ويتوفّر مزيد من المعلومات في قسم "الأخطاء الشائعة".

فهم الفرق بين الأجهزة

الجوّال: في هذا المستند، يشير "الجوّال" أو "أجهزة الجوّال" إلى الهواتف الذكية، مثل الأجهزة التي تعمل بنظام التشغيل Android أو أجهزة iPhone أو Windows Phone. تتشابه متصفحات الجوّال مع متصفحات سطح المكتب في إمكانية عرض مجموعة كبيرة من مواصفات HTML5، على الرغم من صغر مقاس الشاشة، وفي جميع الحالات تقريبًا يكون الاتجاه التلقائي رأسيًا.

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

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

الهواتف العادية: على هذا النوع من الهواتف، يتعذر على المتصفّحات عرض صفحات الويب العادية المتوافقة مع كمبيوتر سطح المكتب والتي تم ترميزها باستخدام رمز HTML قياسي، من بينها المتصفّحات التي لا تعرض سوى cHTML (iMode)‎ وWML وXHTML-MP.