Zein da web orrien zabalera optimoa?

Webgune bat diseinatzea eta webgunearen zabalera zabalera optimora ezartzea merezi duen elkarrizketa da. Zuetako asko ohartu nintzen duela gutxi nire blogaren diseinuaren zabalera aldatu nuela. Orriaren zabalera 1048 pixelera bultzatu nuen. Zuetako batzuk ez datoz bat ados mugimenduarekin, baina gaiaren zabalera hain zabala bultzatzeko arrazoiak eta arrazoiak partekatu nahi nituen.

1048 pixel ez zen ausazko zenbakia, ordea.

Bi orri nagusi izan ziren nire orriaren zabalera zabaltzeko:

  • Aldatu Youtube zabaleraYoutube offers larger embed sizes now. If you click the small gear on the sidebar of the Youtube video page, you’re offered options for larger sizes as well as the theme. Since higher definition videos are becoming common place on Youtube, I wanted to incorporate those videos into my blog and display them with as much detail as I could (without consuming the entire page width).
  • Iragarki tipikoak 125, 250 eta 300 pixeleko zabalerak ditu. Badirudi 300 pixel gero eta gehiago agertzen direla iragarkien diru sarreren guneetan eta nire alboko barran txukun sartu nahi nituen.

Eta noski, orrialdearen ezkerraldean eta eskuinean betegarria dago, edukia eta alboko barra ... beraz, zenbaki magikoa 1048 pixel izan zen nire gaiarentzat:

Webgunearen zabalera optimoa

Irakurlearen estatistikak egiaztatu al ditut?

Bai noski! Nire bisitari gehienek bereizmen txikiagoko pantailak erabiltzen badituzte, zalantzarik gabe bigarren orria pentsatuko nuke nire orria zabaltzeari buruz. Zabalera eta ehunekoaNire Analytics paketearen pantailako ebazpenak atera ondoren (Google-n da Bisitariak> Arakatzailearen gaitasunak> Pantailaren ebazpenak), emaitzen Excel kalkulu orria eraiki nuen eta bereizmena eremutik zabalera analizatu nuen.

Google-k 1600 × 1200 bereizmena eskaintzen du; beraz, "x" -ren ezkerretik dena hartu behar duzu, bider 1 emaitza kopuruzkoa izan dadin, gero beherantz ordenatu ahal izateko, ondoren SUMIF bat egin eta zenbat bisita ikusi. ikusten ari zaren diseinu zabalera baino handiagoa edo txikiagoa da.

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

Abandonatu al ditut bereizmen txikiagoa ematen ari diren irakurleen% 22? Noski ezetz! Zure edukia ezkerrean eta alboko barra eskuinean duen diseinuak duen gauza polita da zure edukia arakatzaile gehienen zabaleraren barruan dagoela ziurtatzea. Kasu honetan, nire irakurleen% 99k 640 pixel baino gehiagoko zabalera dute, beraz ondo nago! Ez dut nahi alboko barra guztiz galtzea, baina hori edukiaren bigarren mailakoa da.

9 Comments

  1. 1

    Diseinu hibridoa eta% 100eko CSS edukiontziaren zabalera proposatzen dut. Alboko barrarako zabalera finkoa izanez gero, goiburua, orri-oina eta eduki nagusiaren eremuak pantailaren gainerako zabalerara egokituko dira. Denen arakatzailearen leihoaren% 100 betetzen du, erabiltzailearen monitorearen bereizmena edozein dela ere. Orduan, ez duzu pixel gehiago zenbatu beharrik edo monitorearen ebazpenen inguruko erabiltzaileen estatistiken jarraipena egin behar duzu.

    • 2

      Asko gustatzen zaizkit diseinu hibridoak, Bob, baina, zoritxarrez, ez dute ondo jokatzen batzuetan benetako edukiarekin. Agian nagia naiz, baina niretzat errazagoa da max eta min 640px direla nire gunean jakitea. Luzaketak zaila izaten da mezuak idazten ari naizenean.

      Hobespen pertsonal bat besterik ez dut uste!

  2. 3

    Funtsean, ados nago zure ondorioarekin, baina zabalera finkoko konfigurazio bat erabiltzen ari banaiz, zabalera 960 pixelera mugatuko dut.

    Zabalera gehigarria hartzen duten korritze barra bertikalak eta arakatzailearen beste lasterbide barra batzuk kontutan hartu behar dira. 960 pixeleko tartean egonez gero, ziurtatzen da ez dagoela ezkerretik eskuinera korritzerik 1024 pixel zabalerako pantailaren bereizmenean.

    Andy Ebon

  3. 4
  4. 5
  5. 6

    Zure 1048px gisa ezarrita, zure webguneak korritze barra horizontalak eragiten ditu 1024 pantailan. Uste dut hobe zela zure alboko barraren eta edukiaren eremuko zabalera (eta betegarria) 100px kentzea 728 × 1024 batean egokitzeko. Hori da praktika onena gaur egun.

    Horren aurkako kasu bakarra izango litzateke analisi zenbakiek onartzen badute ... baina zure artikuluan datu horiek eman ez dituzunez, orrien diseinua akatsa dela esango nuke.

  6. 7
  7. 8

    Gizon tontoa
    Denek ez dituzte leiho guztiak erabiltzen pantaila osoan - egia esan, apustu egingo nuke gutxi batzuek egiten dutela. 

    Zure bloga% 80ko windo batean dut ... eta hor dago korritze barra horizontala

    Eta pantailatik kanpo dagoena ... ikus dezagun ... ezer ere ez.

    Beraz, zure korritze barrak ez du zentzurik.

    Irakurleak galtzeko modu erraz bat !!

    • 9

      Edukia @ heenan73: disqus orrian kokatzen da, irakurleari behar duena zehazki eskainiz. Irakurleak galtzen baditut, biek edukia ikus dezaketelako eta korritze barra horizontala ikus dezaketelako ... ez nago ziur bila nabilen irakurleak zirenik. Gure edukiaren barruan 1217px-era bultzatzen duen zerbait berezia da, zalantzarik gabe, hori jarraipena egin eta konpondu egingo dut. Mezu hau aurreko gai bati buruz idatzi zen. Eskerrik asko nire arreta erakartzeagatik!

Zer deritzozu?

Gune honek Akismet-ek spam erabiltzen du. Ikasi zure iruzkina nola prozesatu den.