რა არის ვებგვერდის ოპტიმალური სიგანე?

ვებ – გვერდის შექმნა და ვებ – გვერდის სიგანის ოპტიმალური სიგანე დაყენება არის საუბარი, რომლის ჩატარებაც ღირს. ბევრმა თქვენგანმა შენიშნა, რომ ცოტა ხნის წინ შევცვალე ჩემი ბლოგის დიზაინის სიგანე. გვერდის სიგანე 1048 პიქსელზე გადავწიე. ზოგიერთი თქვენგანი არ ეთანხმება ამ ნაბიჯს - მაგრამ მე მსურდა რამდენიმე სტატისტიკისა და მიზეზის გაზიარება იმის გამო, თუ რატომ განვახორციელე თემის სიგანე ასე ფართო.

1048 პიქსელი არ იყო შემთხვევითი რიცხვი.

ჩემი გვერდის სიგანის გაფართოებაზე ორი მნიშვნელოვანი გავლენა იქონია:

  • შეცვალეთ Youtube სიგანეYoutube ახლავე გთავაზობთ უფრო დიდ ჩადგმის ზომებს. თუ თქვენ დააჭირეთ მცირე სიჩქარეს Youtube ვიდეო გვერდის გვერდით ზოლზე, შემოგთავაზებთ უფრო დიდი ზომისა და თემის ვარიანტებს. მას შემდეგ, რაც მაღალი დონის ვიდეოები ხდება Youtube– ზე პოპულარული ადგილი, მსურდა ეს ვიდეოები ჩავრთო ჩემს ბლოგში და აჩვენო რაც შეიძლება მეტი დეტალით (გვერდის მთლიანი სიგანის მოხმარების გარეშე).
  • ტიპიური რეკლამა გვხვდება 125, 250 და 300 პიქსელის სიგანეზე. როგორც ჩანს, რეკლამების შემოსავლების საიტებზე 300 პიქსელი სულ უფრო და უფრო მეტს იჩენს თავს და მე მსურდა, ისინი ლამაზად ჩავსვა ჩემს გვერდით ზოლში.

და რა თქმა უნდა, გვერდის მარცხნივ და მარჯვნივ, შინაარსიდან და გვერდითი ზოლიდან არის რამდენიმე padding… ასე რომ, ჯადოსნური რიცხვი იყო 1048 პიქსელი ჩემი თემისთვის:

ვებსაიტის ოპტიმალური სიგანე

გადავამოწმე ჩემი მკითხველის სტატისტიკა?

Დიახ, რა თქმა უნდა! თუ ჩემი ვიზიტორების უმრავლესობა უფრო დაბალი რეზოლუციის ეკრანებს მართავდა, მე ნამდვილად ვიფიქრებდი ჩემი გვერდის გაფართოებაზე. სიგანე და პროცენტული მაჩვენებელიჩემი Analytics პაკეტიდან ეკრანის რეზოლუციების გამოტანის შემდეგ (Google– ში ეს არის მისი ვიზიტორები> ბრაუზერის შესაძლებლობები> ეკრანის რეზოლუციები), მე ავაშენე Excel- ის შედეგების ცხრილი და გავაანალიზე რეზოლუციის ველიდან სიგანე.

Google უზრუნველყოფს გარჩევადობას 1600 × 1200, ასე რომ თქვენ უნდა აიღოთ ყველაფერი ”x” მარცხნიდან, გამრავლეთ 1-ზე, რათა გახდეს რიცხვითი შედეგი, ასე რომ თქვენ შეგიძლიათ დალაგოთ მასზე კლება, შემდეგ გააკეთოთ SUMIF და ნახოთ რამდენი ვიზიტი უფრო მეტია ან ნაკლებია ვიდრე დიზაინის სიგანე, რომელსაც ეძებთ.

= მარცხნივ (A2, FIND ("x", A2,1) -1) * 1

დავტოვე მკითხველთა 22%, რომლებიც უფრო მცირე რეზოლუციას იყენებენ? Რათქმაუნდა არა! სასიამოვნოა თქვენი შინაარსის მარცხენა და გვერდითი ზოლის განლაგების განლაგების შესახებ, რომ თქვენ შეგიძლიათ დარწმუნდეთ, რომ თქვენი შინაარსი კვლავ სიაშია ბრაუზერების უმრავლესობა. ამ შემთხვევაში, ჩემი მკითხველთა 99% სიგანეზე 640 პიქსელზე მეტია, ამიტომ მე კარგად ვარ! არ მსურს მათ ხელიდან გაუშვან გვერდითი ზოლი, მაგრამ ეს შინაარსიდან მეორეხარისხოვანია.

9 კომენტარები

  1. 1

    მე გთავაზობთ ჰიბრიდულ განლაგებას და CSS კონტეინერის სიგანეს 100%. სანამ გვერდითი ზოლისთვის გაქვთ ფიქსირებული სიგანე, ზედა კოლონტიტული, ქვედა კოლონტიტული და ძირითადი შინაარსის ადგილები შეცვლიან ეკრანის დარჩენილ სიგანეს. ავსებს ყველას ბრაუზერის ფანჯრის 100% -ს, მიუხედავად მომხმარებლის მონიტორის რეზოლუციისა. თქვენ აღარ მოგიწევთ პიქსელების დათვლა ან მომხმარებლის სტატისტიკის თვალყურისდევნება მონიტორის რეზოლუციებთან დაკავშირებით.

    • 2

      ძალიან მომწონს ჰიბრიდული განლაგებები, ბობ - მაგრამ, სამწუხაროდ, ისინი ზოგჯერ კარგად არ თამაშობენ რეალურ შინაარსს. შეიძლება მე ზარმაცი ვარ, მაგრამ ჩემთვის უფრო ადვილია იმის ცოდნა, რომ მაქსიმალური და მინ არის 640 პიქსელი ჩემს საიტზე. გაჭიმვა რთულია, როდესაც პოსტებს ვწერ.

      ვფიქრობ, მხოლოდ პირადი უპირატესობაა!

  2. 3

    არსებითად, მე ვეთანხმები თქვენს დასკვნას, მაგრამ თუ მე ვიყენებ ფიქსირებული სიგანის პარამეტრს, მე ვზღუდავ სიგანეს 960 პიქსელამდე.

    უნდა გაითვალისწინოთ ვერტიკალური გადახვევის ზოლები და ბრაუზერის სხვა მალსახმობების ზოლები, რომლებიც დამატებით სიგანეს იკავებს. 960 პიქსელში ჩარჩოებით დარწმუნდებით, რომ არ არსებობს მარცხნიდან მარჯვნივ გადახვევა 1024 პიქსელის სიგანის ეკრანის გარჩევადობაზე.

    ენდი ებონი

  3. 4

    მადლობა ამ პოსტისთვის დაგ. მე ვმუშაობ ახალ (უფრო ფართო) განლაგებაზე ინდიანა ინსაიდერის ბლოგი და ეს პოსტი ზუსტად მე მჭირდებოდა!

    - ჯერემი

  4. 5

    ძალიან უცნაური Firefox– ში თქვენს საიტს აქვს ჰორიზონტის გადახვევის ზოლი 1048 – ზე და არ აქვს სუფთა სახე სანამ არ გამოხვალთ 1090 – მდე.

    გმადლობთ შესანიშნავი სტატისტიკისთვის, Google– ის რეზოლუციებისთვის

  5. 6

    მას შემდეგ, რაც თქვენ გაქვთ თქვენი დაყენებულია 1048 პიქსელზე, თქვენი საიტი იწვევს ჰორიზონტალურ გადახვევის ზოლებს 1024 ეკრანზე. მე ვფიქრობ, რომ უკეთესი იქნებოდა გვერდის ზოლის სიგანეზე (და ბალიშზე) 100 პიქსელის გამოტოვება, ასე რომ ის 728 × 1024-ზე ჯდებოდა. ეს არის საუკეთესო პრაქტიკა დღეს.

    ამის საწინააღმდეგო საქმე მხოლოდ ის იქნებოდა, თუ ანალიტიკური ნომრები მხარს დაუჭერდნენ მას… მაგრამ მას შემდეგ, რაც თქვენს სტატიაში არ მიუთითეთ ეს მონაცემები, მე ვიტყოდი, რომ გვერდის დიზაინი არასწორია.

  6. 7
  7. 8

    Სულელი კაცი
    ყველა არ იყენებს ყველა ფანჯარას მთელ ეკრანზე - სინამდვილეში, მე მინდა ფსონს, რომ ასე აკეთებენ რამდენიმე. 

    მე მაქვს შენი ბლოგი 80% -იანი o და ეს არის ის, ჰორიზონტალური გადახვევის ზოლი

    და რა არის ეკრანზე ... ვხედავ… არაფერს.

    თქვენი გადახვევის ზოლი უაზროა.

    მკითხველთა დაკარგვის ერთი მარტივი გზა !!

    • 9

      შინაარსი ორიენტირებულია გვერდზე @ heenan73: დისკუსია, რაც მკითხველს უზრუნველყოფს ზუსტად მათთვის, რაც მათ სჭირდებათ. თუ მკითხველს ვკარგავ, რადგან მათ შეუძლიათ ორივე დაინახონ შინაარსი და დაინახონ ჰორიზონტალური გადახვევის ზოლი… დარწმუნებული არ არიან, რომ ისინი იყვნენ ის მკითხველები, რომლებსაც ვეძებ. ჩვენს შინაარსში ნამდვილად არის უნიკალური რამ, რაც მას უბიძგებს 1217 პიქსელამდე, ამიტომ მე ვაკვირდები ამას და გამოვასწორებ მას. ეს პოსტი რეალურად დაწერილი იყო წინა თემასთან დაკავშირებით. მადლობა, რომ ეს ჩემი ყურადღება მიიპყრო!

რას ფიქრობთ?

ეს საიტი იყენებს Akismet- ს, რათა შეამციროს სპამი. შეისწავლეთ თქვენი კომენტარის მონაცემები დამუშავებული.