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

Веб-сайтты жобалау және веб-беттің енін оңтайлы енге қою - әңгімеге тұрарлық әңгіме. Жақында менің блогымның дизайнының енін өзгерткенімді көпшілігіңіз байқадыңыз. Мен парақтың енін 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

      Маған гибридті макеттер өте ұнайды, бірақ, өкінішке орай, олар кейде нақты мазмұнмен жақсы ойнамайды. Мүмкін мен жалқау шығармын, бірақ менің сайтта max және min 640px екенін білу маған оңайырақ. Мен посттарды жазып жатқан кезде созылу қиынға соғады.

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

  2. 3

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

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

    Энди Эбон

  3. 4
  4. 5

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

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

  5. 6

    Өзіңдікі болғандықтан 1048px деңгейіне орнатылған, сіздің сайтыңыз 1024 экранында көлденең айналдыру жолақтарын тудырады. Менің ойымша, бүйірлік тақтаның және мазмұн аймағының енінен (және толтырудан) 100 пиксельді алып тастаған дұрыс болар еді, сондықтан ол 728 × 1024 өлшеміне сәйкес келеді. Бүгінгі таңда ең жақсы тәжірибе дәл осында.

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

  6. 7
  7. 8

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

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

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

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

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

    • 9

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

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

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