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 bu yaxınlarda blogumun dizaynının genişliyini 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 ö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 (səhifə genişliyini tükənmə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ə yan ç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 və yan çubuğunuzun düzəldilməsi ilə əlaqəli ə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

    Hibrid bir düzən və CSS konteyner eni 100% təklif edirəm. Kenar çubuğu üçün sabit bir genişlik əldə etdiyiniz müddətdə başlıq, altbilgi və əsas məzmun sahələri ekranın qalan genişliyinə uyğunlaşacaq. İstifadəçinin monitor qətnaməsindən asılı olmayaraq hər kəsin brauzer pəncərəsini 100% doldurur. Daha sonra piksel saymaq və ya monitor qətnamələri ilə bağlı istifadəçi statistikasını izləmək lazım deyil.

    • 2

      Bob, hibrid planları çox sevirəm, amma təəssüf ki, bəzən həqiqi məzmunla yaxşı oynamırlar. Bəlkə də tənbələm, amma saytımda max və min-in 640 piksel olduğunu bilmək daha asandır. Mən yazıları yazarkən uzanmağı təsəvvür etmək çətindir.

      Sadəcə fərdi seçim edirəm!

  2. 3

    Əslində, bu qənaətinizlə razıyam, ancaq sabit bir eni düzəltməsindən istifadə edirəmsə, eni 960 piksellə məhdudlaşdırıram.

    Şaquli sürüşmə çubuqlarını və əlavə genişlik götürən digər brauzer qısayol çubuqlarını hesablamaq lazımdır. 960 piksel daxilində qalmaqla, 1024 piksel genişlikli bir ekran ölçüsündə soldan sağa sürüşmə olmadığından əmin olmaq mümkündür.

    Andy Ebon

  3. 4
  4. 5

    çox qəribə Firefox-da saytınızın üfüqi sürüşmə zolağı 1048-dədir və 1090-a çıxana qədər təmiz görünüşə sahib deyil.

    Google qətnamələrinə baxmayaraq əla statistikalar üçün təşəkkür edirik

  5. 6

    Siz var olduğundan 1048px olaraq təyin olunduqda, saytınız 1024 ekranda üfüqi sürüşmə çubuqlarına səbəb olur. Düşünürəm ki, 100 × 728-ə uyğun olması üçün yan çubuğunuzun və məzmununuzun genişliyindən (və doldurulmasından) 1024 piksel uzaqlaşdırmaq daha yaxşı olardı. Bu gün ən yaxşı təcrübə budur.

    Buna qarşı tək iddia analitik rəqəmlər tərəfindən dəstəklənərsə olacaq ... ancaq məqalənizdə bu məlumatları vermədiyiniz üçün səhifə dizaynınızın səhv olduğunu söyləyərdim.

  6. 7
  7. 8

    Aptal adam
    Hər kəs hər pəncərəni tam ekranda istifadə etmir - əslində o qədər az adamın oynayacağını düşünürəm. 

    Mən sizin blogunuzda% 80-lə bir rüzgarda ... və orada üfüqi bir sürüşmə çubuğu var

    Və ekranda nələr var ... imkan verir ... heç nə.

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

    Oxucu itirməyin asan bir yolu !!

    • 9

      Məzmun @ heenan73: disqus səhifəsində mərkəzləşdirilir və oxucuya tam ehtiyac duyduqlarını təmin edir. Həm məzmunu, həm də üfüqi bir sürüşmə çubuğunu görə bildikləri üçün oxucularımı itirirəmsə ... axtardığım oxucu olduğuna əmin deyiləm. Məzmunun içərisində mütləq bənzərsiz bir şey var ki, onu 1217 piksel səviyyəsinə çatdırır, buna görə onu izləyəcəyəm və düzəldəcəyəm. Bu yazı həqiqətən əvvəlki bir mövzu haqqında yazılmışdır. Diqqətə ç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.