ఆప్టిమల్ వెబ్ పేజీ వెడల్పు ఏమిటి?

వెబ్‌సైట్ రూపకల్పన మరియు వెబ్ పేజీ వెడల్పును సరైన వెడల్పుకు సెట్ చేయడం సంభాషణ విలువైనది. నేను ఇటీవల నా బ్లాగ్ డిజైన్ వెడల్పును మార్చానని మీలో చాలా మంది గమనించారు. నేను పేజీ వెడల్పును 1048 పిక్సెల్‌లకు నెట్టివేసాను. మీలో కొందరు ఈ చర్యతో విభేదించవచ్చు - కాని నేను థీమ్ వెడల్పును ఎందుకు అంత విస్తృతంగా నెట్టాను అనే దానిపై కొన్ని గణాంకాలు మరియు కారణాలను పంచుకోవాలనుకున్నాను.

1048 పిక్సెల్‌లు యాదృచ్ఛిక సంఖ్య కాదు.

నా పేజీ వెడల్పును విస్తరించడంలో రెండు కీలక ప్రభావాలు ఉన్నాయి:

  • యూట్యూబ్ వెడల్పు మార్చండియూట్యూబ్ ఇప్పుడు పెద్ద ఎంబెడ్ పరిమాణాలను అందిస్తుంది. మీరు యూట్యూబ్ వీడియో పేజీ యొక్క సైడ్‌బార్‌లోని చిన్న గేర్‌ను క్లిక్ చేస్తే, మీకు పెద్ద పరిమాణాలతో పాటు థీమ్ కోసం ఎంపికలు అందించబడతాయి. యూట్యూబ్‌లో హై డెఫినిషన్ వీడియోలు సర్వసాధారణంగా మారుతున్నందున, నేను ఆ వీడియోలను నా బ్లాగులో పొందుపరచాలని మరియు నేను వీలైనంత వివరంగా (మొత్తం పేజీ వెడల్పును వినియోగించకుండా) ప్రదర్శించాలనుకుంటున్నాను.
  • సాధారణ ప్రకటన 125, 250 మరియు 300 పిక్సెల్ వెడల్పులలో వస్తుంది. ప్రకటన రెవెన్యూ సైట్‌లలో 300 పిక్సెల్‌లు మరింత ఎక్కువగా కనబడుతున్నాయి మరియు వాటిని నా సైడ్‌బార్‌లో చక్కగా చేర్చాలనుకున్నాను.

వాస్తవానికి, పేజీ, కంటెంట్ మరియు సైడ్‌బార్ యొక్క ఎడమ మరియు కుడి వైపున కొన్ని పాడింగ్ ఉంది… కాబట్టి మ్యాజిక్ సంఖ్య నా థీమ్ కోసం 1048 పిక్సెల్‌లు:

ఆప్టిమల్ వెబ్ సైట్ వెడల్పు

నేను నా రీడర్ గణాంకాలను తనిఖీ చేశానా?

అవును, వాస్తవానికి! నా సందర్శకుల్లో ఎక్కువ మంది తక్కువ రిజల్యూషన్ స్క్రీన్‌లను నడుపుతుంటే, నా పేజీని విస్తరించడం గురించి నాకు ఖచ్చితంగా రెండవ ఆలోచనలు ఉండేవి. వెడల్పు మరియు శాతంనా అనలిటిక్స్ ప్యాకేజీ (గూగుల్ లో ఇది విజిటర్స్> బ్రౌజర్ సామర్థ్యాలు> స్క్రీన్ రిజల్యూషన్స్) నుండి స్క్రీన్ రిజల్యూషన్లను అవుట్పుట్ చేసిన తరువాత, నేను ఫలితాల ఎక్సెల్ స్ప్రెడ్షీట్ను నిర్మించాను మరియు రిజల్యూషన్ ఫీల్డ్ నుండి వెడల్పును అన్వయించాను.

గూగుల్ 1600 × 1200 గా రిజల్యూషన్‌ను అందిస్తుంది, కాబట్టి మీరు “x” యొక్క ఎడమ నుండి ప్రతిదీ తీసుకోవాలి, దానిని సంఖ్యా ఫలితంగా మార్చడానికి 1 తో గుణించాలి, తద్వారా మీరు దానిపై అవరోహణను క్రమబద్ధీకరించవచ్చు, ఆపై SUMIF చేయండి మరియు ఎన్ని సందర్శనలను చూడండి మీరు చూస్తున్న డిజైన్ వెడల్పు కంటే ఎక్కువ లేదా తక్కువ.

= ఎడమ (A2, FIND ("x", A2,1) -1) * 1

చిన్న రిజల్యూషన్‌ను నడుపుతున్న 22% పాఠకులను నేను వదిలిపెట్టానా? అస్సలు కానే కాదు! మీ కంటెంట్ ఎడమ మరియు మీ సైడ్‌బార్ కుడి వైపున ఉన్న లేఅవుట్ గురించి మంచి విషయం ఏమిటంటే, మీ కంటెంట్ ఇప్పటికీ మెజారిటీ బ్రౌజర్‌ల వెడల్పులో ఉందని మీరు నిర్ధారించుకోవచ్చు. ఈ సందర్భంలో, నా పాఠకులలో 99% 640 పిక్సెల్స్ కంటే ఎక్కువ వెడల్పుతో నడుస్తున్నారు, కాబట్టి నేను బాగున్నాను! వారు సైడ్‌బార్‌ను పూర్తిగా కోల్పోవాలని నేను కోరుకోను, కాని అది కంటెంట్‌కు ద్వితీయమైనది.

9 వ్యాఖ్యలు

  1. 1

    నేను హైబ్రిడ్ లేఅవుట్ మరియు 100% CSS కంటైనర్ వెడల్పును సూచిస్తున్నాను. సైడ్‌బార్ కోసం మీకు స్థిర వెడల్పు ఉన్నంతవరకు, శీర్షిక, ఫుటరు మరియు ప్రధాన కంటెంట్ ప్రాంతాలు స్క్రీన్ యొక్క మిగిలిన వెడల్పుకు సరిపోయేలా సర్దుబాటు చేస్తాయి. వినియోగదారు మానిటర్ రిజల్యూషన్‌తో సంబంధం లేకుండా ప్రతి ఒక్కరి బ్రౌజర్ విండోలో 100% నింపుతుంది. అప్పుడు మీరు ఇకపై పిక్సెల్‌లను లెక్కించాల్సిన అవసరం లేదు లేదా మానిటర్ తీర్మానాలకు సంబంధించి వినియోగదారు గణాంకాలను ట్రాక్ చేయాలి.

    • 2

      నేను హైబ్రిడ్ లేఅవుట్‌లను నిజంగా ఇష్టపడుతున్నాను, బాబ్ - కానీ దురదృష్టవశాత్తు అవి వాస్తవ కంటెంట్‌తో కొన్నిసార్లు బాగా ఆడవు. నేను సోమరితనం కావచ్చు, కాని నా సైట్‌లో గరిష్టంగా మరియు నిమిషం 640px అని తెలుసుకోవడం నాకు సులభం. నేను పోస్ట్‌లు వ్రాస్తున్నప్పుడు సాగదీయడం కష్టం.

      నేను ess హించిన వ్యక్తిగత ప్రాధాన్యత!

  2. 3

    ముఖ్యంగా, నేను మీ ముగింపుతో అంగీకరిస్తున్నాను, కాని నేను స్థిర వెడల్పు సెటప్‌ను ఉపయోగిస్తుంటే, నేను వెడల్పును 960 పిక్సెల్‌లకు పరిమితం చేస్తాను.

    అదనపు వెడల్పు తీసుకునే నిలువు స్క్రోల్ బార్‌లు మరియు ఇతర బ్రౌజర్ సత్వరమార్గం బార్‌లను లెక్కించాలి. 960 పిక్సెల్‌లలో ఉండడం ద్వారా, 1024 పిక్సెల్-వెడల్పు స్క్రీన్ రిజల్యూషన్‌లో ఎడమ నుండి కుడికి స్క్రోలింగ్ లేదని ఒకరు హామీ ఇస్తారు.

    ఆండీ ఎబోన్

  3. 4

    ఈ పోస్ట్‌కి ధన్యవాదాలు డౌగ్. నేను క్రొత్త (విస్తృత) లేఅవుట్ కోసం పని చేస్తున్నాను ఇండియానా ఇన్సైడర్ బ్లాగ్ మరియు ఈ పోస్ట్ నాకు అవసరమైనది!

    - జెరెమీ

  4. 5

    చాలా బేసి. ఫైర్‌ఫాక్స్‌లో, మీ సైట్ 1048 వద్ద క్షితిజ సమాంతర స్క్రోల్‌బార్‌ను కలిగి ఉంది మరియు మీరు 1090 కి బయలుదేరే వరకు శుభ్రంగా కనిపించదు.

    Google తీర్మానాల నుండి గొప్ప గణాంకాలకు ధన్యవాదాలు

  5. 6

    మీరు మీ నుండి 1048px కు సెట్ చేయబడి, మీ సైట్ 1024 స్క్రీన్‌లో క్షితిజ సమాంతర స్క్రోల్ బార్‌లను కలిగిస్తుంది. మీ సైడ్‌బార్ మరియు కంటెంట్ ప్రాంతం యొక్క వెడల్పు (మరియు పాడింగ్) నుండి 100px ను దాటవేయడం మంచిదని నేను భావిస్తున్నాను, కనుక ఇది 728 × 1024 కు సరిపోతుంది. ఈ రోజు ఉత్తమ అభ్యాసం అదే.

    అనలిటిక్స్ సంఖ్యలు దీనికి మద్దతు ఇస్తే దీనికి వ్యతిరేకంగా ఉన్న ఏకైక కేసు… కానీ మీరు మీ డేటాను మీ వ్యాసంలో అందించనందున, మీరు పేజీ రూపకల్పన లోపభూయిష్టంగా ఉందని నేను చెప్తాను.

  6. 7

    నేను ఇప్పుడు 15 × 1024 రిజల్యూషన్‌తో 768 'మానిటర్‌తో ఉన్నాను, నేను క్షితిజ సమాంతర పట్టీని చూస్తున్నాను మరియు నేను దానిని ద్వేషిస్తున్నాను.

  7. 8

    వెర్రి మనిషి
    ప్రతి ఒక్కరూ ప్రతి విండోను పూర్తి స్క్రీన్‌లో ఉపయోగించరు - వాస్తవానికి, నేను కొద్దిమందిని పందెం చేస్తాను. 

    నేను మీ బ్లాగును 80% విండోలో కలిగి ఉన్నాను… మరియు అక్కడ ఒక క్షితిజ సమాంతర స్క్రోల్ బార్ ఉంది

    మరియు తెరపై ఏమి ఉంది… చూద్దాం… ఏమీ లేదు.

    కాబట్టి మీ స్క్రోల్ బార్ అర్ధం కాదు.

    పాఠకులను కోల్పోవటానికి ఒక సులభమైన మార్గం !!

    • 9

      కంటెంట్ @ heenan73: disqus పేజీలో కేంద్రీకృతమై ఉంది, పాఠకులకు అవసరమైన వాటిని ఖచ్చితంగా అందిస్తుంది. నేను పాఠకులను కోల్పోతుంటే, వారు ఇద్దరూ కంటెంట్‌ను చూడగలరు మరియు క్షితిజ సమాంతర స్క్రోల్‌బార్‌ను చూడగలరు… నేను వెతుకుతున్న పాఠకులు వారు అని ఖచ్చితంగా తెలియదు. మా కంటెంట్‌లో ప్రత్యేకంగా ఏదో ఒకటి ఉంది, అది దాన్ని 1217px కి నెట్టివేస్తుంది, కాబట్టి నేను దాన్ని ట్రాక్ చేసి దాన్ని పరిష్కరించబోతున్నాను. ఈ పోస్ట్ వాస్తవానికి మునుపటి థీమ్ గురించి వ్రాయబడింది. నా దృష్టికి తీసుకువచ్చినందుకు ధన్యవాదాలు!

మీరు ఏమి ఆలోచిస్తాడు?

స్పామ్ తగ్గించడానికి ఈ సైట్ Akismet ను ఉపయోగిస్తుంది. మీ వ్యాఖ్య డేటా ఎలా ప్రాసెస్ చేయబడిందో తెలుసుకోండి.