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

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

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

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

ننصح بشكل عام استخدام تصميم ويب سريع الاستجابة. وهذا يعني أن المواقع الإلكترونية ستعرض رمز 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" />

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

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

ملفات Sitemap

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