מה רוחב עמוד האינטרנט האופטימלי?

תכנון אתר אינטרנט והגדרת רוחב עמוד האינטרנט לרוחב אופטימלי היא שיחה שכדאי לנהל. רבים מכם הבחינו כי שיניתי לאחרונה את רוחב העיצוב של הבלוג שלי. דחפתי את רוחב העמוד ל -1048 פיקסלים. חלקכם אולי לא מסכימים עם המהלך - אבל רציתי לשתף כמה נתונים סטטיסטיים וסיבות מדוע דחפתי את רוחב הנושא כל כך רחב.

1048 פיקסלים לא היה מספר אקראי.

היו שתי השפעות עיקריות בהרחבת רוחב העמוד שלי:

  • שנה את רוחב YoutubeYoutube מציע כעת גדלי הטבעה גדולים יותר. אם תלחץ על הציוד הקטן בסרגל הצד של דף הווידיאו של Youtube, מוצעות לך אפשרויות לגדלים גדולים יותר כמו גם לנושא. מכיוון שסרטוני הגדרה גבוהה יותר הופכים למקובלים ב- Youtube, רציתי לשלב את הסרטונים האלה בבלוג שלי ולהציג אותם בפירוט רב ככל שיכולתי (מבלי לצרוך את כל רוחב העמוד).
  • פרסום אופייני מגיע ברוחב של 125, 250 ו -300 פיקסלים. נראה כי 300 פיקסלים צצים יותר ויותר באתרי הכנסות ממודעות ורציתי לשלב אותם בצורה מסודרת בסרגל הצד שלי.

וכמובן, יש ריפוד בצד שמאל וימין של הדף, התוכן וסרגל הצד ... אז מספר הקסם היה 1048 פיקסלים עבור הנושא שלי:

רוחב אתר אינטרנט אופטימלי

האם בדקתי את הסטטיסטיקה של הקוראים שלי?

כן כמובן! אם רוב המבקרים שלי היו מריצים מסכים ברזולוציה נמוכה יותר, בהחלט היו לי מחשבות שניות על הרחבת הדף שלי. רוחב ואחוזיםלאחר שהוצאתי את רזולוציות המסך מחבילת Analytics שלי (בגוגל זה מבקרים> יכולות דפדפן> רזולוציות מסך), בניתי גיליון אלקטרוני של התוצאות וניתחתי את הרוחב משדה הרזולוציה.

גוגל מספקת רזולוציה כ- 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
  5. 6

    מאז שיש לך את שלך מוגדר ל- 1048 פיקסלים, האתר שלך גורם לפסי גלילה אופקיים על גבי מסך 1024. אני חושב שעדיף היה לדלג על 100 פיקסלים מהרוחב (והריפוד) של סרגל הצד ואזור התוכן שלך, כך שהוא יתאים ל- 728 × 1024. זה מה ששיטות העבודה הטובות ביותר כיום.

    המקרה היחיד כנגד זה יהיה אם מספרי הניתוח תומכים בכך ... אך מכיוון שלא סיפקת את הנתונים במאמר שלך, הייתי אומר שאתה בעיצוב העמודים לקוי.

  6. 7
  7. 8

    איש טיפשי
    לא כולם משתמשים בכל חלון במסך מלא - למעשה הייתי מהמר שמעטים עושים. 

    יש לי את הבלוג שלך ברוח של 80% ... והנה, סרגל גלילה אופקי

    ומה מחוץ למסך ... בוא נראה ... כלום.

    אז סרגל הגלילה שלך חסר טעם.

    דרך קלה אחת לאבד קוראים !!

    • 9

      התוכן מרוכז בדף @ heenan73: disqus, ומספק לקורא בדיוק את מה שהוא צריך. אם אני מאבד קוראים מכיוון ששניהם יכולים לראות את התוכן וגם לראות סרגל גלילה אופקי ... לא בטוח שהם הקוראים שאני מחפש. בהחלט יש משהו ייחודי בתוכן שלנו שדוחף אותו ל 1217 פיקסלים אז אני הולך לאתר את זה ולתקן את זה. פוסט זה נכתב למעשה על נושא קודם. תודה שהבאת את תשומת ליבי!

מה אתה חושב?

אתר זה משתמש Akismet כדי להפחית דואר זבל. למד כיצד הנתונים שלך מעובדים.