لسنوات حتى الآن ، يقول الخبراء أن حركة المرور إلى مواقع الويب من الزائرين على أجهزة الجوّال تتزايد بشكل كبير. لهذا السبب ، بدأت العديد من الشركات بذكاء في تبني استراتيجية الهاتف المحمول لوجودها عبر الإنترنت ، وخلق تجارب مناسبة للهاتف والأجهزة المحمولة الأخرى.
بمجرد قضاء الوقت في تعلم كيفية ذلك تصميم صفحات الويب للهواتف المحمولة، وتنفيذ استراتيجيتك ، ستحتاج أيضًا إلى التأكد من أن زوار موقعك يمكنهم رؤية تلك التصميمات. هناك العديد من الطرق التي يمكنك من خلالها القيام بذلك وبعضها يعمل بشكل أفضل من البعض الآخر. إليك نظرة على الطريقة التي يمكنك استخدامها لتنفيذ دعم الهاتف المحمول على مواقع الويب الخاصة بك - جنبًا إلى جنب مع توصية بالقرب من النهاية حول أفضل طريقة لتحقيق ذلك على الويب اليوم.
قم بتوفير ارتباط إلى إصدار موقع آخر
هذه ، إلى حد بعيد ، أسهل طريقة للتعامل مع مستخدمي الهواتف المحمولة. بدلاً من القلق بشأن ما إذا كان بإمكانهم رؤية صفحاتك أم لا ، ببساطة ضع رابطًا في مكان ما بالقرب من أعلى الصفحة يشير إلى إصدار محمول منفصل لموقعك. ثم يمكن للقراء الاختيار الذاتي سواء كانوا يريدون رؤية إصدار الهاتف المحمول أو متابعة الإصدار "العادي".
تكمن فائدة هذا الحل في سهولة تنفيذه. يتطلب منك إنشاء إصدار محسن للجوال ثم إضافة ارتباط في مكان ما بالقرب من أعلى صفحات الموقع العادية.
العيوب هي:
- يجب عليك الاحتفاظ بنسخة منفصلة من الموقع لمستخدمي الهاتف المحمول. مع زيادة حجم موقعك ، قد تنسى الاحتفاظ بهذا الإصدار الثاني وقد تخرج مواقعك عن المزامنة.
- هل تقوم أيضًا بإنشاء إصدار ثالث للأجهزة اللوحية؟ ماذا عن النسخة الرابعة ل يمكن ارتداؤها? يمكن أن يخرج مفهوم الإصدارات الخاصة بالجهاز عن نطاق السيطرة بسرعة كبيرة.
- يجب عليك وضع رابط قبيح في أعلى الصفحة بحيث يمكن للقراء الذين لا يستخدمون الهاتف المحمول رؤيته (وربما النقر فوقه).
في نهاية المطاف ، يعد هذا النهج أسلوبًا قديمًا ومن غير المرجح أن يكون جزءًا من استراتيجية الهاتف المحمول الحديثة. يتم استخدامه أحيانًا كإصلاح مؤقت أثناء تطوير حل أفضل ، ولكنه في الحقيقة أداة مساعدة قصيرة المدى في هذه المرحلة.
استخدم JavaScript
في شكل مختلف من النهج المذكور أعلاه ، يستخدم بعض المطورين نوعًا من اكتشاف المتصفح البرنامج النصي لاكتشاف ما إذا كان العميل على جهاز محمول ثم إعادة توجيهه إلى هذا الهاتف المحمول المنفصل موقع. المشكلة مع المتصفح أجهزة الكشف والأجهزة المحمولة هي أن هناك الآلاف من الأجهزة المحمولة هناك. لمحاولة اكتشافهم جميعًا باستخدام جافا سكريبت واحد ، يمكن أن تحول جميع صفحاتك إلى كابوس للتنزيل - وما زلت عرضة للعديد من نفس العيوب مثل النهج المذكور أعلاه.
استخدم CSSmedia Handheld
يبدو الأمر CSSmedia اليدوي وكأنه طريقة مثالية للعرض CSS الأنماط للأجهزة المحمولة فقط - مثل الهواتف المحمولة. يبدو هذا كحل مثالي لعرض الصفحات للأجهزة المحمولة. تكتب صفحة ويب واحدة ثم تقوم بإنشاء ورقتي أنماط. الأول من أجل نوع وسائط "الشاشة" هو نمط صفحتك للشاشات وشاشات الكمبيوتر. والثاني هو تصميم صفحتك للأجهزة الصغيرة مثل الهواتف المحمولة. يبدو سهلاً ، لكنه لا يعمل حقًا من الناحية العملية.
أكبر ميزة لهذه الطريقة هي أنك لست مضطرًا للاحتفاظ بنسختين من موقع الويب الخاص بك. أنت فقط تحافظ على واحد ، و ورقة الأنماط يحدد كيف يجب أن يبدو - وهو في الواقع يقترب من الحل النهائي الذي نريده.
تكمن مشكلة هذه الطريقة في أن العديد من الهواتف لا تدعم نوع الوسائط - فهي تعرض صفحاتها بنوع وسائط الشاشة بدلاً من ذلك. والعديد من الهواتف المحمولة والأجهزة المحمولة القديمة لا تدعم CSS على الإطلاق. في النهاية ، هذه الطريقة غير موثوقة وبالتالي نادرًا ما تستخدم لتقديم إصدارات محمولة من موقع ويب.
استخدم PHP و JSP و ASP لاكتشاف وكيل المستخدم
هذه طريقة أفضل بكثير لإعادة توجيه مستخدمي الجوال إلى ملف اصدار المحمول من موقع الويب لأنه لا يعتمد على لغة برمجة نصية أو CSS لا يستخدمها الجهاز المحمول. بدلاً من ذلك ، يستخدم لغة من جانب الخادم (PHP ، و ASP ، و JSP ، و ColdFusion ، وما إلى ذلك) للنظر في وكيل المستخدم ثم تغيير طلب HTTP للإشارة إلى صفحة الجوال إذا كانت جهازًا محمولاً.
قد يبدو رمز PHP البسيط للقيام بذلك كما يلي:
تكمن المشكلة هنا في وجود الكثير والكثير من وكلاء المستخدم المحتملين الآخرين الذين تستخدمهم الأجهزة المحمولة. سيقوم هذا البرنامج النصي بالتقاط وإعادة توجيه الكثير منهم ولكن ليس جميعًا بأي وسيلة. ويتم إضافة المزيد في كل وقت.
بالإضافة إلى ذلك ، كما هو الحال مع الحلول الأخرى المذكورة أعلاه ، لا يزال يتعين عليك الاحتفاظ بموقع جوال منفصل لهؤلاء القراء! هذا العيب في الاضطرار إلى إدارة موقعين (أو أكثر!) هو سبب كافٍ للبحث عن حل أفضل.
استخدم WURFL
إذا كنت لا تزال عازمًا على إعادة توجيه مستخدمي الهاتف المحمول إلى موقع منفصل ، فحينئذٍ WURFL (ملف الموارد العالمي اللاسلكي) هو حل جيد. هذا ملف XML (وهو الآن ملف DB) والعديد من مكتبات DBI التي لا تحتوي فقط على بيانات وكيل المستخدم اللاسلكية المحدثة ولكن أيضًا الميزات والإمكانيات التي يدعمها وكلاء المستخدم.
لاستخدام WURFL ، يمكنك تنزيل ملف تكوين XML ثم اختيار لغتك وتنفيذ واجهة برمجة التطبيقات على موقع الويب الخاص بك. هناك أدوات لاستخدام WURFL مع Java و PHP و Perl و Ruby و Python و Net و XSLTو C ++.
تتمثل فائدة استخدام WURFL في أن هناك الكثير من الأشخاص يقومون بالتحديث والإضافة إلى ملف التكوين طوال الوقت. لذلك ، بينما يكون الملف الذي تستخدمه قديمًا تقريبًا قبل الانتهاء من تنزيله ، فمن المحتمل أنك إذا قمت بذلك قم بتنزيله مرة واحدة في الشهر أو نحو ذلك ، وستحصل على جميع متصفحات الهاتف المحمول التي يستخدمها القراء عادةً بدون أي متصفحات مشاكل. الجانب السلبي ، بالطبع ، هو أنه يتعين عليك تنزيل هذا التحديث وتحديثه باستمرار - كل ذلك حتى تتمكن من توجيه المستخدمين إلى موقع ويب ثانٍ والعيوب التي تخلقه.
أفضل حل هو التصميم سريع الاستجابة
إذا لم يكن الجواب صيانة مواقع مختلفة لأجهزة مختلفة ، فما هو الحل؟ تصميم ويب سريع الاستجابة.
التصميم سريع الاستجابة هو المكان الذي تستخدم فيه استعلامات وسائط CSS لتحديد أنماط للأجهزة ذات العروض المختلفة. يتيح لك التصميم سريع الاستجابة إنشاء صفحة ويب واحدة لمستخدمي الأجهزة المحمولة وغير المحمولة. ثم لا داعي للقلق بشأن المحتوى الذي سيتم عرضه على موقع الجوال أو تذكر نقل آخر التغييرات إلى موقع الجوال الخاص بك. بالإضافة إلى ذلك ، بمجرد كتابة CSS ، لن تضطر إلى تنزيل أي شيء جديد.
قد لا يعمل التصميم المتجاوب بشكل مثالي على الأجهزة والمتصفحات القديمة للغاية (معظمها يستخدم قليلًا جدًا اليوم ولا ينبغي أن يكون مصدر قلق كبير بالنسبة لك) ، ولكن لأنه كذلك مضاف (إضافة أنماط إلى المحتوى ، بدلاً من إزالة المحتوى) سيظل هؤلاء القراء قادرين على قراءة موقع الويب الخاص بك ، ولن يبدو مثاليًا على أجهزتهم القديمة أو المتصفح.