أفضل الممارسات المتعلّقة بالمواقع الإلكترونية للأجهزة الجوّالة و"الفهرسة التي تعطي أولوية للأجهزة الجوّالة"

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

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

لضمان حصول المستخدمين على أفضل تجربة، ننصحك باتّباع أفضل الممارسات الموضّحة بالتفصيل في هذا الدليل.

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

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

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

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

التأكّد من إمكانية وصول محرّك بحث Google إلى المحتوى وعرضه

احرص على أن يتمكّن Google من الوصول إلى المحتوى والموارد على صفحتك المخصّصة للأجهزة الجوّالة وعرض ذلك المحتوى وتلك الموارد.

• استخدِم علامات meta نفسها لبرامج robots على كلّ من نسخة الموقع الإلكتروني للأجهزة الجوّالة والنسخة المتوافقة مع أجهزة الكمبيوتر. إذا استخدمت علامات meta مختلفة لبرامج robots على الموقع الإلكتروني للأجهزة الجوّالة (ولا سيما علامتَي noindex أو nofollow)، قد يتعذّر على Google الزحف إلى صفحتك وفهرستها عندما تكون "الفهرسة التي تعطي أولوية للأجهزة الجوّالة" مفعّلة على موقعك الإلكتروني.
• لا تستخدم التحميل الكسول للمحتوى الأساسي عند تفاعل المستخدم. لن يحمّل Google محتوًى يتطلب تفاعل المستخدم لتحميله (على سبيل المثال، التمرير السريع أو النقر أو الكتابة). احرص على أن يتمكّن Google من رصد المحتوى الكسول التحميل.
• اسمح لمحرّك بحث Google بالزحف إلى مواردك. تحتوي بعض الموارد على عناوين URL مختلفة لكل من الموقع الإلكتروني للأجهزة الجوّالة والموقع الإلكتروني لأجهزة الكمبيوتر. إذا أردت أن يزحف Google إلى عناوين URL الخاصة بك، احرص على عدم حظر عنوان URL من خلال قاعدة disallow.

التأكّد من أنّ المحتوى الذي يظهر على أجهزة الكمبيوتر المكتبي هو نفسه على الأجهزة الجوّالة

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

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

التحقّق من البيانات المنظَّمة

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

• تأكَّد من أنّ كلاً من الموقع الإلكتروني للأجهزة الجوّالة والموقع الإلكتروني لأجهزة الكمبيوتر المكتبي يحتوي على البيانات المنظَّمة نفسها. إذا كان عليك تحديد أولوية أنواع البيانات التي تضيفها إلى الموقع الإلكتروني للأجهزة الجوّالة، ابدأ بالبيانات المنظَّمة الخاصة بكل من Breadcrumb وProduct وVideoObject.
• استخدِم عناوين URL الصحيحة في البيانات المنظَّمة. احرص على أن تكون عناوين URL في البيانات المنظَّمة على نُسخ موقعك الإلكتروني المخصّصة للأجهزة الجوّالة معدّلة إلى عناوين URL للأجهزة الجوّالة.
• إذا كنت تستعين بأداة "تمييز البيانات"، استخدِمها لمساعدة Google في فهم البيانات المنظَّمة على موقعك الإلكتروني للأجهزة الجوّالة. إذا كنت تستخدم أداة "تمييز البيانات" لتوفير البيانات المنظَّمة، عليك مراجعة لوحة بيانات أداة "تمييز البيانات" بشكل منتظم للاطّلاع على الأخطاء المتعلقة باستخراج البيانات.

إضافة البيانات الوصفية نفسها إلى كلتا النسختين من موقعك الإلكتروني

احرص على أن يكون العنصر title والوصف التعريفي متطابقَين في كلتا النسختين من موقعك الإلكتروني.

التحقّق من موضع إعلاناتك

لا تضِف الإعلانات في مواضع تؤثر سلبًا في ترتيب الصفحات المتوافقة مع الأجهزة الجوّالة. اتّبِع معايير Better Ads عند عرض الإعلانات على الأجهزة الجوّالة. على سبيل المثال، يمكن أن تشْغل الإعلانات مساحة كبيرة جدًا في أعلى الصفحة على الأجهزة الجوّالة، ما يقدّم تجربة سيئة للمستخدم.

التحقّق من المحتوى المرئي

التحقّق من صورك

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

• استخدام صور عالية الجودة: لا تستخدم صورًا صغيرة جدًا أو ذات دقة منخفضة على الموقع الإلكتروني للأجهزة الجوّالة.
• استخدام تنسيق مسموح به للصور: وهذا يعني ألا تستخدم تنسيقات أو علامات غير متوافقة. على سبيل المثال، يتيح Google استخدام صور بتنسيق SVG (رسومات موجّهة يمكن تغيير حجمها)، ولكنّ أنظمتنا لا تستطيع فهرسة صورة بتنسيق jpg. في العلامة <image> داخل رسومات SVG مضمَّنة.
• عدم استخدام عناوين URL تتغير كل مرة تحمِّل فيها الصفحات الصور: لن يتمكّن Google من معالجة الموارد وفهرستها على نحو سليم إذا استخدمت لها عناوين URL تتغيّر باستمرار.
• التأكّد من أنّ الموقع الإلكتروني للأجهزة الجوّالة يحتوي على النص البديل نفسه للصور في الموقع الإلكتروني المتوافق مع أجهزة الكمبيوتر: استخدِم نصًا بديلاً وصفيًا للصور على الموقع الإلكتروني للأجهزة الجوّالة كما تفعل في الموقع الإلكتروني المتوافق مع أجهزة الكمبيوتر.
• الحرص على أن تكون جودة محتوى الصفحات المخصّصة للأجهزة الجوّالة مضاهية لجودة الصفحات المخصّصة لأجهزة الكمبيوتر: استخدِم نفس العناوين الوصفية والشروح التوضيحية وأسماء الملفات والنصوص ذات الصلة بالصور على الموقع الإلكتروني للأجهزة الجوّالة كما تفعل في الموقع الإلكتروني المتوافق مع أجهزة الكمبيوتر.

التحقّق من فيديوهاتك

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

• عدم استخدام عناوين URL تتغير في كل مرة تحمِّل فيها الصفحات الفيديوهات: لن يتمكّن Google من معالجة الموارد وفهرستها على نحو سليم إذا استخدمت لها عناوين URL تتغيّر باستمرار.
• استخدام تنسيق مسموح به للفيديوهات ووضع الفيديوهات في علامات مسموح بها: يتعرّف Google على الفيديوهات في الصفحة من خلال توفُّر علامة HTML، مثل: <video> أو <embed> أو <object>.
• استخدام البيانات المنظَّمة نفسها للفيديو على كل من الموقع الإلكتروني للأجهزة الجوّالة والموقع الإلكتروني لأجهزة الكمبيوتر: للحصول على مزيد من المعلومات، تحقَّق من بياناتك المنظَّمة.
• وضع الفيديو في مكان يسهل العثور عليه في الصفحة عند عرضها على جهاز جوّال: على سبيل المثال، إذا كان على المستخدمين الانتقال للأسفل كثيرًا للعثور على الفيديو في الصفحة المتوافقة مع الأجهزة الجوّالة، قد يؤدي ذلك إلى التأثير سلبًا في ترتيب الفيديو.

المزيد من أفضل الممارسات المتعلقة بعناوين URL المنفصلة

إذا كان موقعك يحتوي على عناوين URL منفصلة لنسختَي أجهزة الكمبيوتر والأجهزة الجوّالة لإحدى الصفحات (تُعرف أيضًا باسم m-dot)، ننصحك باتّباع أفضل الممارسات الإضافية التالية:

• Make sure that the error page status is the same on both the desktop and mobile sites. إذا كانت إحدى الصفحات على الموقع الإلكتروني المتوافق مع أجهزة الكمبيوتر تعرض المحتوى بدون أي أخطاء، بينما تعرض نسخة من هذه الصفحة على الموقع الإلكتروني للأجهزة الجوّالة صفحة خطأ، لن تتوفَّر هذه الصفحة في الفهرس.
• التأكّد من أنّ إصدار الموقع الإلكتروني المتوافق مع الأجهزة الجوّالة لا يتضمّن أجزاء من عناوين URL: الجزء المجزأ هو نهاية عنوان URL الذي يبدأ بالعلامة #. وفي أغلب الأحيان لا يمكن فهرسة عناوين URL المجزأة، ولن تتوفّر هذه الصفحات على الفهرس بعد تفعيل "الفهرسة التي تعطي أولوية للأجهزة الجوّالة" على النطاق.
• التأكَّد من أن إصدار الموقع الإلكتروني المخصّص لأجهزة الكمبيوتر الذي يتضمّن أنواعًا مختلفة من المحتوى له إصدار مكافئ يتوافق مع الأجهزة الجوّالة. في حال إعادة توجيه عناوين URL مختلفة إلى عنوان URL نفسه (مثل الصفحة الرئيسية على الأجهزة الجوّالة)، بعد تفعيل "الفهرسة التي تعطي أولوية للأجهزة الجوّالة" على النطاق، لن تتوفَّر جميع هذه الصفحات على الفهرس.
• تأكيد ملكية نسختَي موقعك الإلكتروني في Search Console لضمان إمكانية وصولك إلى البيانات والرسائل في كلتا النسختين: يمكن أن تتغيّر البيانات في موقعك الإلكتروني عندما يُجري Google فهرسة لموقعك الإلكتروني تعطي أولوية للأجهزة الجوّالة.

• التحقّق من روابط hreflang على عناوين URL منفصلة: عند استخدام عناصرrel=hreflang‏ link بغرض نشر نُسخ بلغات مختلفة من موقعك الإلكتروني، يجب الربط بين عناوين URL للأجهزة الجوّالة بشكل منفصل عن عناوين URL المتوافقة مع أجهزة الكمبيوتر. وعلامة hreflang لعناوين URL للأجهزة الجوّالة يجب أن توجّه المستخدمين إلى عناوين URL للأجهزة الجوّالة، وعلامة hreflang لعناوين URL المتوافقة مع أجهزة الكمبيوتر المكتبي كذلك يجب أن توجّه المستخدمين إلى عناوين URL المتوافقة مع أجهزة الكمبيوتر المكتبي.

  في ما يلي مثال على علامة hreflang للصفحة الرئيسية في موقع إلكتروني يتضمّن عناوين URL منفصلة لنُسختَي الأجهزة الجوّالة وأجهزة الكمبيوتر المكتبي.

  الأجهزة الجوّالة

  في هذا المثال، يكون عنوان URL للموقع الإلكتروني للأجهزة الجوّالة هو https://m.example.com/.

  <link rel="canonical" href="https://example.com/">
  <link rel="alternate" hreflang="es" href="https://m.example.com/es/">
  <link rel="alternate" hreflang="fr" href="https://m.example.com/fr/">
  <link rel="alternate" hreflang="de" href="https://m.example.com/de/">
  <link rel="alternate" hreflang="th" href="https://m.example.com/th/">

  أجهزة الكمبيوتر المكتبي

  في هذا المثال، يكون عنوان URL للموقع الإلكتروني المتوافق مع أجهزة الكمبيوتر المكتبي هو https://example.com/.

  <link rel="canonical" href="https://example.com/">
  <link rel="alternate" media="only screen and (max-width: 640px)" href="https://m.example.com/">
  <link rel="alternate" hreflang="es" href="https://example.com/es/">
  <link rel="alternate" hreflang="fr" href="https://example.com/fr/">
  <link rel="alternate" hreflang="de" href="https://example.com/de/">
  <link rel="alternate" hreflang="th" href="https://example.com/th/">

• احرص على توفُّر سعة كافية في موقعك الإلكتروني للأجهزة الجوّالة لمعالجة الزيادة المُحتمَلة في معدّل الزحف على نسخة موقعك الإلكتروني للأجهزة الجوّالة.
• تأكَّد من أنّ قواعد ملف robots.txt تعمل على النحو المطلوب في كلتا النسختين من موقعك الإلكتروني. يتيح ملف robots.txt لك تحديد الأجزاء المسموح بالزحف إليها وتلك التي لا يُسمح الزحف إليها على الموقع الإلكتروني. وفي معظم الحالات، استخدِم القواعد نفسها في ملف robots.txt لكلّ من نسخة موقعك المتوافقة مع الأجهزة الجوّالة وتلك المتوافقة مع أجهزة الكمبيوتر المكتبي.

• استخدِم العنصرَين الصحيحَين rel=canonical وrel=alternate‏ link بين نسخة موقعك المتوافقة مع الأجهزة الجوّالة وتلك المتوافقة مع أجهزة الكمبيوتر المكتبي. يكون عنوان URL الخاص بأجهزة الكمبيوتر المكتبي هو دائمًا العنوان الأساسي، بينما تمثّل النسخة المتوافقة مع الأجهزة الجوّالة العنوان البديل.

  في ما يلي مثال على rel=canonical وrel=alternate لإعداد موقعك الإلكتروني الذي يتضمّن عناوين URL منفصلة.

  الأجهزة الجوّالة

  في هذا المثال، يكون عنوان URL للموقع الإلكتروني للأجهزة الجوّالة هو https://m.example.com/ ويتضمّن العنصر link الذي يشير إلى عنوان URL الخاص بأجهزة الكمبيوتر على أنّه عنوان URL الأساسي.

  <link rel="canonical" href="https://example.com/">

  أجهزة الكمبيوتر المكتبي

  في هذا المثال، يكون عنوان URL الخاص بالموقع الإلكتروني المتوافق مع أجهزة الكمبيوتر هو https://example.com/ ويتضمّن العنصر link الذي يشير إلى العنوان نفسه على أنّه عنوان URL الأساسي، ويليه عنصر link آخر يشير إلى النسخة المتوافقة مع الأجهزة الجوّالة على أنّها النسخة البديلة من عنوان URL هذا.

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

تحديد المشاكل وحلّها

في ما يلي قائمة بالأخطاء الشائعة التي يمكن أن تحول دون تفعيل "الفهرسة التي تعطي أولوية للأجهزة الجوّالة" على المواقع الإلكترونية أو قد تؤدي إلى انخفاض الترتيب بعد تفعيل طريقة الفهرسة هذه. إذا لم يتم تفعيل "الفهرسة التي تعطي أولوية للأجهزة الجوّالة" على موقعك الإلكتروني حتى الآن ولاحظت انخفاضًا في الترتيب بعد تفعيلها، أو إذا تلقيت رسالة في Search Console، راجِع قائمة الأخطاء الشائعة التالية وأصلِح الأخطاء المحتملة التي قد تواجهك.