Mis on veebilehe optimaalne laius?

Veebisaidi kujundamine ja veebilehe laiuse optimaalseks seadmine on vestlus, mida tasub pidada. Paljud teist märkasid, et muutsin hiljuti oma ajaveebi kujunduse laiust. Lükkasin lehe laiuse 1048 pikslini. Mõni teist võib olla selle sammuga nõus - aga ma tahtsin jagada statistikat ja põhjuseid, miks ma teema laiuse nii laiali lükkasin.

1048 pikslit polnud siiski juhuslik arv.

Minu lehe laiuse laiendamisel oli kaks peamist mõju:

  • Muutke Youtube'i laiustYoutube pakub nüüd suuremaid manussuuruseid. Kui klõpsate Youtube'i videolehe külgribal väikest käiku, pakutakse teile valikuid nii suuremate suuruste kui ka teema jaoks. Kuna kõrgema eraldusvõimega videod muutuvad Youtube'is tavaliseks kohaks, tahtsin need videod oma ajaveebi lisada ja näidata neid võimalikult üksikasjalikult (ilma kogu lehe laiust tarbimata).
  • Tüüpilise reklaami laius on 125, 250 ja 300 pikslit. Reklaamitulude saitidel ilmub 300 pikslit üha enam ja ma tahtsin need ilusti oma külgribale lisada.

Ja loomulikult on lehe vasakul ja paremal, sisul ja külgribal mõned täidised ... nii et maagiline number oli minu teema jaoks 1048 pikslit:

Optimaalne veebisaidi laius

Kas kontrollisin oma lugejastatistikat?

Jah, muidugi! Kui enamikul minu külastajatel oleks väiksema eraldusvõimega ekraanid, oleksin kindlasti oma lehe laiendamise osas mõelnud teisiti. Laius ja protsentPärast ekraanipildi eraldusvõimete väljastamist oma Analyticsi paketist (Google'is on see Külastajad> Brauseri võimalused> Ekraani eraldusvõimed) ehitasin tulemustest Exceli tabeli ja sõelusin eraldusvõime väljale laiuse.

Google pakub eraldusvõimena suurust 1600 × 1200, nii et peate võtma kõik vasakust tähest „x”, korrutama selle ühega arvulise tulemuse saamiseks, et saaksite selle järgi järjestada kahanevalt, seejärel teha SUMIF ja vaadata, kui palju külastusi on suuremad või väiksemad kui vaadeldav kujunduslaius.

= VASAK (A2, LEIA ("x", A2,1) -1) * 1

Kas hülgasin 22% lugejatest, kellel on väiksem resolutsioon? Muidugi mitte! Teie sisu vasakul ja paremal külgribal asuva paigutuse puhul on tore see, et saate tagada, et teie sisu on endiselt enamiku brauserite laiuses. Sellisel juhul töötab 99% minu lugejatest rohkem kui 640 pikslit lai, seega olen hea! Ma ei taha, et nad külgriba täielikult igatseksid, kuid see on sisu jaoks teisejärguline.

9 Kommentaarid

  1. 1

    Pakun hübriidpaigutust ja CSS-i konteineri laiust 100%. Niikaua kui teil on küljeriba kindel laius, kohanduvad päis, jalus ja põhisisu piirkonnad vastavalt ekraani ülejäänud laiusele. Täidab 100% kõigi brauseriakendest, olenemata kasutaja kuvari eraldusvõimest. Siis ei pea te enam piksleid lugema ega jälgima kasutajate statistikat monitori eraldusvõimete osas.

    • 2

      Mulle meeldivad hübriidpaigutused, Bob, kuid kahjuks ei mängi need tegeliku sisuga mõnikord hästi. Võib-olla olen laisk, aga mul on lihtsam teada, et minu saidil on max ja min 640 pikslit. Venitusi on postitusi kirjutades raske ette kujutada.

      Lihtsalt isiklik eelistus vist!

  2. 3

    Sisuliselt nõustun teie järeldusega, kuid kui kasutan fikseeritud laiusega seadistust, piiran laiust 960 piksliga.

    Arvestada tuleb vertikaalsete kerimisribadega ja muude brauseri otseteeribadega, mis võtavad täiendava laiuse. Püsides 960 pikslis, on kindel, et 1024 piksli laiuse ekraani eraldusvõime korral ei kerita vasakult paremale.

    Andy Ebon

  3. 4
  4. 5

    väga veider. Firefoxis on teie saidil horisondi kerimisriba 1048 ja see pole puhas, kuni jõuate 1090-ni.

    Täname suurepärase statistika eest Google'i resolutsioonidest

  5. 6

    Kuna sul on oma väärtuseks 1048 pikslit põhjustab teie sait 1024 ekraanil horisontaalseid kerimisribasid. Ma arvan, et parem oleks olnud oma külgriba ja sisupinna laiuselt (ja polsterdustelt) 100px maha tõmmata, nii et see mahuks 728 × 1024. See on tänapäeval parim tava.

    Ainus juhtum selle vastu oleks see, kui analüütilised numbrid seda toetaksid ... aga kuna te ei esitanud neid andmeid oma artiklis, ütleksin, et teie lehe kujundus on vigane.

  6. 7
  7. 8

    Rumal mees
    Kõik ei kasuta kõiki aknaid täisekraanil - ma panustaksin kihla, mida vähesed teevad. 

    Mul on teie ajaveeb 80% -lises windos ... ja seal see on, horisontaalne kerimisriba

    Ja mis ekraanilt väljas on ... näeb midagi ... midagi.

    Nii et teie kerimisriba on mõttetu.

    Üks lihtne viis lugejate kaotamiseks !!

    • 9

      Sisu on koondatud lehele @ heenan73: disqus, pakkudes lugejale täpselt seda, mida ta vajab. Kui ma kaotan lugejaid, sest nad näevad nii sisu kui ka horisontaalset kerimisriba ... pole kindel, et nad olid need lugejad, keda ma otsisin. Meie sisus on kindlasti midagi ainulaadset, mis surub selle 1217 pikslisse, nii et ma jälgin seda ja parandan selle. See postitus oli tegelikult kirjutatud eelmise teema kohta. Täname, et juhtisite seda minu tähelepanu!

Mis sa arvad?

Sellel saidil kasutatakse rämpsposti vähendamiseks Akismetit. Vaadake, kuidas teie andmeid töödeldakse.