इष्टतम वेब पृष्ठ चौड़ाई के हो?

एक वेब साइट डिजाईन र वेब पृष्ठको चौडाईलाई अधिकतम चौडाईमा सेट गर्नु भनेको कुराकानी हो। तपाईं धेरैले याद गर्नुभयो कि मैले हालसालै मेरो ब्लगको डिजाइनको चौडाई परिवर्तन गरें। मैले पृष्ठ चौडाईलाई १०1048 पिक्सलमा धकेलें। तपाईं मध्ये केहीले यस कदमसँग असहमत हुन सक्नुहुन्छ - तर म केहि तथ्या .्क र कारणहरू साझा गर्न चाहान्थें किन मैले विषयवस्तु चौडाइ यत्तिको फराकिलो बनायो।

१०1048 पिक्सल एक अनियमित संख्या थिएन, यद्यपि।

मेरो पृष्ठ को चौडाई विस्तार गर्न मा दुई प्रमुख प्रभावहरु थिए:

  • यूट्यूब चौड़ाई परिवर्तन गर्नुहोस्यूट्यूबले अब ठूलो इम्बेड आकार प्रदान गर्दछ। यदि तपाईं युट्युब भिडियो पृष्ठको साइडबारमा सानो गियर क्लिक गर्नुहुन्छ भने, तपाईंलाई ठूला आकारका साथै विषयवस्तुको लागि विकल्प प्रदान गर्दै हुनुहुन्छ। यद्यपि उच्च परिभाषा भिडियोहरू युट्यूबमा सामान्य स्थान भइरहेको छ, म ती भिडियोहरू मेरो ब्लगमा समाहित गर्न चाहन्थें र मैले सकेसम्म विस्तृत रूपमा उनीहरूलाई प्रदर्शन गर्न चाहन्थें (सम्पूर्ण पृष्ठको चौडाई उपभोग नगरी)।
  • विशिष्ट विज्ञापन १२ 125, २ 250० र ixel०० पिक्सेल चौडाइको चौडाइमा आउँदछ। P०० पिक्सेल विज्ञापन राजस्व साइटमा अधिक र अधिक पप हुँदै गएको देखिन्छ र म त्यसलाई मेरो साईडबारमा सफासँग समावेश गर्न चाहान्छु।

र निस्सन्देह, त्यहाँ पृष्ठको बायाँ र दायाँ, सामग्री, र साइडबारमा केही प्याडि so छ ... त्यसैले मेरो विषयवस्तुको लागि म्याजिक नम्बर १०1048 पिक्सल थियो:

इष्टतम वेब साइट चौड़ाई

मैले मेरो पाठकको तथ्या ?्क जाँच गरें?

हो, पक्कै पनि! यदि मेरा धेरै आगन्तुकहरू कम रिजोलुसन स्क्रिनहरू चलाउँदै थिए भने, म निश्चित रूपमा मेरो पृष्ठ विस्तार गर्ने बारेमा दोस्रो विचारहरू राख्थें। चौड़ाई र प्रतिशतमेरो एनालिटिक्स प्याकेजबाट स्क्रिन रिजोलुसनहरू आउटपुट गरेपछि (गुगलमा यो पर्यटकहरू> ब्राउजर क्षमताहरू> स्क्रीन रिजोलुसनहरू), मैले नतीजाहरूको एक्सेल स्प्रेडशीट निर्माण गर्‍यो र रिजोलुसन फिल्डबाट चौडाइ छुट्याउन सकें।

गुगलले १ resolution०० × १२०० को रूपमा रिजोलुसन प्रदान गर्दछ, त्यसैले तपाईले "x" को बायाँबाट सबै लिन आवश्यक छ, यसलाई संख्यात्मक नतिजा बनाउन १ गुणा गर्नुहोस् ताकि तपाईं यसमा ओर्ल्टन क्रमबद्ध गर्न सक्नुहुनेछ, त्यसपछि SUMIF गर्नुहोस् र कति अवलोकनहरू हेर्नुहोस्। तपाईले हेरिरहनु भएको डिजाइन चौडाई भन्दा ठूला वा कम छन्।

= LEFT (A2, FIND ("x", A2,1) -१) * १

के मैले सानो रिजोलुसन चलाइरहेका पाठकहरूको २२% त्यागें? होईन! तपाईंको सामग्रीको बाँया र तपाईंको साइडबार दायाँको साथ लेआउटको बारेमा राम्रो कुरा भनेको यो निश्चित गर्न सक्नुहुन्छ कि तपाईंको सामग्री अझै ब्राउजरहरूको बहुमतको चौडाई भित्र छ। यस अवस्थामा, मेरा readers 22% पाठकहरू 99 !० पिक्सेल भन्दा ठुलो चल्ने छ, त्यसैले म राम्रो छु! म उनीहरूलाई साइडबार पूर्ण रूपमा मिस गर्न चाहन्न, तर त्यो सामग्रीको माध्यमिक हो।

9 टिप्पणिहरु

  1. 1

    म एउटा हाइब्रिड लेआउट र १००% को CSS कन्टेनर चौडाई सुझाव दिन्छु। जबसम्म तपाईंले साइडबारको लागि निश्चित चौडाई पाउनु हुन्छ, हेडर, फुटर, र मुख्य सामग्री क्षेत्रहरू स्क्रिनको बाँकी चौड़ाई फिट गर्न समायोजन हुनेछ। सबैको ब्राउजर विन्डोको १००% भरिन्छ, प्रयोगकर्ताको मोनिटर रिजोल्युसनको पर्वाह नगरी। त्यसो भए तपाईले पिक्सल गणना गर्न वा अनुगमन रेजोलुसनको सन्दर्भमा प्रयोगकर्ता तथ्या of्कहरूको ट्र्याक राख्नुपर्दैन।

    • 2

      मलाई वास्तवमै हाइब्रिड लेआउटहरू मन पर्छ, बब - तर दुर्भाग्यवस तिनीहरू कहिलेकाँही वास्तविक सामग्रीसँग राम्रोसँग खेल्दैनन्। हुन सक्छ म अल्छी छु, तर मेरो लागि साइटमा अधिकतम र न्यूनतम 640px हो भनेर जान्न सजिलो छ। स्ट्रीचिंग कल्पना गर्न गाह्रो हुन्छ जब म पोष्टहरू लेख्दै छु।

      केवल एक व्यक्तिगत प्राथमिकता मलाई अनुमान छ!

  2. 3

    अनिवार्य रूपमा, म तपाईंको निष्कर्षसँग सहमत छु, तर यदि म स्थिर चौडाई सेट-अप प्रयोग गरिरहेको छु भने, म चौडाईलाई 960 XNUMX० पिक्सेलमा सीमित गर्दछु।

    एक ठाडो स्क्रोल बार र अन्य ब्राउजर शर्टकट पट्टी जो अतिरिक्त चौडाई लाग्छ को लागी खाता गर्नु पर्छ। 960 p० पिक्सेल भित्र नै रहँदा, एक जनालाई आश्वासन दिइन्छ कि १०२1024 पिक्सेल-चौडाई स्क्रीन रिजोलुसनमा बाँया-देखि-दाँया स्क्रोलिंग छैन।

    एन्डी इबन

  3. 4
  4. 5

    धेरै अनौठो। फायरफक्समा तपाईको साइटसँग १० horiz1048 मा तेर्सो स्क्रोलबार छ, र तपाईले १०० to to मा नबढुन्जेल सफा हेर्दैन।

    गुगल रिजोलुसनबाट यद्यपि महान तथ्या .्कहरूको लागि धन्यवाद

  5. 6

    किनकि तपाईले आफ्नो पाउनुभयो १०1048px मा सेट भयो, तपाईंको साइटले १०1024२ स्क्रिनमा तेर्सो स्क्रोल बारहरू निम्त्याउँछ। मलाई लाग्छ कि यो तपाईंको साइडबार र सामग्री क्षेत्रको चौडाई (र प्याडिंग) को १०० px स्किम गर्नु राम्रो हुने थियो त्यसैले यो 100२728 × १०२1024 on मा फिट हुन्छ। त्यो आजको उत्तम अभ्यास हो।

    यसको बिरुद्द मात्र यो हो यदि एनालिटिक्स नम्बरहरूले यसलाई समर्थन गर्दछ ... तर तपाईले आफ्नो लेखमा त्यो डाटा प्रदान नगर्नु भएको हुनाले मँ भन्न सक्छु कि तपाई पृष्ठ डिजाइनमा त्रुटिपूर्ण हुनुहुन्छ।

  6. 7
  7. 8

    मूर्ख मानिस
    सबैले पूर्ण स्क्रिनमा प्रत्येक विन्डो प्रयोग गर्दैनन् - वास्तवमा, म केहि गर्दिनँ। 

    मसँग तपाईंको ब्लग o०% विन्डोमा छ ... र यो त्यहाँ एक तेर्सो स्क्रोल बार हो

    र स्क्रिन के बाहिर छ ... देख्न दिनुहोस् ... केहि पनि छैन।

    त्यसो भए तपाईको स्क्रोल बार अर्थहीन छ।

    पाठकहरू गुमाउने एउटा सजिलो तरीका !!

    • 9

      सामग्री @ heenan73 पृष्ठमा केन्द्रित छ: डिस्क, पाठकलाई उनीहरूको आवश्यकताको रूपमा प्रदान गर्दछ। यदि म पाठकहरूलाई हराइरहेको छु किनकि ती दुबै सामग्री देख्न सक्दछन् र क्षैतिज स्क्रोलबार देख्न सक्दछन् ... तिनीहरू पक्का हुन्ईन कि तिनीहरू पाठकहरू हुन् जुन म खोज्दै थिए। हाम्रो सामग्री भित्र निश्चित रूपले केहि अद्वितीय छ जुन यसलाई १२१ 1217px बाहिर धकेल्छ त्यसैले म यसलाई ट्र्याक गर्दैछु र यसलाई ठीक गर्दैछु। यो पोष्ट वास्तवमा अघिल्लो विषयवस्तुको बारेमा लेखिएको थियो। यसलाई मेरो ध्यानमा ल्याउनु भएकोमा धन्यवाद!

तिम्रो के बिचार छ?

यो साइट स्प्याम कम गर्न Akismet को उपयोग गर्दछ। जान्नुहोस् कि तपाईंको डेटा कसरी संसाधित छ.