ما هو العرض الأمثل لصفحة الويب؟

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

1048 بكسل لم يكن رقمًا عشوائيًا.

كان هناك تأثيران رئيسيان في توسيع عرض صفحتي:

  • تغيير عرض يوتيوبيقدم Youtube أحجام تضمين أكبر الآن. إذا قمت بالنقر فوق الترس الصغير الموجود على الشريط الجانبي لصفحة فيديو Youtube ، فستتوفر لك خيارات للأحجام الأكبر بالإضافة إلى المظهر. نظرًا لأن مقاطع الفيديو عالية الدقة أصبحت شائعة على Youtube ، فقد أردت دمج مقاطع الفيديو هذه في مدونتي وعرضها بأكبر قدر ممكن من التفاصيل (دون استهلاك عرض الصفحة بالكامل).
  • يأتي الإعلان النموذجي بعرض 125 و 250 و 300 بكسل. يبدو أن 300 بكسل تظهر أكثر فأكثر على مواقع إيرادات الإعلانات وأردت دمجها بدقة في الشريط الجانبي الخاص بي.

وبالطبع ، هناك بعض المساحة المتروكة على يسار ويمين الصفحة والمحتوى والشريط الجانبي ... لذا كان الرقم السحري 1048 بكسل لموضوعي:

العرض الأمثل لموقع الويب

هل راجعت إحصائيات القارئ؟

نعم بالطبع! إذا كان غالبية زواري يستخدمون شاشات منخفضة الدقة ، فمن المؤكد أنني كنت سأفكر في توسيع صفحتي. العرض والنسبة المئويةبعد إخراج دقة الشاشة من حزمة التحليلات الخاصة بي (في Google ، الزوار> إمكانيات المتصفح> دقة الشاشة) ، قمت بإنشاء جدول بيانات Excel للنتائج وقمت بتحليل العرض من حقل الدقة.

توفر Google دقة تبلغ 1600 × 1200 ، لذلك تحتاج إلى أخذ كل شيء من يسار "x" ، وضربها في 1 لجعلها نتيجة رقمية حتى تتمكن من الفرز تنازليًا عليها ، ثم قم بإجراء SUMIF ومعرفة عدد الزيارات أكبر من عرض التصميم الذي تبحث عنه أو أقل منه.

= LEFT (A2، FIND ("x"، A2,1،1) -1) * XNUMX

هل تخليت عن نسبة 22٪ من القراء الذين يستخدمون دقة أقل؟ بالطبع لا! الشيء الجميل في التصميم مع ترك المحتوى الخاص بك والشريط الجانبي الأيمن هو أنه يمكنك التأكد من أن المحتوى الخاص بك لا يزال في نطاق عرض غالبية المتصفحات. في هذه الحالة ، يعمل 99٪ من قرائي بعرض أكبر من 640 بكسل ، لذا فأنا جيد! لا أريدهم أن يفوتوا الشريط الجانبي تمامًا ، لكن هذا ثانوي بالنسبة للمحتوى.

9 تعليقات

  1. 1

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

    • 2

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

      مجرد تفضيل شخصي أعتقد!

  2. 3

    بشكل أساسي ، أتفق مع استنتاجك ، ولكن إذا كنت أستخدم إعداد عرض ثابت ، فأنا أقصر العرض على 960 بكسل.

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

    اندي ابون

  3. 4
  4. 5

    غريب جدا. في Firefox ، يحتوي موقعك على شريط تمرير أفقي عند 1048 ، ولا يتمتع بمظهر نظيف حتى تصل إلى 1090.

    شكرًا للإحصائيات الرائعة على الرغم من قرارات Google

  5. 6

    نظرًا لأنك حصلت على مضبوطًا على 1048 بكسل ، يتسبب موقعك في أشرطة تمرير أفقية على شاشة 1024. أعتقد أنه كان من الأفضل إزالة 100 بكسل من العرض (والحشو) للشريط الجانبي ومنطقة المحتوى بحيث تتناسب مع 728 × 1024. هذا هو أفضل ممارسة اليوم.

    القضية الوحيدة ضد هذا ستكون إذا كانت أرقام التحليلات تدعم ذلك ... ولكن نظرًا لأنك لم تقدم هذه البيانات في مقالتك ، فأنا أقول إن تصميم صفحتك معيب.

  6. 7
  7. 8

    رجل سخيف
    لا يستخدم الجميع كل نافذة بملء الشاشة - في الواقع ، أراهن أن القليل منهم يفعل ذلك. 

    لدي مدونتك في ويندو بنسبة 80٪ ... وهناك ، شريط تمرير أفقي

    وما هو خارج الشاشة ... لنرى ... لا شيء.

    لذا فإن شريط التمرير الخاص بك لا معنى له.

    طريقة واحدة سهلة لتفقد القراء !!

    • 9

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

ما رأيك؟

يستخدم هذا الموقع نظام Akismet لتقليل الرسائل الضارة. تعرف كيف تتم معالجة بيانات تعليقك.