ಆಪ್ಟಿಮಲ್ ವೆಬ್ ಪೇಜ್ ಅಗಲ ಯಾವುದು?

ವೆಬ್ ಸೈಟ್ ಅನ್ನು ವಿನ್ಯಾಸಗೊಳಿಸುವುದು ಮತ್ತು ವೆಬ್ ಪುಟದ ಅಗಲವನ್ನು ಅತ್ಯುತ್ತಮ ಅಗಲಕ್ಕೆ ಹೊಂದಿಸುವುದು ಒಂದು ಸಂಭಾಷಣೆಯಾಗಿದೆ. ನಾನು ಇತ್ತೀಚೆಗೆ ನನ್ನ ಬ್ಲಾಗ್ ವಿನ್ಯಾಸದ ಅಗಲವನ್ನು ಬದಲಾಯಿಸಿದ್ದನ್ನು ನಿಮ್ಮಲ್ಲಿ ಹಲವರು ಗಮನಿಸಿದ್ದೀರಿ. ನಾನು ಪುಟದ ಅಗಲವನ್ನು 1048 ಪಿಕ್ಸೆಲ್‌ಗಳಿಗೆ ತಳ್ಳಿದೆ. ನಿಮ್ಮಲ್ಲಿ ಕೆಲವರು ಈ ಕ್ರಮವನ್ನು ಒಪ್ಪುವುದಿಲ್ಲ - ಆದರೆ ನಾನು ಥೀಮ್ ಅಗಲವನ್ನು ಏಕೆ ವಿಶಾಲವಾಗಿ ತಳ್ಳಿದೆ ಎಂಬುದರ ಕುರಿತು ಕೆಲವು ಅಂಕಿಅಂಶಗಳು ಮತ್ತು ಕಾರಣಗಳನ್ನು ಹಂಚಿಕೊಳ್ಳಲು ನಾನು ಬಯಸುತ್ತೇನೆ.

1048 ಪಿಕ್ಸೆಲ್‌ಗಳು ಯಾದೃಚ್ number ಿಕ ಸಂಖ್ಯೆಯಾಗಿರಲಿಲ್ಲ.

ನನ್ನ ಪುಟ ಅಗಲವನ್ನು ವಿಸ್ತರಿಸುವಲ್ಲಿ ಎರಡು ಪ್ರಮುಖ ಪ್ರಭಾವಗಳಿವೆ:

  • ಯುಟ್ಯೂಬ್ ಅಗಲವನ್ನು ಬದಲಾಯಿಸಿಯುಟ್ಯೂಬ್ ಈಗ ದೊಡ್ಡ ಎಂಬೆಡ್ ಗಾತ್ರಗಳನ್ನು ನೀಡುತ್ತದೆ. ಯುಟ್ಯೂಬ್ ವೀಡಿಯೊ ಪುಟದ ಸೈಡ್‌ಬಾರ್‌ನಲ್ಲಿರುವ ಸಣ್ಣ ಗೇರ್ ಅನ್ನು ನೀವು ಕ್ಲಿಕ್ ಮಾಡಿದರೆ, ದೊಡ್ಡ ಗಾತ್ರಗಳು ಮತ್ತು ಥೀಮ್‌ಗಾಗಿ ನಿಮಗೆ ಆಯ್ಕೆಗಳನ್ನು ನೀಡಲಾಗುತ್ತದೆ. ಯುಟ್ಯೂಬ್‌ನಲ್ಲಿ ಹೈ ಡೆಫಿನಿಷನ್ ವೀಡಿಯೊಗಳು ಸಾಮಾನ್ಯ ಸ್ಥಳವಾಗುತ್ತಿರುವುದರಿಂದ, ಆ ವೀಡಿಯೊಗಳನ್ನು ನನ್ನ ಬ್ಲಾಗ್‌ನಲ್ಲಿ ಸಂಯೋಜಿಸಲು ಮತ್ತು ಅವುಗಳನ್ನು ನನ್ನಿಂದ ಸಾಧ್ಯವಾದಷ್ಟು ವಿವರವಾಗಿ ಪ್ರದರ್ಶಿಸಲು ನಾನು ಬಯಸುತ್ತೇನೆ (ಸಂಪೂರ್ಣ ಪುಟ ಅಗಲವನ್ನು ಬಳಸದೆ).
  • ವಿಶಿಷ್ಟ ಜಾಹೀರಾತು 125, 250 ಮತ್ತು 300 ಪಿಕ್ಸೆಲ್ ಅಗಲಗಳಲ್ಲಿ ಬರುತ್ತದೆ. ಜಾಹೀರಾತು ಆದಾಯದ ಸೈಟ್‌ಗಳಲ್ಲಿ 300 ಪಿಕ್ಸೆಲ್‌ಗಳು ಹೆಚ್ಚು ಹೆಚ್ಚು ಕಾಣಿಸುತ್ತಿವೆ ಮತ್ತು ಅವುಗಳನ್ನು ನನ್ನ ಸೈಡ್‌ಬಾರ್‌ನಲ್ಲಿ ಅಂದವಾಗಿ ಸಂಯೋಜಿಸಲು ನಾನು ಬಯಸುತ್ತೇನೆ.

ಮತ್ತು ಸಹಜವಾಗಿ, ಪುಟ, ವಿಷಯ ಮತ್ತು ಸೈಡ್‌ಬಾರ್‌ನ ಎಡ ಮತ್ತು ಬಲಕ್ಕೆ ಕೆಲವು ಪ್ಯಾಡಿಂಗ್ ಇದೆ… ಆದ್ದರಿಂದ ನನ್ನ ಥೀಮ್‌ಗಾಗಿ ಮ್ಯಾಜಿಕ್ ಸಂಖ್ಯೆ 1048 ಪಿಕ್ಸೆಲ್‌ಗಳು:

ಅತ್ಯುತ್ತಮ ವೆಬ್ ಸೈಟ್ ಅಗಲ

ನನ್ನ ಓದುಗರ ಅಂಕಿಅಂಶಗಳನ್ನು ನಾನು ಪರಿಶೀಲಿಸಿದ್ದೇನೆಯೇ?

ಹೌದು ಖಚಿತವಾಗಿ! ನನ್ನ ಬಹುಪಾಲು ಸಂದರ್ಶಕರು ಕಡಿಮೆ ರೆಸಲ್ಯೂಶನ್ ಪರದೆಗಳನ್ನು ಚಲಾಯಿಸುತ್ತಿದ್ದರೆ, ನನ್ನ ಪುಟವನ್ನು ವಿಸ್ತರಿಸುವ ಬಗ್ಗೆ ನಾನು ಖಂಡಿತವಾಗಿಯೂ ಎರಡನೆಯ ಆಲೋಚನೆಗಳನ್ನು ಹೊಂದಿದ್ದೇನೆ. ಅಗಲ ಮತ್ತು ಶೇಕಡಾವಾರುನನ್ನ ಅನಾಲಿಟಿಕ್ಸ್ ಪ್ಯಾಕೇಜ್‌ನಿಂದ ಪರದೆಯ ರೆಸಲ್ಯೂಷನ್‌ಗಳನ್ನು output ಟ್‌ಪುಟ್ ಮಾಡಿದ ನಂತರ (ಗೂಗಲ್‌ನಲ್ಲಿ ಇದು ವಿಸಿಟರ್ಸ್> ಬ್ರೌಸರ್ ಸಾಮರ್ಥ್ಯಗಳು> ಸ್ಕ್ರೀನ್ ರೆಸಲ್ಯೂಶನ್‌ಗಳು), ನಾನು ಫಲಿತಾಂಶಗಳ ಎಕ್ಸೆಲ್ ಸ್ಪ್ರೆಡ್‌ಶೀಟ್ ಅನ್ನು ನಿರ್ಮಿಸಿದೆ ಮತ್ತು ರೆಸಲ್ಯೂಶನ್ ಕ್ಷೇತ್ರದಿಂದ ಅಗಲವನ್ನು ಪಾರ್ಸ್ ಮಾಡಿದೆ.

ಗೂಗಲ್ ರೆಸಲ್ಯೂಶನ್ ಅನ್ನು 1600 × 1200 ಎಂದು ಒದಗಿಸುತ್ತದೆ, ಆದ್ದರಿಂದ ನೀವು “x” ನ ಎಡಭಾಗದಿಂದ ಎಲ್ಲವನ್ನೂ ತೆಗೆದುಕೊಳ್ಳಬೇಕು, ಅದನ್ನು ಸಂಖ್ಯಾತ್ಮಕ ಫಲಿತಾಂಶವಾಗಿಸಲು ಅದನ್ನು 1 ರಿಂದ ಗುಣಿಸಿ ಆದ್ದರಿಂದ ನೀವು ಅದರ ಮೇಲೆ ಅವರೋಹಣವನ್ನು ವಿಂಗಡಿಸಬಹುದು, ನಂತರ SUMIF ಮಾಡಿ ಮತ್ತು ಎಷ್ಟು ಭೇಟಿಗಳನ್ನು ನೋಡಿ ನೀವು ನೋಡುತ್ತಿರುವ ವಿನ್ಯಾಸ ಅಗಲಕ್ಕಿಂತ ದೊಡ್ಡದಾಗಿದೆ ಅಥವಾ ಕಡಿಮೆ.

= ಎಡ (ಎ 2, ಫಿಂಡ್ ("ಎಕ್ಸ್", ಎ 2,1) -1) * 1

ಸಣ್ಣ ರೆಸಲ್ಯೂಶನ್ ನಡೆಸುತ್ತಿರುವ 22% ಓದುಗರನ್ನು ನಾನು ತ್ಯಜಿಸಿದ್ದೇನೆಯೇ? ಖಂಡಿತ ಇಲ್ಲ! ನಿಮ್ಮ ವಿಷಯ ಎಡ ಮತ್ತು ನಿಮ್ಮ ಸೈಡ್‌ಬಾರ್ ಬಲಭಾಗದಲ್ಲಿರುವ ವಿನ್ಯಾಸದ ಬಗ್ಗೆ ಒಳ್ಳೆಯದು ನಿಮ್ಮ ವಿಷಯವು ಇನ್ನೂ ಹೆಚ್ಚಿನ ಬ್ರೌಸರ್‌ಗಳ ಅಗಲದಲ್ಲಿದೆ ಎಂದು ನೀವು ಖಚಿತಪಡಿಸಿಕೊಳ್ಳಬಹುದು. ಈ ಸಂದರ್ಭದಲ್ಲಿ, ನನ್ನ ಓದುಗರಲ್ಲಿ 99% ಜನರು 640 ಪಿಕ್ಸೆಲ್‌ಗಳಿಗಿಂತ ಹೆಚ್ಚು ಅಗಲವನ್ನು ಹೊಂದಿದ್ದಾರೆ, ಆದ್ದರಿಂದ ನಾನು ಒಳ್ಳೆಯವನು! ಅವರು ಸೈಡ್‌ಬಾರ್ ಅನ್ನು ಸಂಪೂರ್ಣವಾಗಿ ತಪ್ಪಿಸಿಕೊಳ್ಳಬೇಕೆಂದು ನಾನು ಬಯಸುವುದಿಲ್ಲ, ಆದರೆ ಅದು ವಿಷಯಕ್ಕೆ ದ್ವಿತೀಯಕವಾಗಿದೆ.

9 ಪ್ರತಿಕ್ರಿಯೆಗಳು

  1. 1

    ನಾನು ಹೈಬ್ರಿಡ್ ವಿನ್ಯಾಸ ಮತ್ತು 100% ಸಿಎಸ್ಎಸ್ ಕಂಟೇನರ್ ಅಗಲವನ್ನು ಸೂಚಿಸುತ್ತೇನೆ. ಸೈಡ್‌ಬಾರ್‌ಗಾಗಿ ನೀವು ನಿಗದಿತ ಅಗಲವನ್ನು ಹೊಂದಿರುವವರೆಗೆ, ಹೆಡರ್, ಅಡಿಟಿಪ್ಪಣಿ ಮತ್ತು ಮುಖ್ಯ ವಿಷಯ ಪ್ರದೇಶಗಳು ಪರದೆಯ ಉಳಿದ ಅಗಲಕ್ಕೆ ಹೊಂದಿಕೊಳ್ಳಲು ಹೊಂದಿಕೊಳ್ಳುತ್ತವೆ. ಬಳಕೆದಾರರ ಮಾನಿಟರ್ ರೆಸಲ್ಯೂಶನ್ ಅನ್ನು ಲೆಕ್ಕಿಸದೆ ಪ್ರತಿಯೊಬ್ಬರ ಬ್ರೌಸರ್ ವಿಂಡೋದಲ್ಲಿ 100% ತುಂಬುತ್ತದೆ. ನಂತರ ನೀವು ಇನ್ನು ಮುಂದೆ ಪಿಕ್ಸೆಲ್‌ಗಳನ್ನು ಎಣಿಸಬೇಕಾಗಿಲ್ಲ ಅಥವಾ ಮಾನಿಟರ್ ರೆಸಲ್ಯೂಷನ್‌ಗಳಿಗೆ ಸಂಬಂಧಿಸಿದಂತೆ ಬಳಕೆದಾರರ ಅಂಕಿಅಂಶಗಳನ್ನು ಗಮನದಲ್ಲಿರಿಸಿಕೊಳ್ಳಬೇಕಾಗಿಲ್ಲ.

    • 2

      ನಾನು ನಿಜವಾಗಿಯೂ ಹೈಬ್ರಿಡ್ ವಿನ್ಯಾಸಗಳನ್ನು ಇಷ್ಟಪಡುತ್ತೇನೆ, ಬಾಬ್ - ಆದರೆ ದುರದೃಷ್ಟವಶಾತ್ ಅವರು ನಿಜವಾದ ವಿಷಯದೊಂದಿಗೆ ಕೆಲವೊಮ್ಮೆ ಉತ್ತಮವಾಗಿ ಆಡುವುದಿಲ್ಲ. ಬಹುಶಃ ನಾನು ಸೋಮಾರಿಯಾಗಿದ್ದೇನೆ, ಆದರೆ ನನ್ನ ಸೈಟ್‌ನಲ್ಲಿ ಗರಿಷ್ಠ ಮತ್ತು ನಿಮಿಷ 640px ಎಂದು ತಿಳಿಯುವುದು ನನಗೆ ಸುಲಭವಾಗಿದೆ. ನಾನು ಪೋಸ್ಟ್‌ಗಳನ್ನು ಬರೆಯುವಾಗ ಸ್ಟ್ರೆಚಿಂಗ್ ಕಲ್ಪಿಸುವುದು ಕಷ್ಟ.

      ನಾನು ess ಹಿಸುವ ವೈಯಕ್ತಿಕ ಆದ್ಯತೆ!

  2. 3

    ಮೂಲಭೂತವಾಗಿ, ನಿಮ್ಮ ತೀರ್ಮಾನವನ್ನು ನಾನು ಒಪ್ಪುತ್ತೇನೆ, ಆದರೆ ನಾನು ಸ್ಥಿರ ಅಗಲ ಸೆಟಪ್ ಅನ್ನು ಬಳಸುತ್ತಿದ್ದರೆ, ನಾನು ಅಗಲವನ್ನು 960 ಪಿಕ್ಸೆಲ್‌ಗಳಿಗೆ ಮಿತಿಗೊಳಿಸುತ್ತೇನೆ.

    ಹೆಚ್ಚುವರಿ ಅಗಲವನ್ನು ತೆಗೆದುಕೊಳ್ಳುವ ಲಂಬ ಸ್ಕ್ರಾಲ್ ಬಾರ್‌ಗಳು ಮತ್ತು ಇತರ ಬ್ರೌಸರ್ ಶಾರ್ಟ್‌ಕಟ್ ಬಾರ್‌ಗಳಿಗೆ ಒಬ್ಬರು ಖಾತೆಯನ್ನು ಹೊಂದಿರಬೇಕು. 960 ಪಿಕ್ಸೆಲ್‌ಗಳಲ್ಲಿ ಉಳಿಯುವ ಮೂಲಕ, 1024 ಪಿಕ್ಸೆಲ್-ಅಗಲದ ಪರದೆಯ ರೆಸಲ್ಯೂಶನ್‌ನಲ್ಲಿ ಎಡದಿಂದ ಬಲಕ್ಕೆ ಸ್ಕ್ರೋಲಿಂಗ್ ಇಲ್ಲ ಎಂದು ಒಬ್ಬರು ಭರವಸೆ ನೀಡುತ್ತಾರೆ.

    ಆಂಡಿ ಎಬನ್

  3. 4

    ಈ ಪೋಸ್ಟ್‌ಗೆ ಧನ್ಯವಾದಗಳು ಡೌಗ್. ನಾನು ಹೊಸ (ವಿಶಾಲ) ವಿನ್ಯಾಸದಲ್ಲಿ ಕೆಲಸ ಮಾಡುತ್ತಿದ್ದೇನೆ ಇಂಡಿಯಾನಾ ಇನ್ಸೈಡರ್ ಬ್ಲಾಗ್ ಮತ್ತು ಈ ಪೋಸ್ಟ್ ನನಗೆ ಬೇಕಾಗಿರುವುದು ನಿಖರವಾಗಿ!

    - ಜೆರೆಮಿ

  4. 5

    ತುಂಬಾ ಬೆಸ. ಫೈರ್‌ಫಾಕ್ಸ್‌ನಲ್ಲಿ, ನಿಮ್ಮ ಸೈಟ್‌ಗೆ 1048 ರಲ್ಲಿ ಅಡ್ಡ ಸ್ಕ್ರೋಲ್ ಬಾರ್ ಇದೆ, ಮತ್ತು ನೀವು 1090 ಗೆ ಹೊರಡುವವರೆಗೂ ಸ್ವಚ್ look ವಾದ ನೋಟವನ್ನು ಹೊಂದಿರುವುದಿಲ್ಲ.

    Google ರೆಸಲ್ಯೂಷನ್‌ಗಳಿಂದ ಉತ್ತಮ ಅಂಕಿಅಂಶಗಳಿಗೆ ಧನ್ಯವಾದಗಳು

  5. 6

    ನಿಮ್ಮದನ್ನು ನೀವು ಪಡೆದಿರುವುದರಿಂದ 1048px ಗೆ ಹೊಂದಿಸಲಾಗಿದೆ, ನಿಮ್ಮ ಸೈಟ್ 1024 ಪರದೆಯಲ್ಲಿ ಸಮತಲ ಸ್ಕ್ರಾಲ್ ಬಾರ್‌ಗಳನ್ನು ಉಂಟುಮಾಡುತ್ತದೆ. ನಿಮ್ಮ ಸೈಡ್‌ಬಾರ್ ಮತ್ತು ವಿಷಯ ಪ್ರದೇಶದ ಅಗಲದಿಂದ (ಮತ್ತು ಪ್ಯಾಡಿಂಗ್) 100px ಅನ್ನು ತೆರವುಗೊಳಿಸುವುದು ಉತ್ತಮ ಎಂದು ನಾನು ಭಾವಿಸುತ್ತೇನೆ ಆದ್ದರಿಂದ ಅದು 728 × 1024 ಗೆ ಹೊಂದಿಕೊಳ್ಳುತ್ತದೆ. ಅದು ಇಂದು ಉತ್ತಮ ಅಭ್ಯಾಸವಾಗಿದೆ.

    ವಿಶ್ಲೇಷಣಾ ಸಂಖ್ಯೆಗಳು ಅದನ್ನು ಬೆಂಬಲಿಸಿದರೆ ಇದರ ವಿರುದ್ಧದ ಏಕೈಕ ಪ್ರಕರಣವೆಂದರೆ… ಆದರೆ ನಿಮ್ಮ ಲೇಖನದಲ್ಲಿ ನೀವು ಆ ಡೇಟಾವನ್ನು ಒದಗಿಸದ ಕಾರಣ, ನೀವು ಪುಟ ವಿನ್ಯಾಸವು ದೋಷಯುಕ್ತವಾಗಿದೆ ಎಂದು ನಾನು ಹೇಳುತ್ತೇನೆ.

  6. 7

    ನಾನು ಈಗ 15 × 1024 ರೆಸಲ್ಯೂಶನ್‌ನೊಂದಿಗೆ 768 'ಮಾನಿಟರ್‌ನೊಂದಿಗೆ ಇದ್ದೇನೆ, ನಾನು ಅಡ್ಡ ಪಟ್ಟಿಯನ್ನು ನೋಡುತ್ತೇನೆ ಮತ್ತು ನಾನು ಅದನ್ನು ದ್ವೇಷಿಸುತ್ತೇನೆ.

  7. 8

    ಸಿಲ್ಲಿ ಮ್ಯಾನ್
    ಪ್ರತಿಯೊಬ್ಬರೂ ಪ್ರತಿ ವಿಂಡೋವನ್ನು ಪೂರ್ಣ ಪರದೆಯಲ್ಲಿ ಬಳಸುವುದಿಲ್ಲ - ವಾಸ್ತವವಾಗಿ, ಕೆಲವರು ಅದನ್ನು ಮಾಡುತ್ತಾರೆ ಎಂದು ನಾನು ಪಣತೊಡುತ್ತೇನೆ. 

    ನಾನು ನಿಮ್ಮ ಬ್ಲಾಗ್ ಅನ್ನು 80% ವಿಂಡೊದಲ್ಲಿ ಹೊಂದಿದ್ದೇನೆ ... ಮತ್ತು ಅದು ಸಮತಲ ಸ್ಕ್ರಾಲ್ ಬಾರ್ ಆಗಿದೆ

    ಮತ್ತು ಪರದೆಯಿಂದ ಏನಿದೆ… ನೋಡೋಣ… ಏನೂ ಇಲ್ಲ.

    ಆದ್ದರಿಂದ ನಿಮ್ಮ ಸ್ಕ್ರಾಲ್ ಬಾರ್ ಅರ್ಥಹೀನವಾಗಿದೆ.

    ಓದುಗರನ್ನು ಕಳೆದುಕೊಳ್ಳುವ ಒಂದು ಸುಲಭ ಮಾರ್ಗ !!

    • 9

      ವಿಷಯವು @ heenan73: disqus ಪುಟದಲ್ಲಿ ಕೇಂದ್ರೀಕೃತವಾಗಿದೆ, ಇದು ಓದುಗರಿಗೆ ಅಗತ್ಯವಿರುವದನ್ನು ಒದಗಿಸುತ್ತದೆ. ನಾನು ಓದುಗರನ್ನು ಕಳೆದುಕೊಳ್ಳುತ್ತಿದ್ದರೆ ಅವರಿಬ್ಬರೂ ವಿಷಯವನ್ನು ನೋಡಬಹುದು ಮತ್ತು ಸಮತಲವಾದ ಸ್ಕ್ರಾಲ್ಬಾರ್ ಅನ್ನು ನೋಡಬಹುದು… ನಾನು ಹುಡುಕುತ್ತಿರುವ ಓದುಗರು ಅವರು ಎಂದು ಖಚಿತವಾಗಿಲ್ಲ. ನಮ್ಮ ವಿಷಯದಲ್ಲಿ ಖಂಡಿತವಾಗಿಯೂ ಏನಾದರೂ ಅನನ್ಯತೆಯಿದೆ, ಅದು ಅದನ್ನು 1217px ಗೆ ತಳ್ಳುತ್ತದೆ, ಹಾಗಾಗಿ ಅದನ್ನು ಪತ್ತೆಹಚ್ಚಲು ಮತ್ತು ಸರಿಪಡಿಸಲು ಹೋಗುತ್ತೇನೆ. ಈ ಪೋಸ್ಟ್ ಅನ್ನು ಹಿಂದಿನ ಥೀಮ್ ಬಗ್ಗೆ ಬರೆಯಲಾಗಿದೆ. ಅದನ್ನು ನನ್ನ ಗಮನಕ್ಕೆ ತಂದಿದ್ದಕ್ಕಾಗಿ ಧನ್ಯವಾದಗಳು!

ನೀವು ಏನು ಆಲೋಚಿಸುತ್ತೀರಿ ಏನು?

ಸ್ಪ್ಯಾಮ್ ಅನ್ನು ಕಡಿಮೆ ಮಾಡಲು ಈ ಸೈಟ್ ಅಕಿಸ್ಸೆಟ್ ಅನ್ನು ಬಳಸುತ್ತದೆ. ನಿಮ್ಮ ಕಾಮೆಂಟ್ ಡೇಟಾವನ್ನು ಹೇಗೆ ಪ್ರಕ್ರಿಯೆಗೊಳಿಸಲಾಗುತ್ತಿದೆ ಎಂಬುದನ್ನು ತಿಳಿಯಿರಿ.