كيفية التأكد من أن موقعك يبدو جيدًا على جميع الأجهزة

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

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

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

كيف ترى موقعك على أجهزة مختلفة

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

لن يعرض لك معمل الجهاز الشكل الذي تبدو عليه صفحتك على الأجهزة وأنظمة التشغيل المختلفة فحسب ، بل سيُنشئ تقارير سريعة عن النسبة المئوية للزائرين عبر الأجهزة المحمولة من الأنظمة الأساسية المختلفة. سترى تقارير لأجهزة iPhone 4 / 4S و iPhone 5 و iPhone 6/6 Plus ، بالإضافة إلى أجهزة Samsung Galaxy S3 / S4 / S5 ، وأجهزة الكمبيوتر اللوحية الأكثر شيوعًا اليوم.

كيفية إنشاء موقع متوافق مع الجوال

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

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

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

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

هناك مفاضلات تأتي مع موقع الجوال بالرغم من ذلك. عند إنشاء موقع للجوّال يستخدم عنوان URL ثانٍ ، لا سيما النطاق الفرعي m. ، فإن ظهورك في محركات البحث سيتأثر. لم يتم العثور على Google و Bing من المجال الفرعي m. ، وادفع مشرفي المواقع لاستخدام عنوان URL واحد من أجل رؤية أفضل وتحسين محرك البحث.

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

الخيار الأفضل

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

• التصميم التكيفي: تستثمر الشركات الكبرى بكثافة في التصميم التكيفي. يكتشف موقع الويب التكيفي ويحدد جهاز كل مستخدم في ثوانٍ ، وينشئ صفحة مطابقة لإمكانيات هذا الجهاز المحدد.
• تصميم سريع الاستجابة: باستخدام تقنية Cascading Style Sheets (CSS) ، ينشئ التصميم سريع الاستجابة إصدارًا واحدًا من موقع الويب الخاص بك يتم ضبطه تلقائيًا للعرض بشكل صحيح على معظم الأجهزة ، باستثناء الهواتف المحمولة القديمة. تتميز التصميمات سريعة الاستجابة بالمرونة الكافية لضمان ظهور موقعك بشكل جيد بغض النظر عن حجم العرض أو سرعة المعالج على الجهاز.

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

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