במאמר הזה נסביר את הקשר בין מדדי ליבה לבדיקת חוויית המשתמש באתר לבין מדדים עסקיים מרכזיים, על ידי בחינת דוגמאות לחברות שכבר הניבו השפעה חיובית על המשתמשים ועל העסק שלהן.
מתקשים לשכנע את בעלי העניין להשתמש במדדי ליבה לבדיקת חוויית המשתמש באתר? או שאתם תוהים אם זה באמת עוזר לעסק שלכם? במאמר הזה נסביר את ההתאמה בין מדדי ליבה לבדיקת חוויית המשתמש באתר לבין מדדים עסקיים מרכזיים, על ידי בחינת דוגמאות של חברות שכבר השפיעו לטובה על המשתמשים ועל העסק שלהן.
אם אתם מעדיפים סרטונים, תוכלו לראות את השיחה הזו מ-Google I/O:
למה מדדי הליבה לבדיקת חוויית המשתמש באתר חשובים למשתמשים ולעסק
לבעלי עניין שונים בארגון יכולים להיות עדיפויות שונות. בדוח מדדי הליבה לבדיקת חוויית המשתמש באתר, אפשר להציג את כולם באותו דף, על ידי התמקדות באופטימיזציה של מדדים שמתמקדים במשתמשים ובצמיחה העסקית שנובעת מכך.
הנתיב למדדי הליבה לבדיקת חוויית המשתמש באתר עשוי להשתנות מאתר לאתר, בהתאם למקום שבו נמצאים במסלול להמרת הביצועים ולמורכבות של עיצוב האתר, החל מאיסוף פירות שנשארים רק בעמעום ועד קבלת תוצאות משמעותיות ועד הטמעה של פתרונות מורכבים שפותרים בעיות מאתגרות. בלי קשר לזמן המושקע, מקבלי ההחלטות צריכים להתייחס לכך כהשקעה לטווח הארוך בצמיחה של העסק שלהם. המשתמשים נהנים מחוויית ניווט מהירה וחלקה, והופכים אותם ללקוחות נאמנים וחוזרים. למנהלי מוצרים, ביצועים צריכים להיות קריטריון חשוב שמגדיר את האיכות וההצלחה של תכונות חדשות במוצר. בנוסף, מצוינות במוצר ועבודה על אתגרים מעניינים משפרים את שביעות הרצון של המפתחים.
מדדי הליבה לבדיקת חוויית המשתמש באתר כאות דירוג נותנים מוטיבציה נוספת להשקיע זמן בביצועים, אבל לשימוש בדוח בנושא מדדי ליבה לבדיקת חוויית המשתמש באתר יש עוד הרבה יתרונות לטווח הקצר והארוך, מעבר לדירוג. נסביר על כמה מקרים לדוגמה של מותגים גלובליים ומקומיים שבחרו להשתמש במדדי הליבה לבדיקת חוויית המשתמש באתר (לפני שהייתה להם השפעה על הדירוג) בגלל התמקדות בחוויית המשתמש.
מקרים לדוגמה
Vodafone
Vodafone (איטליה) שיפרה את LCP ב-31% כדי להגדיל את המכירות ב-8% .
שיטות
- רינדור בצד השרת של ה-HTML הקריטי.
- הפחתת JavaScript החוסם עיבוד.
- שיטות לאופטימיזציה של תמונות.
- שינוי הגודל של התמונה הראשית (Hero) ודחיית משאבים לא קריטיים.
תובנות עיקריות
- בדיקת A/B היא הדרך הטובה ביותר למדוד את ההשפעה המשמעותית.
- A/B צריך להיות בצד השרת.
iCook
ב-iCook שיפרה את מדד ה-CLS ב-15% והשיגה עלייה של 10% בהכנסות מפרסום.
שיטות
- פחות שונות בגודל יחידת המודעות ומיקומי מודעות בגודל קבוע שהוקצו מראש בממשק המשתמש.
- לוגיקה לטעינה של סקריפטים של מודעות שעברו אופטימיזציה, שמאפשרת לתעדף בידינג לכותרת ולדחות רכיבי JS לא קריטיים.
תובנות עיקריות
ייתכן ששיעור המילוי יושפע מכך, אבל בסופו של דבר ההכנסה תשתפר.
טוקופדיה
חברת Tokopedia שיפרה את מדד ה-LCP ב-55%, ונהנתה מעלייה של 23% במשך הסשן הממוצע.
שיטות
- רכיב LCP בצד השרת (SSR).
- טעינה מראש של רכיב LCP.
- אופטימיזציה של תמונות (דחיסה, WebP, טעינה מדורגת של תמונות שאינן קריטיות).
תובנות עיקריות
- בניית לוח בקרה למעקב אחר ביצועים, כדי לעקוב אחר ההתקדמות וההשפעה בין הצוותים.
- ניסיתי להשתמש בשיטות רינדור שונות (לדוגמה, רכיב SSR LCP לעומת תוכן SSR) בחלק העליון והקבוע לעומת רינדור מלא בצד הלקוח).
רדבוס
תיקונים במדדי הליבה לבדיקת חוויית המשתמש באתר תרמו לשיעור המרות של 80-100% בניידים (mCVR), ולעלייה משמעותית בדירוג הדומיין בנכסי השוק הגלובליים של Redbus.
שיטות
- תיקון משבצות לרכיבי דף והסרת סקריפטים שלא עברו אופטימיזציה להכנסת תגים שיפורים ב-CLS.
- אופטימיזציה של סקריפטים של צד שלישי ובניית מיקרו-שירותים עם עקרון של אחריות יחידה, צמצמו באופן משמעותי את נקודות ה-TTI ואת TBT.
תובנות עיקריות
- הפחתת ערך ה-CLS מ-1.65 ל-0 הגדילה באופן משמעותי את דירוגי הדומיינים שלה ברחבי העולם.
- הפחתת ערך ה-TTI מ-8 שניות לכ-4 שניות וכ-TBT מ-1,200 אלפיות השנייה ועד כ-700 אלפיות השנייה, תרמה לעלייה של 80-100% ב-mCVR בנכסים גלובליים.
- השימוש בכלים של RUM עזר לנצל את מדדי הביצועים בעולם האמיתי בשווקים ברמה נמוכה יותר.
- חשוב מאוד להשתמש בתרבות הביצועים כדי להימנע מרגרסיה. המידע הזה גם משפר את הפרודוקטיביות של הצוות, בזכות אופטימיזציה של הקוד, השקות מהירות יותר ופחות בעיות בסביבת הייצור.
המקרים לדוגמה שלמעלה מראים שאתם יכולים להגיע לתוצאות רבות על ידי יישום שיטות מומלצות ויישום של ניצחונות מהירים. הנה עוד כמה דוגמאות מהעולם האמיתי.
התוצאות שלמעלה הושגו על ידי נטילת פירות התלויים במקום, כגון:
| אופטימיזציה של תמונות | אופטימיזציה של JavaScript | מודעות ותוכן דינמי |
|---|---|---|
| שימוש בפורמט תמונה WebP | דחיית JS של צד שלישי | שמירת מקום להצגת מודעות בחלק העליון והקבוע |
| שימוש ברשתות CDN של תמונות | הסרה של חסימת עיבוד ו-JS לא בשימוש | הגדרת גובה עבור תוכן דינמי |
| דחיסה | טעינה מדורגת של תוכן JS לא קריטי | |
| דחיית ההצגה של תמונות לא חיוניות | טעינה מראש של תוכן JS קריטי | |
| טעינה מראש של תמונות ראשית (Hero) | ||
| ציון יחס גובה-רוחב |
למידע נוסף על שיטות מומלצות, כדאי לעיין בהנחיות בנושא Web Vitals. השתמשו ב-PageSpeed Insights כדי לבדוק את האתר ולקבל המלצות פרקטיות באופן מיידי.
יש עוד כמה מותגים גלובליים שגם הם הפיקו תועלת מהשקעה במדדי הליבה לבדיקת חוויית המשתמש באתר.
- חברת Tencent Video השיגה שיעור קליקים (CTR) טוב יותר ב-70% של סרטונים לאחר שהיא עברה את מדדי הליבה לבדיקת חוויית המשתמש באתר.
- חברת Cdiscount שיפרה את כל 3 המדדים שתרמו לעלייה של 6% בהכנסות ממבצע בלאק פריידיי.
- ב-Wix גדלו המקורות הניידים שעברו את מדדי הליבה לבדיקת חוויית המשתמש באתר בשיעור של יותר מ-250% בהשוואה לשנה הקודמת.
- בחברת Nykaa מצאו ששיפור של 40% במדד LCP הוביל לעלייה של 28% בתנועה האורגנית מערים T2/T3.
- השיפור במדד LCP של NIKEI STYLE הוביל לעלייה של 9% במספר הצפיות בכל סשן.
- ב-NDTV יש שיעור עזיבה גבוה יותר ב-50% אחרי חצה של LCP, יחד עם שינויים אחרים במוצרים..
- יש קשר בין מדד LCP טוב יותר ב-70% של Agrofy Market לבין ירידה של 76% בנטישה של עומסים..
- חברת Flipkart השיגה ירידה של 2.6% בשיעור העזיבה בעקבות שיפור המדדים של מדדי הליבה לבדיקת חוויית המשתמש באתר.
- אמיבה מנגה שיפרה את מספר הקומיקס שנקראו 2-3 פעמים על ידי שיפור הניקוד של ה-CLS פי 10.
- Yahoo! מדד CLS קבוע ביפן הוביל לירידה של 98% במספר הדפים הגרועים ולעלייה של 15% במספר הצפיות בדפים בכל סשן..
- חברת AliExpress שיפרה את ה-CLS פי 10 ואת ה-LCP פי שניים, מה שהוביל לירידה של 15% בשיעורי העזיבה.
- מדדי GEDI נהנו מירידה של 77% ב-CLS וירידה של 8% בשיעור העזיבה.
איך אפשר להתחיל עכשיו?
שלב 1: התחלת המדידה
כדי להתחיל, צריך למדוד נתוני שדות באתר באמצעות כלים של Real User Monitoring (RUM). קיימים כבר מגוון כלי RUM של Google ושל צד שלישי (3P).
כלי Google RUM
- Search Console
- PageSpeed Insights
- ספריית JavaScript של מאפייני אינטרנט
- דוח לגבי חוויית המשתמש ב-Chrome (CrUX)
כלי RUM של צד שלישי
- Cloudflare
- שריד חדש
- אקמאי
- קליבר
- משולש כחול
- סנטר
- SpeedCurve
- רייגון
בחרו את הכלי המתאים ביותר בשבילכם. אפשר להתקדם עוד צעד ולשלב את Google Analytics 4 כדי להתאים את מדדי הליבה לבדיקת חוויית המשתמש באתר עם המדדים העסקיים שלכם.
שלב 2: לשכנע את בעלי העניין
- הדרכת בעלי העניין על חשיבות השימוש במדדי הליבה לבדיקת חוויית המשתמש באתר, כדי לשפר את חוויית המשתמש ואת ההתאמה שלה למדדים העסקיים של החברה.
- קבלת נותן חסות בתוך הארגון כדי להתחיל ניסוי קטן.
- אפשר ליצור יעד משותף בין בעלי עניין כדי לשפר את מדדי הליבה לבדיקת חוויית המשתמש באתר בין צוותים.
שלב 3: ביצוע הטמעה מוצלחת בעזרת הטיפים הבאים
- לתעדף: מומלץ לבחור דף עם נפח תנועה גבוה או דף עם חשיבות גבוהה להמרות כדי לספק תוצאות משמעותיות (לדוגמה, דף הנחיתה של המודעות, דף ההמרות או דפים פופולריים).
- בדיקת A/B: השתמשו בבדיקה בצד השרת כדי להימנע מעלויות עיבוד. להשוות את התוצאות בין הגרסאות שעברו אופטימיזציה לבין הגרסאות שלא עברו אופטימיזציה.
- מעקב: שימוש במעקב רציף כדי למנוע רגרסיות.
לבסוף, אנחנו מאמינים שביצועים הם מסע ולא יעד. לכן, בכוונתנו לעדכן את המאמר הזה בתקצירים האחרונים של המקרה לדוגמה. אם גם השגתם את המטרה העסקית שלכם ואתם רוצים שנציג אותה במאמר הזה, עליכם לשלוח הצעה לתוכן.