מקרה לדוגמה שמודד את ההשפעה המלאה ואת היתרונות של ציונים גבוהים במדדים הבסיסיים של חוויית המשתמש באתר.
RebelMouse הוא מערכת ניהול תוכן מבוססת-ענן עם הכלים מבוססי-הנתונים ואסטרטגיית הקריאייטיב שבעלי תוכן דיגיטלי צריכים כדי לספק את החוויה הטובה ביותר לקהלים חדשים וותיקים. אנחנו מספקים שירותים לנכסי אינטרנט עם נפח תנועה גבוה לחברות מדיה כמו Upworthy, Narcity, Raw Story, Brit + Co ו-The Independent, וגם לאתרים עם ערך גבוה כמו Penske Trucks, Vault12, Gaingels ועוד רבים.
הפלטפורמה שלנו מגיעה ליותר מ-100 מיליון אנשים בחודש בארה"ב בלבד. החברה נוסדה על בסיס האמונה שהאינטרנט הפתוח צריך לעמוד בציפיות הגבוהות ביותר של הצרכנים כדי לשגשג, והסטנדרטים שהוגדרו על ידי מדדי הליבה של Google לאינטרנט (Core Web Vitals) תואמים לחזון הזה שמתמקד במשתמשים.
במשך יותר מעשור, הצוות הגלובלי שלנו מתכנן מערכת ניהול תוכן שמאפשרת ליצור חוויות משתמש חיוביות ואינטואיטיביות שמניבות תוצאות עסקיות משמעותיות. מדדי הליבה לבדיקת חוויית המשתמש באתר הם אמת מידה שמבטיחה שהמעגל הסימביוטי הזה ימשיך בכל אתר חדש שאנחנו מפעילים.
למה עדיפות גבוהה לביצועים מובילה לשיפור העסק
בעלי תוכן דיגיטלי רבים ספקות לגבי כדאיות המאמץ להשגת ציונים מצוינים בדוח המדדים הבסיסיים של חוויית המשתמש (Core Web Vitals). בנוסף, הם חוששים שגם חוויית משתמש איכותית לא תגרום לעלייה מספקת במספר הקוראים. למזלנו, העדיפות שאנחנו נותנים לביצועים ב-RebelMouse סיפקה לנו את הנתונים שמוכחים שמדדי הליבה לבדיקת חוויית המשתמש באתר הם דרך מצוינת לייצר תנועה חדשה ולפתח את נאמנות המשתמשים הנדרשת כדי להצליח בעסק.
כדי להמחיש זאת, ניתחנו את התנהגות הקהל בכמה אתרים שאנחנו מפעילים, לפני ואחרי ביצוע אופטימיזציה להשגת ציונים גבוהים במדדים הבסיסיים של חוויית המשתמש. באופן ספציפי, הגדרנו סוגי משתמשים כדי להפריד את הקהלים לקטגוריות המפתח הבאות:
- מבקרים חדשים: משתמשים שנכנסו לאתר בפעם הראשונה.
- מבקרים חוזרים: משתמשים שהיו להם לפחות שני סשנים.
- מבקרים נאמנים: משתמשים שהיו להם לפחות שלושה סשנים או יותר.
- מעריצים: משתמשים שהיו להם לפחות ארבעה סשנים.
- סופר-מעריצים: משתמשים שהיו להם לפחות חמישה סשנים.
מקורות מידע: - https://www.hotjar.com/google-analytics/glossary/users - https://databox.com/new-vs-returning-visitors
הנתונים מהשטח, שנאספו על ידי Google Analytics, היו ברורים מאוד. כשהתמקדו בקטגוריות של מבקרים נאמנים, מעריצים ו'סופר-מעריצים', גילינו שיש סיכוי גבוה יותר שהמשתמשים יישארו באתרים האלה למשך זמן ארוך יותר, צורכו יותר תוכן ויחזרו אליהם בתדירות גבוהה יותר אם מדדי הליבה לבדיקת חוויית המשתמש באתר יהיו מצוינים. ריכזנו כאן כמה דוגמאות בולטות:
אבל צריכת התוכן והזמן שהמשתמשים השקיעו בתוכן לא היו המדדים היחידים שזינקו. מספר המשתמשים שביקרו בדפים האלה ומספר הדפים שנכנסו אליהם עלו גם הם באותו טווח זמן:
מאתרים רגילים לאתרים עם ביצועים גבוהים: איך RebelMouse משפרת אתרים
החדשות הטובות הן שאפשר לשפר את הביצועים במדדי Core Web Vitals באמצעות שינויים אסטרטגיים ומתוכננים בקוד הבסיסי של האתר. ריכזנו כאן כמה דרכים שבהן RebelMouse מאפשרת לכם ליצור אתרים עם ביצועים גבוהים:
אפליקציית Progressive Web App
מערכת RebelMouse מבצעת אופטימיזציה של כל הקריאות של צד שלישי באפליקציית אינטרנט מתקדמת, שמציגה קודם את התוכן החשוב ביותר, ולאחר מכן את שאר הקריאות לפי הסדר שבו הקוראים צריכים לראות אותן.
יש לנו שיטה לטעינת JavaScript מיד אחרי השלמת האירוע 'המהירות שבה נטען רכיב התוכן הכי גדול' (LCP). אנחנו נותנים למשתמשים שלנו אפשרות לטעון JavaScript דרך שלוש רמות עדיפות שונות:
- ההגדרה אופטימיזציה מתאימה למשתמשים שרוצים להשתמש בשיטות המתקדמות ביותר. אנחנו משתמשים בו בעבודות הפיתוח שלנו. רמת העדיפות הזו תשהה את הפעלת ה-JavaScript עד הרבה אחרי שהדף נטען במלואו, וכך תאפשר לכם ליהנות מהביצועים הכי טובים.
- חסימת טעינה משמשת להפעלת JavaScript באופן מיידי, ובדרך כלל יש לה השפעה שלילית על ציוני הביצועים. ברמת העדיפות הזו, ה-JavaScript יופעל מיד אחרי שהדף יטען. כתוצאה מכך, ציונים של ביצועים עשויים לרדת ב-10 עד 40 נקודות, בהתאם לשיחה הנוספת.
- Post LCP היא האפשרות הטובה ביותר לשלב בין ציונים גבוהים בביצועים לבין טעינה מהירה מאוד. רמת העדיפות הזו תגרום לטעינה של JavaScript מיד אחרי השלמת האירוע Largest Contentful Paint. (מומלץ להשתמש באפשרות הזו רק במודעות, אם העליתם את ההכנסות מהצגת מודעות למשתמשים שנשארים בדף רק למשך חמש שניות בערך).
אופטימיזציה של הטמעות של רשתות חברתיות
כדי להגן על ציוני CLS (שינוי מצטבר בפריסת הדף) ו-LCP (זמן טעינה ראשוני), צריך להגדיר את כל התכונות המוטמעות של רשתות חברתיות לטעינה איטית.
כדי לשמור על CLS, צריך למצוא באופן דינמי את הגודל של הטמעת הווידאו באמצעות טכנולוגיה בצד השרת, ולהוסיף אותו לאחסון שלכם של המאפיינים של הטמעת הווידאו. לאחר מכן, צריך להעביר את הטמעת הקוד לקצה הקדמי כדי למנוע את הזזת הפריסה בזמן הטעינה. אם אתם רוצים לקבל מידע נוסף על הנושא הזה, יש לנו פוסטים עם דוגמאות ספציפיות ל-Twitter ול-TikTok.
HTML ו-CSS חכמים וקלים במיוחד
צריך ליצור את ה-HTML וה-CSS של האתר באופן שמאפשר להעביר תמונות וטקסט מעל למסך כדי לטעון אותם מראש לפני שאר הדף.
- מבנים לא תקינים של HTML יאלצו את הדפדפן לעבד הרבה רכיבי אתר מיותרים שנמצאים מתחת לקו הווידאו, כדי להציג את מה שנמצא מעל קו הווידאו בחלון התצוגה הראשון.
- במאמרים הבאים מוסבר בהרחבה איך אנחנו עושים זאת ב-RebelMouse:
- איך משפרים את המדדים הבסיסיים של חוויית המשתמש באתר
- מדריך מלא להטמעת מהירויות דפים גבוהות, כולל סקריפטים של צד שלישי.
- מדריך מפורט בנושא אופטימיזציה ל-LCP.
פרסום עם דגש על ביצועים
מאז ההשקה של מדדי Core Web Vitals, המפתחים הרגישו את ההשפעה של פלטפורמות הפרסום שלהם על הסף המומלץ של Google.
HTTP Archive הוא פרויקט בקוד פתוח שמזהה מגמות ומתעדות דפוסים היסטוריים במיליונים של כתובות URL. בדוח הטכנולוגיה של Core Web Vitals, הפרויקט חושף את הביצועים של מערכות ניהול התוכן המובילות בהשוואה לסטנדרטים של Google לחוויית המשתמש בדפים. מאז ההשקה של RebelMouse ועד 2022, הפלטפורמה השיגה ביצועים טובים יותר באופן עקבי מפלטפורמות מרכזיות אחרות לניהול תוכן לפי המדדים הקריטיים ביותר של Google:
ביצועים ללא פשרות
יצירת תוכן איכותי היא עכשיו רק חצי מהמאבק של בעלי תוכן דיגיטלי ומותגים כאחד. תוכן איכותי חייב להיות נתמך בטכנולוגיה מודרנית שיכולה לעמוד בקצב ובסטנדרטים של האינטרנט של היום. אנחנו מצליחים לספק מדדי Core Web Vitals שעומדים בדרישות כי ביצועי האתר הם לא רק יעד, אלא עמוד התווך של החברה שמוטמע בתרבות שלנו. אנחנו מתמקדים מאוד בביצועים כדי לעזור ללקוחות שלנו להפיק את המקסימום מהאינטרנט הפתוח. לשם כך, אנחנו מגדילים את נפח התנועה ומגדילים את ההכנסות בלי להתפשר על חוויית המשתמש.
רוצים לדעת איך אנחנו יכולים לעזור לכם לשפר את האתר כך שיעבור את תקן התחום במדדי הליבה לבדיקת חוויית המשתמש באתר? לחצו כאן כדי לקבל מידע נוסף על RebelMouse.