Веб-парақтың оңтайлы ені дегеніміз не?

Веб-сайтты жобалау және веб-беттің енін оңтайлы енге қою - бұл әңгімеге тұрарлық әңгіме. Жақында менің блогымның дизайнының енін өзгерткенімді көпшілігіңіз байқадыңыз. Мен парақтың енін 1048 пикселге дейін шығардым. Мүмкін сіздердің кейбіреулеріңіз бұл қадаммен келіспейтін шығарсыздар, бірақ мен тақырыптың енін неге сонша кең еткенім туралы бірнеше статистика мен себептермен бөліскім келді.

1048 пиксел кездейсоқ сан емес.

Менің парағымды кеңейтуде екі маңызды әсер болды:

  • Youtube енін өзгертіңізYoutube қазір үлкен өлшемдерді ұсынады. Егер сіз Youtube бейне парағының бүйірлік тақтасындағы кішкене берілісті бассаңыз, сізге тақырып үшін үлкен өлшемдер үшін нұсқалар ұсынылады. Youtube-де жоғары ажыратымдылықтағы бейнелер жиі кездесетін болғандықтан, мен сол бейнелерді өз блогыма қосып, мүмкіндігінше егжей-тегжейлі көрсеткім келді (бүкіл парақтың енін пайдаланбай).
  • Әдеттегі жарнама ені 125, 250 және 300 пиксельді құрайды. Жарнамадан түсетін сайттарда 300 пиксель көбейіп бара жатқан сияқты және мен оларды өзімнің бүйірлік тақтамға мұқият қосқым келді.

Әрине, парақтың сол жағында және оң жағында, мазмұны мен бүйірлік тақтада кейбір толықтырулар бар ... сондықтан сиқырлы сан менің тақырыбыма 1048 пиксель болды:

Оңтайлы веб-сайт ені

Мен оқырмандардың статистикасын тексердім бе?

Иә әрине! Егер менің келушілерімнің көпшілігі төменірек ажыратымдылықтағы экрандармен жұмыс жасайтын болса, менің парағымды кеңейту туралы екінші ой болған болар едім. Ені және пайызыAnalytics бумасынан экран ажыратымдылығын шығарғаннан кейін (Google-да бұл келушілер> Браузердің мүмкіндіктері> Экранның шешімдері) мен нәтижелер туралы Excel кестесін құрдым және ажыратымдылық өрісінен енін талдадым.

Google ажыратымдылықты 1600 × 1200 деп ұсынады, сондықтан «х» -дің сол жағынан бәрін алып, оны сандық нәтижеге айналдыру үшін оны 1-ге көбейту керек, сонда оған түсетіндерді сұрыптай аласыз, содан кейін SUMIF жасап, қанша рет кіргеніңізді көресіз. сіз қарап отырған дизайн енінен үлкен немесе аз.

= СОЛ (A2, FIND («x», A2,1) -1) * 1

Мен кішігірім ажыратымдылықпен жұмыс істейтін 22% оқырманнан бас тарттым ба? Әрине жоқ! Мазмұныңыздың сол жағымен және бүйірлік тақтасымен орналасудың жақсы жағы - бұл сіздің мазмұныңыздың әлі де көптеген шолғыштардың енінде болатындығына сенімді бола аласыз. Бұл жағдайда менің оқырмандарымның 99% ені 640 пикселден асады, сондықтан мен жақсымын! Мен олардың бүйірлік тақтаны мүлдем жіберіп алғанын қаламаймын, бірақ бұл мазмұнға қосалқы.

9 Пікірлер

  1. 1

    Мен гибридті орналасуды және CSS контейнерінің енін 100% ұсынамын. Сіз бүйірлік тақта үшін бекітілген ені болғанша, үстіңгі деректеме, төменгі деректеме және негізгі мазмұн аймақтары экранның қалған еніне сәйкес келеді. Пайдаланушының мониторының ажыратымдылығына қарамастан, барлығының браузер терезесін 100% толтырады. Сонда сізге пикселдерді санаудың қажеті жоқ немесе монитордың ажыратымдылығына қатысты пайдаланушының статистикасын қадағалап отыру қажет емес.

    • 2

      I really like hybrid layouts, Bob – but unfortunately they don’t play well sometimes with the actual content. Maybe I’m lazy, but it’s easier for me to know that max and min are 640px in my site. Stretching is difficult to conceive when I’m writing the posts.

      Менің ойымша, менің жеке қалауым!

  2. 3

    Шын мәнінде, мен сіздің қорытындыңызбен келісемін, бірақ егер мен ені бойынша орнатуды қолдансам, енін 960 пиксельмен шектеймін.

    Тік айналдыру жолақтарын және қосымша ені бар басқа шолғыштың сілтемелер жолағын есепке алу керек. 960 пиксель шегінде тұрғанда, ені 1024 пиксельді ажыратымдылықта солдан оңға жылжу жоқ екеніне сенімді болады.

    Энди Эбон

  3. 4
  4. 5

    өте тақ. Firefox-та сіздің сайтыңыздың көлденең айналдыру тақтасы 1048 деңгейінде болады және сіз 1090-ға шыққанға дейін таза көрініске ие емессіз.

    Google шешімдерінен керемет статистика үшін рахмет

  5. 6

    Since you've got your <div id="page"> set to 1048px, your site causes horizontal scroll bars on a 1024 screen. I think it would have been better to skim a 100px off the width (and padding) of your sidebar and content area so it fits on a 728×1024. That's what is best practice today.

    Бұған қарсы жалғыз жағдай аналитикалық сандар қолдаса болады ... бірақ егер сіз өз мақалаңызда бұл деректерді бермеген болсаңыз, мен сіздің парағыңыздың дизайны дұрыс емес деп айтар едім.

  6. 7
  7. 8

    Ақымақ адам
    Әр адам кез келген терезені толық экранда қолдана бермейді, шынында да, мен оны аз ғана көргім келеді. 

    Менде сіздің блогыңыз 80% шамасында ... және көлденең айналдыру жолағы бар

    Экранда не жоқ ... ештеңе көруге мүмкіндік береді.

    Сондықтан сіздің айналдыру жолағыңыз мағынасыз.

    Оқырмандарды жоғалтудың оңай жолы !!

    • 9

      Мазмұн @ heenan73: disqus парағында шоғырланып, оқырманға қажеттіні дәл жеткізеді. Егер мен оқырмандарды жоғалтып алсам, өйткені олар мазмұнды көре алады және көлденең айналдыру тақтасын көреді ... мен іздейтін оқырман екеніне сенімді емеспін. Біздің мазмұнымызда бірегей нәрсе бар, оны 1217 пиксельге дейін шығарады, сондықтан мен оны қадағалап, жөндеймін. Бұл хабарлама іс жүзінде алдыңғы тақырып туралы жазылған. Менің назарыма ұсынғаныңызға рақмет!

Сен не ойлайсың?

Бұл сайт спамның төмендеуі үшін Akismet пайдаланады. Деректеріңіздің қалай өңделетінін біліңіз.