Wat is de optimale breedte fan 'e webside?

In webside ûntwerpe en de breedte fan 'e webside ynstelle op in optimale breedte is in wurdich petear. In protte fan jo hawwe opmurken dat ik koartlyn de breedte fan it ûntwerp fan myn blog feroare. Ik skoot de sidebreedte út nei 1048 piksels. Guon fan jo kinne it net iens wêze mei de beweging - mar ik woe wat stats en redenen diele oer wêrom't ik de temabreedte sa breed drukte.

1048 piksels wie lykwols gjin willekeurich getal.

D'r wiene twa wichtige ynfloeden by it útwreidzjen fan myn sidebreedte:

  • Feroarje Youtube BreedteYoutube biedt no gruttere ynbêdingsmaten. As jo ​​op 'e lytse gear klikke op' e sydbalke fan 'e Youtube-fideopagina, wurde jo opsjes oanbean foar gruttere maten lykas it tema. Sûnt fideos mei hegere definysje gewoan plak wurde op Youtube, woe ik dy fideos opnimme yn myn blog en se werjaan mei safolle detail as ik koe (sûnder de heule sidebreedte te konsumearjen).
  • Typyske reklame komt yn breedten fan 125, 250 en 300 pixelbreedten. 300 piksels lykje hieltyd mear op te kommen op advertinsjes ynkomsten en ik woe se kreas yn myn sydbalke opnimme.

En fansels is d'r wat padding links en rjochts fan 'e pagina, de ynhâld en de sydbalke ... dat it magyske nûmer wie 1048 piksels foar myn tema:

Optimale breedte fan webside

Haw ik myn lêzersstatistiken kontrolearre?

Ja fansels! As in mearderheid fan myn besikers skermen mei legere resolúsje hie, soe ik perfoarst twadde gedachten hawwe oer it útwreidzjen fan myn pagina. Breedte en persintaazjeNei it werjaan fan 'e skermresolúsjes út myn Analytics-pakket (yn Google is it Besikers> Browserfermogen> Skermresolúsjes) boude ik in Excel-spreadsheet fan' e resultaten en parseare de breedte út it resolúsjefjild.

Google leveret resolúsje as 1600 × 1200, dus jo moatte alles nimme fan 'e lofterkant fan' e 'x', fermannichfâldigje mei 1 om it in numeryk resultaat te meitsjen, sadat jo derop delgean kinne sortearje, dan in SUMIF dwaan en sjen hoefolle besites binne grutter as of minder dan de ûntwerpbreedte dy't jo besjogge.

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

Haw ik de 22% fan 'e lêzers ferlitten dy't in lytsere resolúsje hawwe? Fansels net! It moaie fan in layout mei jo ynhâld links en jo sydbalke rjochts is dat jo kinne derfoar soargje dat jo ynhâld noch binnen de breedte fan 'e mearderheid fan browsers leit. Yn dit gefal rint 99% fan myn lêzers grutter dan 640 piksels breed, dus ik bin goed! Ik wol net dat se de sydbalke folslein misse, mar dat is sekundêr foar de ynhâld.

9 Comments

  1. 1

    Ik stel foar in hybride opmaak en in breedte fan CSS-kontener fan 100%. Salang't jo in fêste breedte hawwe foar de sydbalke, sille de koptekst, foettekst en haadynhâldsgebieten oanpasse oan 'e oerbleaune breedte fan it skerm. Folje 100% fan it browservenster fan elkenien, ûnôfhinklik fan 'e resolúsje fan' e monitor fan 'e brûker. Dan hoege jo gjin piksels mear te tellen of brûkersstatistiken by te hâlden oangeande resolúsjes foar monitor.

    • 2

      Ik hâld echt fan hybride lay-outs, Bob - mar spitigernôch spylje se soms net goed mei de werklike ynhâld. Miskien bin ik lui, mar it is makliker foar my om te witten dat max en min 640px binne op myn side. Stretchjen is lestich te wurden as ik de berjochten skriuw.

      Gewoan in persoanlike foarkar tink ik!

  2. 3

    Yn essinsje bin ik it mei jo konklúzje iens, mar as ik in opset fan fêste breedte brûke, behein ik de breedte oant 960 piksels.

    Men moat rekken hâlde mei fertikale skowbalken en oare sneltoetsbalken fan browsers dy't ekstra breedte ynnimme. Troch binnen 960 piksels te bliuwen is men der wis fan dat d'r gjin lofts fan rjochts nei scrollt op in resolúsje fan 1024 pikselsbreedte.

    Andy Ebon

  3. 4
  4. 5

    hiel frjemd. Yn Firefox hat jo side in horizont-skúfbalke op 1048, en hat it net in skjinne útstrieling oant jo nei 1090 binne.

    Bedankt foar de geweldige statistiken lykwols fan Google resolúsjes

  5. 6

    Sûnt jo jo hawwe ynsteld op 1048px, feroarsaket jo side horizontale skowbalken op in 1024-skerm. Ik tink dat it better west hie om in 100px fan 'e breedte (en padding) fan jo sydbalke en ynhâldsgebiet te skimjen, sadat it past op in 728 × 1024. Dat is wat hjoed de bêste praktyk is.

    It iennichste gefal hjirfan soe wêze as de analytyske nûmers it stypje ... mar om't jo dy gegevens net yn jo artikel hawwe levere, soe ik sizze dat jo side-ûntwerp ferkeard is.

  6. 7
  7. 8

    Silly man
    Net elkenien brûkt elk finster op folslein skerm - eins soe ik wagerje dat in pear dat dogge. 

    Ik haw jo blog yn in 80% windo ... en dêr is it, in horizontale skowbalke

    En wat is fan it skerm ... lit sjen ... neat.

    Dat jo skowbalke is sinleas.

    Ien maklike manier om lêzers te ferliezen !!

    • 9

      De ynhâld is sintraal binnen de pagina @ heenan73: disqus, en leveret de lêzer presys wat se nedich binne. As ik lêzers kwytreitsje, om't se beide de ynhâld kinne sjen EN in horizontale skobalke kinne sjen ... net wis dat se de lêzers binne dy't ik sykje. D'r is perfoarst wat unyk yn ús ynhâld dat it útstjoert nei 1217px, dus ik sil dat opspoare en reparearje. Dit berjocht waard eins skreaun oer in foarige tema. Betanke foar it ûnder myn oandacht bringe!

Wat tinksto?

Dizze side brûkt Akismet om spam te ferleegjen. Learje hoe't jo kommentaargegevens ferwurke wurde.