Optimal veb səhifənin genişliyi nədir?

Bir veb sayt tərtib etmək və veb səhifə genişliyini optimal genişliyə təyin etmək, söhbətə dəyər bir söhbətdir. Bir çoxunuz blogumun dizaynının genişliyini bu yaxınlarda dəyişdirdiyimə diqqət yetirdiniz. Səhifə genişliyini 1048 pikselə qədər itələdim. Bəziləriniz bu hərəkətlə razılaşmaya bilər - ancaq mövzu genişliyini niyə bu qədər genişləndirdiyimə dair bəzi statistikaları və səbəbləri bölüşmək istədim.

1048 piksel təsadüfi bir rəqəm deyildi.

Səhifəmin genişliyində iki əsas təsir var idi:

  • Youtube genişliyini dəyişdirinYoutube indi daha böyük yerləşdirmə ölçüləri təklif edir. Youtube video səhifəsinin yan çubuğundakı kiçik dişli düyməni basarsanız, mövzu ilə yanaşı daha böyük ölçülər üçün seçimlər təklif olunur. Youtube-da daha yüksək tərifli videolar adi bir yerə çevrildiyi üçün bu videoları bloguma daxil etmək və bacardığım qədər (bütün səhifə genişliyini istifadə etmədən) görüntüləmək istədim.
  • Tipik reklam 125, 250 və 300 piksel genişliklərdə olur. 300 piksel reklam gəlir saytlarında getdikcə daha çox yaranan görünür və onları səliqəli şəkildə yan panelimə daxil etmək istədim.

Əlbətdə, səhifənin, məzmununun və kənar çubuğun solunda və sağında bir neçə dolğu var ... buna görə sehrli rəqəm mənim mövzum üçün 1048 piksel idi:

Optimal Veb Saytı Genişliyi

Oxucu statistikamı yoxladım?

Əlbəttə! Ziyarətçilərimin əksəriyyəti daha aşağı qətnamə ekranlarında işləsəydilər, səhifəmi genişləndirmək barədə mütləq ikinci düşüncəm olardı. En və faizAnalitik paketimdən ekran qətnamələrini çıxardıqdan sonra (Google-da Ziyarətçilər> Brauzer imkanları> Ekran qərarları) nəticələrin bir Excel cədvəlini yaratdım və qətnamə sahəsindən genişliyi təhlil etdim.

Google 1600 × 1200 qətnamə təqdim edir, buna görə hər şeyi “x” in solundan götürməlisiniz, ədədi bir nəticə əldə etmək üçün 1-ə vurun, bunun üzərinə enənləri sıralaya, sonra SUMIF et və neçə ziyarətə bax. baxdığınız dizayn genişliyindən böyük və ya azdır.

= SOL (A2, FIND ("x", A2,1) -1) * 1

Daha kiçik bir qətnamə işləyən oxucuların 22% -ni tərk etdim? Əlbəttə yox! Məzmununuz solda və yan çubuğunuzun düzəldilməsində ən yaxşı şey, məzmununuzun hələ də brauzerlərin əksəriyyətinin genişliyində olmasını təmin etməkdir. Bu vəziyyətdə oxucularımın 99% -i 640 pikseldən daha geniş işləyir, ona görə yaxşıyam! Kenar çubuğunu tamamilə darıxmalarını istəmirəm, amma bu, məzmunun ikinci dərəcəli olmasıdır.

9 Şərhlər

  1. 1

    Mən hibrid tərtibatı və 100% CSS konteyner enini təklif edirəm. Yan panel üçün sabit genişliyə sahib olduğunuz müddətdə başlıq, altbilgi və əsas məzmun sahələri ekranın qalan eninə uyğunlaşacaq. İstifadəçinin monitor rezolyusiyasından asılı olmayaraq hər kəsin brauzer pəncərəsini 100% doldurur. Onda siz artıq pikselləri saymağa və ya monitor qətnamələri ilə bağlı istifadəçi statistikasını izləməyə ehtiyac yoxdur.

    • 2

      Mən hibrid planları çox sevirəm, Bob – lakin təəssüf ki, onlar bəzən faktiki məzmunla yaxşı oynamırlar. Bəlkə də tənbəlliyəm, amma saytımda maksimum və minin 640px olduğunu bilmək mənim üçün daha asandır. Yazıları yazarkən uzanmağı təsəvvür etmək çətindir.

      Məncə, sadəcə şəxsi üstünlük!

  2. 3

    Əsasən, qənaətinizlə razıyam, lakin sabit eni quraşdırmasından istifadə edirəmsə, eni 960 piksellə məhdudlaşdırıram.

    Biri şaquli sürüşdürmə çubuqlarını və əlavə eni tutan digər brauzer qısa yollarını nəzərə almalıdır. 960 piksel daxilində qalmaqla, 1024 piksel genişlikdə ekran həllində soldan sağa sürüşmə olmadığına əmin olmaq olar.

    Andy Ebon

  3. 4
  4. 5

    çox qəribə. Firefox-da saytınızın 1048-də üfüq sürüşdürmə çubuğu var və siz 1090-a çatana qədər təmiz görünmür.

    Google qətnamələrindən olsa da, böyük statistikaya görə təşəkkür edirik

  5. 6

    Madam ki, sənin 1048px olaraq təyin olunarsa, saytınız 1024 ekranda üfüqi sürüşmə çubuqlarına səbəb olur. Düşünürəm ki, 100×728 ölçüsünə uyğun olması üçün yan panelinizin və məzmun sahəsinin enindən (və dolğunluğundan) 1024px uzaqlaşdırmaq daha yaxşı olardı. Bu gün ən yaxşı təcrübə budur.

    Buna qarşı yeganə hal analitik rəqəmlərin bunu dəstəkləməsi ola bilər... lakin siz məqalənizdə bu məlumatları təqdim etmədiyiniz üçün mən deyərdim ki, sizin səhifə dizaynınız qüsurludur.

  6. 7
  7. 8

    Axmaq adam
    Hər kəs hər pəncərəni tam ekranda istifadə etmir – əslində, mən mərc edərdim ki, az adam bunu edir. 

    Məndə sizin bloqunuz 80% küləkdə var… və orada üfüqi sürüşmə çubuğu var

    Və ekrandan kənarda nə var ... görək ... heç nə.

    Beləliklə, sürüşmə çubuğunuz mənasızdır.

    Oxucuları itirməyin asan bir yolu!!

    • 9

      Məzmun @heenan73:disqus səhifəsinin mərkəzində yerləşdirilib, oxucuya tam olaraq ehtiyac duyduqlarını təqdim edir. Əgər mən oxucularımı itirirəmsə, çünki onlar həm məzmunu görə bilirlər, həm də üfüqi sürüşdürürlər... əmin deyiləm ki, onlar axtardığım oxucular idi. Məzmunumuzda onu 1217px-ə itələyən unikal bir şey var, ona görə də mən bunu izləyəcəm və düzəldəcəyəm. Bu yazı əslində əvvəlki mövzu haqqında yazılmışdı. Diqqətimə çatdırdığınız üçün təşəkkür edirəm!

Siz nə düşünürsünüz?

Bu sayt spam azaldılması üçün Akismet istifadə edir. Yorumunuzun necə işləndiyini öyrənin.