Mi az optimális weboldal szélesség?

Weboldal megtervezése és a weboldal szélességének optimális szélességre állítása olyan beszélgetés, amelyet érdemes folytatni. Sokan észrevettétek, hogy nemrég megváltoztattam a blogom kialakításának szélességét. Az oldalszélességet 1048 pixelre toltam. Lehet, hogy néhányan nem értenek egyet a lépéssel - de szerettem volna megosztani néhány statisztikát és okot arról, hogy miért tágítottam ilyen szélesre a téma szélességét.

1048 pixel azonban nem véletlenszerű szám volt.

Két fő hatás volt az oldalszélesség bővítésében:

  • Módosítsa a Youtube szélességétA Youtube most nagyobb beágyazási méreteket kínál. Ha rákattint a kis fogaskerékre a Youtube videóoldal oldalsávján, nagyobb méreteket és témát is kínál. Mivel a magasabb felbontású videók egyre gyakoribbá válnak a Youtube-on, szerettem volna beépíteni ezeket a videókat a blogomba, és a lehető legrészletesebben megjeleníteni (a teljes oldalszélesség elfogyasztása nélkül).
  • A tipikus reklámok szélessége 125, 250 és 300 pixel. Úgy tűnik, hogy 300 pixel egyre többször jelenik meg a hirdetési bevételek webhelyein, és szerettem volna azokat rendesen beépíteni az oldalsávomba.

És természetesen van néhány betét az oldal bal és jobb oldalán, a tartalomnál és az oldalsávon ... tehát a varázslatszám 1048 pixel volt a témámhoz:

Optimális webhelyszélesség

Ellenőriztem az olvasói statisztikáimat?

Természetesen! Ha a látogatóim többségének alacsonyabb felbontású képernyõi futnának, akkor feltétlenül gondolkoztam volna az oldal kibõvítésében. Szélesség és százalékMiután kinyomtattam a képernyőfelbontásokat az Analytics-csomagomból (A Google-ban a Látogatók> Böngésző képességei> Képernyőfelbontások), elkészítettem az eredmények Excel-táblázatát, és elemeztem a szélességet a felbontás mezőből.

A Google 1600 × 1200 felbontást biztosít, ezért mindent meg kell vennie az „x” bal oldalától, szorozva 1-el, hogy numerikus eredményt kapjon, így csökkenő sorrendben rendezheti, majd elvégez egy SUMIF-et, és megnézheti, hány látogatás nagyobbak vagy kisebbek, mint a tervezett szélesség.

= BAL (A2, MEGÁLL ("x", A2,1) -1) * 1

Elhagytam az olvasók 22% -át, akik kisebb felbontásúak? Természetesen nem! A bal oldali és a jobb oldalsó oldalsáv elrendezésével kapcsolatos szép dolog az, hogy biztosíthatja, hogy tartalma továbbra is a böngészők többségének szélességén belül legyen. Ebben az esetben az olvasóim 99% -a 640 képpontnál nagyobb szélességet futtat, így jó vagyok! Nem akarom, hogy teljesen hiányolják az oldalsávot, de ez a tartalom szempontjából másodlagos.

9 Comments

  1. 1

    Javaslom egy hibrid elrendezést és a CSS-tároló 100% -os szélességét. Amíg rögzített szélessége van az oldalsávnak, a fejléc, a lábléc és a fő tartalomterületek a képernyő fennmaradó szélességéhez igazodnak. Mindenki böngészőablakának 100% -át kitölti, függetlenül a felhasználó monitorának felbontásától. Ekkor már nem kell több pixelt számlálnia, és nem kell nyomon követnie a monitor felbontásával kapcsolatos felhasználói statisztikákat.

    • 2

      Nagyon szeretem a hibrid elrendezéseket, Bob - de sajnos néha nem játszanak jól a tényleges tartalommal. Lehet, hogy lusta vagyok, de könnyebben tudom, hogy a max és a min 640px az oldalamon. A nyújtást nehéz elképzelni, amikor a bejegyzéseket írom.

      Csak személyes preferencia, azt hiszem!

  2. 3

    Lényegében egyetértek a következtetésével, de ha fix szélességű beállítást használok, akkor a szélességet 960 képpontra korlátozom.

    Számolni kell a függőleges gördítősávokkal és más böngésző parancssávokkal, amelyek további szélességet vesznek fel. 960 pixelen belül maradva biztos lehet abban, hogy 1024 pixel szélességű képernyőfelbontás esetén nincs balról jobbra görgetés.

    Andy Ebon

  3. 4
  4. 5

    nagyon furcsa. A Firefoxban a webhelyének horizont gördítősávja van 1048-nál, és nem rendelkezik tiszta megjelenéssel, amíg ki nem jut 1090-ig.

    Köszönöm a nagyszerű statisztikákat, bár a Google állásfoglalásaiból származik

  5. 6

    Mióta megvan 1048 képpont értékre állítva, webhelye vízszintes görgetősávokat okoz az 1024-es képernyőn. Szerintem jobb lett volna 100px-et lefejteni az oldalsáv és a tartalmi terület szélességéről (és betétjéről), így ez egy 728 × 1024 méretűre illik. Ez a mai legjobb gyakorlat.

    Az egyetlen eset az lenne, ha az analitikai számok támogatnák ... de mivel nem adta meg ezeket az adatokat a cikkében, azt mondanám, hogy hibás az oldaltervezése.

  6. 7
  7. 8

    Buta ember
    Nem mindenki használja minden ablakot teljes képernyős képernyőn - sőt, fogadnék, hogy kevesen csinálják. 

    Van a blogod 80% -ban windo… és ott van, egy vízszintes gördítősáv

    És mi van a képernyőn ... láthatja ... a semmit.

    Tehát a gördítősáv értelmetlen.

    Az olvasók elvesztésének egyik egyszerű módja !!

    • 9

      A tartalom a @ heenan73: disqus oldalon található, és az olvasó számára pontosan azt nyújtja, amire szüksége van. Ha elveszítem az olvasókat, mert mindketten láthatják a tartalmat ÉS láthatnak egy vízszintes gördítősávot ... nem biztos, hogy ők voltak azok az olvasók, akiket kerestem. A tartalmunkban határozottan van valami egyedi, ami 1217 képpontos felbontásra szorítja, ezért ezt nyomon követem és kijavítom. Ez a bejegyzés valójában egy korábbi témáról íródott. Köszönöm, hogy felhívta a figyelmemet!

Mit gondolsz?

Ez az oldal Akismet-et használ a levélszemét csökkentése érdekében. Ismerje meg, hogyan dolgozik a megjegyzésed.