ورقة غش لتصميم الأجهزة المحمولة: التصميم سريع الاستجابة ، والخدمة الديناميكية ومواقع الأجهزة المحمولة

تحديث المحرر (يوليو 2015): في أبريل 2015 ، أجرت Google تحديثًا معلنًا عنه مسبقًا للخوارزمية التي تصنف نتائج بحث الجوال. تعد ملاءمة موقع الويب للجوّال بمثابة إشارة تصنيف مؤكدة لتصنيفات بحث الجوّال. قم بتدوين الملاحظات واجعل موقع الويب الخاص بك متوافقًا مع الأجهزة المحمولة بمساعدة المقالة التالية.

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

الخيار 1: التصميم سريع الاستجابة

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

الايجابيات :

1. هناك نسخة واحدة فقط من كل صفحة. تتكيف الصفحة نفسها مع نوع الجهاز الذي يعرضها (بدلاً من اكتشاف نوع الجهاز ثم تقديم محتوى مختلف بناءً على ذلك). إن وجود نفس HTML وعنوان URL عبر جميع الأجهزة يبسط صيانة موقعك.
2. لا يعتمد التصميم سريع الاستجابة على اكتشاف وكيل المستخدم ، كما يفعل الخياران الآخران. لا يعد اكتشاف وكيل المستخدم (أي اكتشاف المتصفح أو الجهاز الذي يطلب صفحة ويب) أمرًا سيئًا في حد ذاته ، ولكنه ليس مثاليًا ، وإذا كان هناك خلل في العملية ، فقد يحصل المستخدمون على الإصدار الخاطئ من موقعك. بالإضافة إلى ذلك ، فإن هذا يحفظ عناكب محرك البحث من الاضطرار إلى الزحف إلى موقعك كعدة وكلاء مستخدم مختلفين - مما يعني أنه يتم الزحف إلى المزيد من موقعك.
3. يتم تحميل سريع الاستجابة بشكل عام في المتصفحات. نظرًا لأن جميع الأجهزة تحصل على نفس المحتوى ، فلا توجد عملية إعادة توجيه محتملة لاكتشاف وكيل المستخدم. وأي شخص جائع في أي وقت مضى وبحث عن مطعم جيد على هاتفه الذكي يعرف ، السرعة مهمة.

سلبيات:

1. يمكن أن تكون إعادة تصميم موقع موجود عملية طويلة ومكثفة. لذلك ، إذا كان لديك موقع كبير ، فقد لا يكون الانتقال إلى سريع الاستجابة هو الخيار الأفضل.
2. اعتمادًا على تخطيط موقعك ، قد يكون من الصعب للغاية حشر المحتويات على شاشة الهاتف المحمول. تحتفظ مواقع مثل NYTimes.com بمواقع منفصلة للجوّال لأنه من الأسهل تقسيم المحتوى بدلاً من وضعه في صفحة واحدة.
3. لا يتم دائمًا تغيير حجم عناصر التنقل بشكل جيد ؛ لا تعمل عناصر التمرير على شاشة اللمس على الإطلاق. لذا فإن الاستجابة السريعة قد تعني تغيير التنقل.
4. كانت هناك حالات تم فيها تحميل الصفحات المتجاوبة التي تحتوي على الكثير من الصور بشكل أبطأ مع التصميم سريع الاستجابة. يجب أن أؤكد أن هذا ليس هو القاعدة ، لكنه حدث.

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

الخيار 2: التقديم الديناميكي

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

النوع الثاني ، إعادة التوجيه ثنائي الاتجاه ، له رمز على كل من مواقع سطح المكتب والجوال ، مع التأكد من أن أي زائر ، بغض النظر عن الجهاز ، يتم تقديم المحتوى المناسب له. (تسمى هذه الأجزاء من التعليمات البرمجية أحيانًا علامات لوحة التبديل). ويعني التنفيذ وضع علامة rel = ”alternate” على سطح المكتب ، للإشارة إلى موقع الجوال ؛ ووضع علامة rel = ”canonical” على موقع الجوّال للإشارة إلى موقع سطح المكتب.

الايجابيات:

1. نظرًا لأن إعادة التوجيه تتم على مستوى الخادم ، فأنت بحاجة إلى عنوان URL واحد فقط لكل صفحة.
2. تعمل الخدمة الديناميكية أيضًا بشكل جيد مع الهواتف المميزة . وفقًا لتعريف موقع PCMag.com ، فإن الهاتف المميز هو "هاتف محمول يحتوي على مجموعة ثابتة من الوظائف بخلاف المكالمات الصوتية والرسائل النصية ، ولكنها ليست شاملة مثل الهاتف الذكي." على سبيل المثال ، لا يمكن للهواتف المميزة عادةً تنزيل التطبيقات ، ولكن عادةً ما يكون لديها بعض إمكانات تصفح الويب. وفقًا لـ Google ، يتمثل الاختلاف الأكبر في أن الهواتف المميزة لا يمكنها معالجة CSS ، لذلك لا يمكنها التعامل مع التصميم سريع الاستجابة بشكل جيد للغاية. لذلك من المهم أن تعرف جمهورك ونوع الأجهزة المحمولة التي يستخدمونها.
3. إذا كنت ترغب في الحصول على مجموعة منفصلة من الكلمات الرئيسية خصيصًا لمستخدمي الهاتف المحمول ، فسيتيح لك هذا الخيار القيام بذلك نظرًا لأن مستخدمي الأجهزة المحمولة ومستخدمي سطح المكتب يشاهدون HTML مميزًا. (يحتوي موقع Search Engine Land على مقال رائع يناقش الكلمات الرئيسية الخاصة بالجوال.)

سلبيات:

1. تضاعف إعادة التوجيه الديناميكي أعمال صيانة موقعك لأنها تنشئ موقعًا منفصلاً للجوال ، مع مجموعة منفصلة من HTML المفهرسة التي تتطلب مشروعًا منفصلاً لتحسين محركات البحث.
2. تتطلب القائمة الضرورية لسلاسل وكيل المستخدم أيضًا صيانة مستمرة ، حيث يجب إضافة سلاسل جديدة كلما تم إصدار جهاز محمول جديد.
3. أخيرًا ، ضع في اعتبارك أنك ستحتاج إلى استخدام رأس "Vary HTTP-User Agents" إذا كان موقعك يقدم محتوى ديناميكيًا. يساعد الرأس في تقديم المحتوى بشكل صحيح ويساعد المحركات على تخزينه مؤقتًا بشكل صحيح. لدى Google تفاصيل حول كيفية إضافة هذا العنوان.

الخيار 3: موقع للجوال

يتضمن هذا الخيار ، كما يوحي الاسم ، إنشاء مجال منفصل خصيصًا لمستخدمي الأجهزة المحمولة. الأمثلة الأكثر شيوعًا هي m.domain.com أو mobile.domain.com . إنه خيار شائع لكبار تجار التجزئة ؛ تشير بريدجيت راندولف إلى أن "73٪ من مواقع الويب التي تم تصنيفها في أفضل 100000 موقع في Quantcast استخدمت عمليات إعادة توجيه عناوين URL إلى عنوان URL خاص بالجوال." مثل العرض الديناميكي ، تتضمن هذه التقنية تطوير محتوى خصيصًا للزائرين باستخدام جهاز محمول ؛ ومع ذلك ، تختلف عناوين URL الخاصة بموقع الجوّال المنفصل ، لذلك لا توجد إعادة توجيه على مستوى الخادم.

الايجابيات:

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

سلبيات :

1. لن يستفيد موقع الجوال الخاص بك من أي ملف تعريف إيجابي للرابط الخلفي أنشأه موقع سطح المكتب الخاص بك (إلا إذا قمت بتنفيذ عمليات إعادة توجيه ثنائية الاتجاه). لذلك إذا كنت تتطلع إلى جعل مستخدمي الجوال يجدونك في البحث العضوي ، فقد تكون هذه نكسة حقيقية.
2. سيتطلب موقع الجوال الخاص بك بعض أعمال تحسين محركات البحث الإضافية. سيتعين عليك إرسال خريطة موقع XML منفصلة إلى أدوات مشرفي المواقع من Google و Bing. بالإضافة إلى ذلك ، فإن الشاشات الأصغر تعني SERPs أصغر ، لذلك قد تحتاج إلى تعديل علامات التعريف الخاصة بك. يجب أن تكون العلامات الوصفية الخاصة بالجوال أقصر من تلك الخاصة بموقع سطح المكتب.

كما ترى ، تمت إعادة تنسيق المحتوى وتقليصه بشكل كبير لجعله قابلاً للقراءة على جهاز محمول.

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

للحصول على معلومات حول كيفية تحسين صفحاتك للسرعة وتحسين محركات البحث على الأجهزة المحمولة ، نوصي بالبدء بهذه الموارد:

• قائمة مراجعة التصميم وتحسين محركات البحث للجوّال All-In-One
• 7 من أفضل ممارسات التنقل المتوافق مع الجوّال
• دليل تحسين محركات البحث: تحسين محركات البحث على الجوّال وتجربة المستخدم
• تحسين الصورة: الشيء الأول الذي يمكنك القيام به لتحسين تجربة المستخدم على الأجهزة المحمولة
• دليل الجوال لمشرفي المواقع بواسطة مطوري Google