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

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

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

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

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

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

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

يمكن للموقع الإلكتروني عرض صفحات متباينة (على سبيل المثال، تنسيق مختلف من HTML وCSS وJavaScript) على أجهزة مختلفة. ويمكن عرض هذه الصفحات على عنوان 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 البديلة للهواتف الذكية كما هي بدون تغيير.