Koks yra optimalus tinklalapio plotis?

Kurti internetinę svetainę ir nustatyti optimalų jos plotį yra pokalbis, kurį verta užmegzti. Daugelis jūsų pastebėjote, kad neseniai pakeičiau savo tinklaraščio dizaino plotį. Išstūmiau puslapio plotį iki 1048 taškų. Kai kurie iš jūsų gali nesutikti su šiuo žingsniu, bet aš norėjau pasidalinti statistika ir priežastimis, kodėl temos plotį nustūmiau taip plačiai.

1048 pikseliai nebuvo atsitiktinis skaičius.

Išplėtus mano puslapio plotį buvo dvi pagrindinės įtakos:

  • Keisti „YouTube“ plotįDabar „Youtube“ siūlo didesnius įterpimo dydžius. Jei spustelėsite mažą krumpliaračio mygtuką „Youtube“ vaizdo įrašo puslapio šoninėje juostoje, jums bus pasiūlytos didesnių dydžių ir temos parinktys. Kadangi aukštesnio raiškos vaizdo įrašai tampa įprasta „Youtube“ vieta, norėjau tuos vaizdo įrašus įtraukti į savo tinklaraštį ir rodyti juos kuo išsamiau (neišeikvojant viso puslapio pločio).
  • Tipiška reklama yra 125, 250 ir 300 taškų pločio. Atrodo, kad 300 taškų vis daugiau atsiranda skelbimų iš skelbimų svetainėse, ir aš norėjau juos tvarkingai įtraukti į savo šoninę juostą.

Be abejo, kairėje ir dešinėje puslapio, turinio ir šoninės juostos kairėje ir dešinėje yra šiek tiek užpildų ... todėl mano temos stebuklingas skaičius buvo 1048 pikseliai:

Optimalus tinklalapio plotis

Ar aš patikrinau savo skaitytojų statistiką?

Taip, žinoma! Jei daugumai mano lankytojų būtų rodomi mažesnės raiškos ekranai, aš tikrai turėčiau antrų minčių apie savo puslapio išplėtimą. Plotis ir procentaiIšvedęs ekrano skiriamąsias gebas iš „Analytics“ paketo (sistemoje „Google“ lankytojai> naršyklės galimybės> ekrano skiriamosios gebos), sukūriau rezultatų „Excel“ skaičiuoklę ir išanalizavau raiškos lauko plotį.

„Google“ skiriamoji geba yra 1600 × 1200, todėl reikia paimti viską iš kairės raidės „x“, padauginti iš 1, kad gautumėte skaitinį rezultatą, kad galėtumėte rūšiuoti mažėjančia tvarka, tada atlikite SUMIF ir pamatykite, kiek apsilankymų yra didesni arba mažesni už jūsų žiūrimą projektinį plotį.

= KAIRĖ (A2, RASTI ("x", A2,1) -1) * 1

Ar aš atsisakiau 22% skaitytojų, kurių rezoliucija mažesnė? Žinoma ne! Malonus maketo išdėstymas paliekant turinį kairėje ir šoninę juostą dešinėje yra tai, kad galite užtikrinti, kad jūsų turinys vis tiek yra daugumos naršyklių pločio. Šiuo atveju 99% mano skaitytojų veikia daugiau nei 640 taškų pločio, todėl aš gerai! Nenoriu, kad jie visiškai praleistų šoninę juostą, tačiau tai yra antraeilis turinys.

9 komentarai

  1. 1

    Siūlau hibridinį išdėstymą ir CSS talpyklos plotį 100%. Jei turite fiksuotą šoninės juostos plotį, antraštė, poraštė ir pagrindinis turinio plotai bus pritaikyti taip, kad atitiktų likusį ekrano plotį. Užpildo 100% visų naršyklės langų, neatsižvelgiant į vartotojo monitoriaus skiriamąją gebą. Tada jums nebereikia skaičiuoti pikselių ar sekti vartotojų statistikos, susijusios su monitoriaus skiriamosiomis gebomis.

    • 2

      Man labai patinka hibridiniai maketai, Bobai, bet, deja, jie kartais netinkami su tikru turiniu. Gal aš tingiu, bet man lengviau žinoti, kad mano svetainėje maks. Ir min. Yra 640 taškų. Rašant įrašus sunku įsivaizduoti tempimą.

      Tik manau, kad tai asmeninis pasirinkimas!

  2. 3

    Iš esmės sutinku su jūsų išvada, bet jei naudoju fiksuoto pločio sąranką, aš apriboju plotį iki 960 taškų.

    Reikia atsižvelgti į vertikalias slinkties juostas ir kitas naršyklės sparčiųjų juostų juostas, kurios užima papildomą plotį. Laikantis 960 pikselių ribų, užtikrinama, kad 1024 pikselių pločio ekrano skiriamąją gebą negalima slinkti iš kairės į dešinę.

    Andy Ebonas

  3. 4
  4. 5

    labai keista. „Firefox“ jūsų svetainėje yra horizontali slinkties juosta, esanti 1048, ir ji nėra švari, kol neišeisite į 1090.

    Dėkojame už puikią statistiką iš „Google“ rezoliucijų

  5. 6

    Kadangi jūs turite savo nustatyta kaip 1048 taškų, jūsų svetainė sukelia horizontalias slinkties juostas 1024 ekrane. Manau, kad būtų geriau nugriebti 100 taškų nuo šoninės juostos ir turinio srities pločio (ir užpildo), kad ji tilptų į 728 × 1024. Tai yra geriausia praktika šiandien.

    Vienintelis atvejis prieš tai būtų, jei analitiniai numeriai tai patvirtintų ... bet kadangi jūs nepateikėte tų duomenų savo straipsnyje, sakyčiau, kad jūsų puslapio dizainas yra ydingas.

  6. 7
  7. 8

    Kvailas žmogus
    Ne visi naudoja kiekvieną langą visame ekrane - iš tikrųjų norėčiau lažintis, kad tai daro nedaugelis. 

    Turiu jūsų tinklaraštį 80% windo ... ir štai, horizontali slinkties juosta

    Ir kas nėra ekrane ... leidžia pamatyti ... nieko.

    Taigi jūsų slinkties juosta yra beprasmiška.

    Vienas paprastas būdas prarasti skaitytojus !!

    • 9

      Turinys sutelktas į puslapį @ heenan73: disqus, suteikiant skaitytojui būtent tai, ko jiems reikia. Jei prarandu skaitytojus, nes jie abu gali matyti turinį IR matyti horizontalią slinkties juostą ... nežinote, ar jie buvo mano ieškomi skaitytojai. Mūsų turinyje tikrai yra kažkas unikalaus, kuris jį išstumia iki 1217 taškų, todėl ketinu tai susekti ir ištaisyti. Šis įrašas iš tikrųjų buvo parašytas apie ankstesnę temą. Ačiū, kad atkreipėte į tai mano dėmesį!

Ką manote?

Ši svetainė naudoja "Akismet", kad sumažintų šlamštą. Sužinokite, kaip apdorojamas jūsų komentaras.