تحسين محركات بحث الجوال للأجهزة الأخرى

الأجهزة اللوحية

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

تصميم الويب السريع الاستجابة

نوصي بشكل عام باستخدام تصميم ويب سريع الاستجابة. وهذا يعني أن مواقع الويب ستعرض شفرة HTML نفسها على جميع الأجهزة بالإضافة إلى قواعد مختلفة لأنماط CSS لتحسين واجهة الموقع على أجهزة سطح المكتب والهواتف الذكية والأجهزة اللوحية.

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

محتوى مخصص للجهاز

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

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

إذا كان موقعك الإلكتروني يشتمل على مواقع مُحسنة للأجهزة اللوحية، فيمكن أن تساعدك الإرشادات التالية في تهيئة موقعك:

  • العرض الديناميكي: في هذه الحالة، يتم عرض عناوين URL نفسها لمستخدمي سطح المكتب والهواتف الذكية والأجهزة اللوحية من خلال عرض صفحات HTML (وCSS) مختلفة استنادًا إلى وكيل المستخدم. وكما هو موضح في توصياتنا للمواقع المخصصة للهواتف الذكية، فإننا ننصح بأهمية استخدام رأس Vary HTTP.
  • عناوين URL المستقلة المخصصة للأجهزة اللوحية: في هذه الحالة، ننصحك بأهمية السماح لبرنامج Googlebot بالزحف إلى عناوين URL بإصدار الأجهزة اللوحية واستخدام rel="canonical"‎ في كل عنوان URL لتلك الأجهزة بغرض التوجيه إلى عنوان URL مكافئ بإصدار سطح المكتب.

الهواتف العادية

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

كما نوصي بأن تتضمن أي صفحة تستهدف الهواتف العادية علامة <link rel="alternate" media="handheld"> على النحو الموضَّح أدناه.

يوضح هذا القسم كيفية تطبيق كل تهيئة من هذه التهيئات.

العرض الديناميكي

عند تهيئة خادمك ـ من أجل عرض محتويات مخصصة للهواتف المميزة ديناميكيًا على عنوان URL نفسه الذي يتم عرضه للأجهزة الأخرى ـ تُستخدم طريقة التطبيق نفسها التي كانت مستخدمة عند عرض المحتوى للهواتف الذكية. يجب أن يتضمّن الخادم رأس استجابة HTTP‏ "Vary: User-agent" كما يجب عليك أيضًا الانتباه إلى المخاطر الشائعة التي قد تنجم عند اكتشاف وكلاء المستخدم. علاوة على ذلك، ضع العلامة التالية في صفحتك:

<link rel="alternate" media="handheld" href="[current page URL]" />

عناوين URL المنفصلة

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

تهيئة عناوين URL المخصصة

من خلال هذه التهيئة، سيكون الإعداد على النحو التالي:

  • http://www.example.com/page-1 يتم عرضه لمستخدمي سطح المكتب
  • http://m.example.com/page-1 يتم عرضه لمستخدمي الهواتف الذكية
  • http://phone.example.com/page-1 يتم عرضه لمستخدمي الهواتف العادية

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

في www.example.com/page-1، أضف ما يلي:

<link rel="alternate" media="only screen and (max-width: 640px)" href="http://m.example.com/page-1" />
<link rel="alternate" media="handheld" href="http://phone.example.com/page-1" />

في m.example.com/page-1، أضف ما يلي:

<link rel="canonical" href="http://www.example.com/page-1" />

في phone.example.com/page-1، أضف ما يلي:

<link rel="canonical" href="http://www.example.com/page-1" />

تهيئة عناوين URL مخصصة لسطح المكتب وكل أنواع هواتف الجوّال

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

  • http://www.example.com/page-1 يتم عرضه لمستخدمي سطح المكتب
  • http://m.example.com/page-1 يتم عرضه لمستخدمي أجهزة الهواتف الذكية والهواتف العادية

في هذه الحالة، سيكون التعليق التوضيحي على http://www.example.com/page-1 على النحو التالي:

<link rel="alternate" media="only screen and (max-width: 640px)" href="http://m.example.com/page-1" />
<link rel="alternate" media="handheld" href="http://m.example.com/page-1" />

في صفحة m.example.com، يجب تضمين:

<link rel="canonical" href="http://www.example.com/page-1" />

يجب تضمين هذا rel="canonical" في كل الصفحات بغض النظر عما إذا كانت صفحات هواتف عادية أو صفحات هواتف ذكية أو غير ذلك.

يجب على الخادم تضمين رأس HTTP‏ "Vary: User-agent" في استجابته. وبذلك يتم إرسال إشارة إلى ذاكرة التخزين المؤقت على الإنترنت وبرنامج Googlebot توضح أن استجابة الخادم قد تختلف بناءً على وكيل المستخدم. وسيستخدم برنامج Googlebot للجوّال هذه الإشارة للزحف.

تهيئة عناوين URL منفصلة للهواتف العادية

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

  • http://www.example.com/page-1 يتم عرضه لمستخدمي أجهزة سطح المكتب والهواتف الذكية
  • http://m.example.com/page-1 يتم عرضه لمستخدمي الهواتف العادية

في هذه الحالة، سيكون التعليق التوضيحي على http://www.example.com/page-1 على النحو التالي:

<link rel="alternate" media="handheld" href="http://m.example.com/page-1" />

وعلى http://m.example.com/page-1 سيكون:

<link rel="canonical" href="http://www.example.com/page-1" />

عمليات إعادة التوجيه ورأس HTTP Vary

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

ملفات Sitemap

تظل توصياتنا المتعلقة باستخدام كل من ملفات Sitemap للهواتف العادية وملفات Sitemap لعناوين URL البديلة للهواتف الذكية كما هي بدون تغيير.

إرسال تعليقات حول...