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

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

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

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

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

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