সর্বোত্তম ওয়েব পৃষ্ঠার প্রস্থ কি?

একটি ওয়েব সাইট ডিজাইন করা এবং ওয়েব পৃষ্ঠার প্রস্থকে সর্বোত্তম প্রস্থে সেট করা একটি কথোপকথন worth আপনারা অনেকে লক্ষ্য করেছেন যে আমি সম্প্রতি আমার ব্লগের ডিজাইনের প্রস্থ পরিবর্তন করেছি। আমি পৃষ্ঠার প্রস্থকে 1048 পিক্সেলে ফেলেছি। আপনারা কেউ কেউ এই পদক্ষেপের সাথে একমত হতে পারেন - তবে আমি থিমের প্রস্থকে এত প্রশস্তভাবে কেন ঠেলেছি তার কিছু পরিসংখ্যান এবং কারণগুলি ভাগ করে নিতে চেয়েছিলাম।

1048 পিক্সেল যদিও এলোমেলো সংখ্যা ছিল না।

আমার পৃষ্ঠার প্রস্থকে প্রসারিত করার ক্ষেত্রে দুটি মূল প্রভাব ছিল:

  • ইউটিউব প্রস্থ পরিবর্তন করুনইউটিউব এখন আরও বড় এম্বেড আকার দেয়। আপনি যদি ইউটিউব ভিডিও পৃষ্ঠার সাইডবারের ছোট গিয়ারটি ক্লিক করেন তবে আপনাকে থিমের পাশাপাশি আরও বড় আকারের বিকল্পগুলির প্রস্তাব দেওয়া হচ্ছে। যেহেতু উচ্চতর সংজ্ঞা ভিডিওগুলি ইউটিউবে সাধারণ স্থান হয়ে উঠছে, তাই আমি এই ভিডিওগুলিকে আমার ব্লগে অন্তর্ভুক্ত করতে এবং যতটা পারি তার পুরো বিশদ দিয়ে (পুরো পৃষ্ঠার প্রস্থটি গ্রাস না করে) প্রদর্শন করতে চেয়েছিলাম।
  • সাধারণ বিজ্ঞাপন 125, 250 এবং 300 পিক্সেল প্রস্থের প্রস্থে আসে। 300 পিক্সেল বিজ্ঞাপন উপার্জন সাইটগুলিতে আরও বেশি করে উঠছে এবং আমি এগুলি আমার সাইডবারে ঝরঝরে করে অন্তর্ভুক্ত করতে চেয়েছিলাম।

এবং অবশ্যই, পৃষ্ঠার বাম এবং ডানদিকে কিছু প্যাডিং রয়েছে, সামগ্রী এবং সাইডবার… সুতরাং আমার থিমটির জন্য ম্যাজিক সংখ্যাটি 1048 পিক্সেল ছিল:

অনুকূল ওয়েব সাইট প্রস্থ

আমি কি আমার পাঠকের পরিসংখ্যান পরীক্ষা করেছি?

হ্যা অবশ্যই! যদি আমার বেশিরভাগ দর্শনার্থীরা নিম্ন রেজোলিউশন স্ক্রিনগুলি চালাচ্ছিলেন, তবে আমার পৃষ্ঠাটি প্রসারিত করার বিষয়ে অবশ্যই আমার দ্বিতীয় চিন্তা ছিল। প্রস্থ এবং শতাংশআমার অ্যানালিটিক্স প্যাকেজ থেকে স্ক্রিন রেজোলিউশনগুলি আউটপুট দেওয়ার পরে (গুগলে এটির ভিজিটর> ব্রাউজার সক্ষমতা> স্ক্রিন রেজোলিউশনস), আমি ফলাফলগুলির একটি এক্সেল স্প্রেডশিট তৈরি করেছি এবং রেজোলিউশন ক্ষেত্রটি থেকে প্রস্থটি পার্স করেছি।

গুগল 1600 × 1200 হিসাবে রেজোলিউশন সরবরাহ করে, সুতরাং আপনাকে "x" এর বাম দিক থেকে সমস্ত কিছু নেওয়া দরকার, এটির একটি সংখ্যাসূচক ফলাফল তৈরি করার জন্য এটি 1 দিয়ে গুণান যাতে আপনি এটিতে নেমে বাছাই করতে পারেন, তারপরে একটি সুমিফ করুন এবং দেখুন কতগুলি পরিদর্শন আপনি যে ডিজাইনটির প্রস্থটি দেখছেন তার চেয়ে বড় বা কম।

= বাম (এ 2, FIND ("এক্স", এ 2,1) -1) * 1

আমি কি 22% পাঠককে ছেড়ে দিয়েছি যারা আরও কম রেজোলিউশন চালাচ্ছেন? অবশ্যই না! আপনার সামগ্রীর বাম এবং আপনার সাইডবারের ডানদিকে লেআউট সম্পর্কে দুর্দান্ত জিনিসটি আপনি নিশ্চিত করতে পারেন যে আপনার সামগ্রী এখনও ব্রাউজারের সংখ্যাগরিষ্ঠের প্রস্থের মধ্যে রয়েছে। এই ক্ষেত্রে, আমার 99% পাঠক 640 পিক্সেলের বেশি প্রশস্ত চলছে, তাই আমি ভাল! আমি চাই না যে তারা পুরোপুরি সাইডবারটি মিস করবে, তবে এটি সামগ্রীর পক্ষে গৌণ।

9 মন্তব্য

  1. 1

    আমি একটি হাইব্রিড লেআউট এবং 100% প্রস্থের একটি সিএসএস ধারক প্রস্তাব দিচ্ছি। যতক্ষণ আপনি সাইডবারের জন্য একটি নির্দিষ্ট প্রস্থ পেয়েছেন, ততক্ষণ শিরোনাম, পাদচরণ এবং মূল সামগ্রীর ক্ষেত্রগুলি স্ক্রিনের অবশিষ্ট প্রস্থের সাথে মানিয়ে নেবে। ব্যবহারকারীর মনিটরের রেজোলিউশন নির্বিশেষে প্রত্যেকের ব্রাউজার উইন্ডোর 100% পূরণ করে। তারপরে আপনাকে আর পিক্সেল গণনা বা মনিটরের রেজোলিউশন সম্পর্কিত ব্যবহারকারীর পরিসংখ্যানের ট্র্যাক রাখতে হবে না।

    • 2

      I really like hybrid layouts, Bob – but unfortunately they don’t play well sometimes with the actual content. Maybe I’m lazy, but it’s easier for me to know that max and min are 640px in my site. Stretching is difficult to conceive when I’m writing the posts.

      আমার ধারণা কেবল একটি ব্যক্তিগত পছন্দ!

  2. 3

    মূলত, আমি আপনার উপসংহারের সাথে একমত, তবে আমি যদি একটি নির্দিষ্ট প্রস্থ সেটআপ ব্যবহার করি তবে আমি প্রস্থটি 960 পিক্সেলের মধ্যে সীমাবদ্ধ করি।

    ভার্টিকাল স্ক্রোল বার এবং অন্যান্য ব্রাউজার শর্টকাট বারগুলির অতিরিক্ত অ্যাকাউন্টগুলির জন্য অ্যাকাউন্ট করতে হবে। 960 পিক্সেলের মধ্যে অবস্থান করে, একজনকে আশ্বাস দেওয়া হয় যে 1024 পিক্সেল-প্রস্থের স্ক্রিন রেজোলিউশনে বাম থেকে ডানদিকে কোনও স্ক্রোলিং নেই।

    অ্যান্ডি ইবন

  3. 4
  4. 5

    খুব অদ্ভুত. ফায়ারফক্সে, আপনার সাইটে 1048 এ একটি দিগন্ত স্ক্রোলবার রয়েছে এবং আপনি 1090 এ না পৌঁছানো পর্যন্ত পরিষ্কার চেহারা নেই।

    গুগল রেজোলিউশন থেকে দুর্দান্ত পরিসংখ্যানের জন্য ধন্যবাদ

  5. 6

    Since you've got your <div id="page"> set to 1048px, your site causes horizontal scroll bars on a 1024 screen. I think it would have been better to skim a 100px off the width (and padding) of your sidebar and content area so it fits on a 728×1024. That's what is best practice today.

    এর বিরুদ্ধে কেবল একমাত্র মামলাটি যদি বিশ্লেষণ নম্বরগুলি সমর্থন করে তবে… তবে যেহেতু আপনি আপনার নিবন্ধে সেই ডেটা সরবরাহ করেন নি, তাই আমি বলতে পারি যে আপনার পৃষ্ঠার নকশাটি ত্রুটিযুক্ত।

  6. 7

    আমি এখন 15 × 1024 রেজোলিউশন সহ 768 'মনিটরের সাথে আছি, আমি অনুভূমিক বারটি দেখতে পাচ্ছি এবং আমি এটি ঘৃণা করি।

  7. 8

    বোকা লোক
    প্রত্যেকে প্রতিটি উইন্ডো পূর্ণ পর্দায় ব্যবহার করে না - আসলে, আমি কিছুটা করেই দিতাম। 

    আপনার ব্লগটি আমি একটি 80% উইন্ডোতে পেয়েছি ... এবং এটি সেখানে একটি অনুভূমিক স্ক্রোল বার

    এবং স্ক্রিনটি কী বন্ধ রয়েছে ... দেখা যাক… কিছুই নয়।

    সুতরাং আপনার স্ক্রোল বার অর্থহীন।

    পাঠকদের হারানোর এক সহজ উপায় !!

    • 9

      লিখিত বিষয়বস্তুটি @ হেনান :৩ পৃষ্ঠায় অবস্থিত: ডিসকাস, পাঠককে তাদের ঠিক কী প্রয়োজন তা সরবরাহ করে। যদি আমি পাঠকদের হারাতে পারি কারণ তারা উভয়ই সামগ্রী দেখতে এবং একটি অনুভূমিক স্ক্রোলবার দেখতে পারে ... নিশ্চিত যে তারা যে পাঠক আমি সন্ধান করছি তারা তা নয়। আমাদের কন্টেন্টের মধ্যে অবশ্যই কিছু অনন্য রয়েছে যা এটিকে 73px এ ঠেলে দেয় তাই আমি এটিকে ট্র্যাক করে এটি ঠিক করতে যাচ্ছি। এই পোস্টটি আসলে একটি পূর্ববর্তী থিম সম্পর্কে লেখা হয়েছিল। আমার মনোযোগ এটি আনয়ন করার জন্য ধন্যবাদ!

আপনি কি মনে করেন?

এই সাইট স্প্যাম কমাতে Akismet ব্যবহার করে। আপনার ডেটা প্রক্রিয়া করা হয় তা জানুন.