Wat is de optimale breedte fan 'e webside?

In webside ûntwerpen 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 ynbedsgrutte oan. 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 definysjes 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 binne 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 opmaak mei jo linkerynhâld en jo sydbalke rjochts is dat jo kinne derfoar soargje dat jo ynhâld noch binnen de breedte leit fan 'e mearderheid fan browsers. 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 suggerearje in hybride yndieling en in CSS-kontenerbreedte fan 100%. Salang't jo in fêste breedte hawwe foar de sydbalke, sille de koptekst, fuottekst en haadynhâldgebieten oanpasse oan 'e oerbleaune breedte fan it skerm. Folt 100% fan it browserfinster fan elkenien, nettsjinsteande de monitorresolúsje fan 'e brûker. Dan hoege jo gjin piksels mear te tellen of brûkersstatistiken by te hâlden oangeande monitorresolúsjes.

    • 2

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

      Krekt in persoanlike foarkar tink ik!

  2. 3

    Yn wêzen bin ik it iens mei jo konklúzje, mar as ik brûk in fêste breedte opset, Ik beheine de breedte oan 960 piksels.

    Men moat rekken hâlde mei fertikale rôlbalken en oare fluchtoetsbalken foar browser dy't ekstra breedte nimme. Troch binnen 960 piksels te bliuwen, is men der wis fan dat d'r gjin lofts-nei-rjochts rôlje is op in skermresolúsje fan 1024 piksels breedte.

    Andy Ebon

  3. 4
  4. 5
  5. 6

    Sûnt do hast dyn ynsteld op 1048px, jo side feroarsaket horizontale rôlbalken op in 1024 skerm. Ik tink dat it soe west hawwe better te skim in 100px fan 'e breedte (en padding) fan jo sydbalke en ynhâld gebiet sadat it past op in 728 × 1024. Dat is de bêste praktyk hjoed.

    It ienige gefal tsjin dit soe wêze as de analytyske sifers it stypje ... mar om't jo dizze gegevens net hawwe levere yn jo artikel, soe ik sizze dat jo side-ûntwerp defekt is.

  6. 7
  7. 8

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

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

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

    Dus jo rôlbalke is nutteloos.

    Ien maklike manier om lêzers te ferliezen !!

    • 9

      De ynhâld is sintraal binnen de side @heenan73:disqus, en biedt de lêzer krekt wat se nedich binne. As ik lêzers kwyt bin, om't se beide de ynhâld kinne sjen EN in horizontale rôlbalke sjen kinne ... net wis dat se de lêzers wiene wêr't ik nei sykje. D'r is perfoarst wat unyk yn ús ynhâld dat it útdrukt nei 1217px, dus ik sil dat opspoare en reparearje. Dizze post is eins skreaun oer in earder 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.