בעולם הדיגיטלי של ימינו, פרסום אונליין הוא חלק קריטי מהאינטרנט שכולנו נהנים ממנו. עם זאת, מודעות שמיושמות בצורה לא טובה עלולות להוביל לחוויית גלישה איטית יותר, לתסכול בקרב המשתמשים ולפגיעה במעורבות. נלמד אותך איך לטעון מודעות ביעילות בלי להשפיע על מהירות הדף, להבטיח חוויית משתמש חלקה ולמקסם את ההזדמנויות להכנסות עבור בעלי האתרים.
אתרים מסתמכים בעיקר על פרסום באינטרנט כמקור עיקרי להכנסה. עם זאת, לפעמים, הנוכחות של מודעות באתרים משפיעה על חוויית המשתמש ועל הביצועים הכוללים של הדף. לכן חשוב לאזן בין הפעלת המונטיזציה לבין הביצועים של בעלי האתרים והמפרסמים, לבין חוויית המשתמש.
כדאי לשקול אתר שמציב מודעות רבות בתוך התוכן שלו, במטרה לייצר הכנסה גבוהה. עם זאת, המספר הרב של המודעות יוצר תסכול בקרב המשתמשים, ומוביל לחוויית משתמש גרועה ולשיעורי עזיבה גבוהים. למרות שיש פוטנציאל להכנסות משמעותיות ממודעות, נטישה פוגעת מאוד בהצלחת האתר.
בצד השני של הספקת, נניח שיש לכם אתר ללא מודעות. סביבה ללא פרסומות זו מושכת מספר משמעותי של משתמשים בשל זמן הטעינה המהיר שלה וחוויית הגלישה החלקית שלה. עם זאת, ללא אסטרטגיית מונטיזציה האתר נאבק ליצור הכנסות, דבר שעלול לפגוע ביכולת הקיימוּת שלו ובצמיחה שלו בטווח הארוך.
שני התרחישים ממחישים את החשיבות של איזון בין המונטיזציה, המשתמשים והביצועים.
תיעול מדדי ליבה לבדיקת חוויית המשתמש באתר
כדי לטעון מודעות בלי להשפיע לרעה על מהירות הדף, חשוב לעבור את מדדי הליבה לבדיקת חוויית המשתמש באתר. מדדי הליבה לבדיקת חוויית המשתמש באתר, שמרכיבים מדדים כמו המהירות שבה נטען רכיב התוכן הכי גדול (LCP), Cumulative Layout Shift (CLS) והאינטראקציות שהתרחשו בשלב הבא (INP) הם מדדים של חוויית המשתמש שמודדים את האיכות של חוויית המשתמש באתר.
Largest Contentful Paint (LCP)
חשוב מאוד להתמקד באופטימיזציה של LCP, כי המדד הזה מודד את הזמן שעובר עד שהרכיב הגדול ביותר שמכיל תוכן מופיע באזור התצוגה. בעלי אתרים יכולים לקצר את זמן הטעינה של תוכן המודעה ולתת עדיפות לשיטות טעינה אסינכרוניות. כך בעלי אתרים יכולים לקצר את זמני הרינדור של רכיבי התוכן הבולטים ביותר בדף, וכך לקצר את זמן העיבוד של הרכיבים שמכילים את התוכן הבולט ביותר.
מאינטראקציה ועד הצגת התגובה (INP)
שנית, שיפור ה-INP הוא חיוני לחוויות משתמש רספונסיביות. מדד INP מודד את זמן האחזור לכל קליק, הקשה ואינטראקציה עם המקלדת שמתרחשים לאורך חיי הדף. הערך שמתקבל הוא בדרך כלל האינטראקציה שנמשכה פרק הזמן הארוך ביותר, והוא מייצג את היכולת הכוללת של הדף להגיב במהירות לאינטראקציות של משתמשים.
מודעות שגורמות לעיכוב באינטראקציות של משתמשים משפיעות לרעה על INP. מצב כזה עלול לתסכל את המשתמשים ולגרום להם ליצור חוויות שנראות איטיות, או אפילו משובשות לגמרי במקרים קיצוניים. יישום של טעינה מושהית של מודעות ודחיית ביצוע לא קריטי של JavaScript יכולים להפחית את ה-INP של הדף, וכך לשפר את הרספונסיביות הכוללת של הדף.
Cumulative Layout Shift (CLS)
לסיום, הפונקציה CLS מודדת את היציבות החזותית של דף על ידי מדידה של השינויים הבלתי צפויים בפריסה שמתרחשים במהלך טעינת הדף. מודעות שנטענות באופן דינמי או שגודלן משתנה באופן דינמי יכולות להוביל לאי יציבות בפריסה, וכתוצאה מכך ליצור חוויית משתמש גרועה שבה המשתמשים מאבדים את מיקומם בדף, או אפילו מקישים על רכיבים שגויים בטעות בגלל שינויים לא צפויים בפריסה. כדי לצמצם את התופעה הזו, בעלי אתרים צריכים לבצע אופטימיזציה של נתוני ה-CLS כדי להבטיח שנשאר במודעות מקום פנוי כדי למנוע שינויים בפריסה. בנוסף, צריך לבצע אופטימיזציה של גדלים של מודעות כדי למנוע הזרמות חוזרות ופתאומיות של תוכן.
סידור דף האינטרנט בבלוקים נפרדים של תוכן
שינוי המבנה של דף האינטרנט באמצעות בלוקים של תוכן עבור טקסט, תמונה ותוכן מודעה, תוך שימוש גם במאפיין content-visibility:
של CSS, יכול לשפר באופן משמעותי את זמן העיבוד הכולל בדפדפנים מודרניים.
החלה אסטרטגית של המאפיין content-visibility:
בבלוקים של תוכן אלה מגדילה את תהליך העיבוד של טקסט, תמונות ותוכן של מודעות. כך אפשר להבטיח שרק התוכן שמופיע כרגע באזור התצוגה יעובד במלואו, כך מהירות הטעינה הראשונית של הדף תהיה מהירה יותר והאינטראקציות של המשתמשים יהיו חלקות יותר. שיפור הביצועים הזה חשוב במיוחד כשמדובר בדפים ארוכים או בדפים שכוללים מודעות רבות.
מתן עדיפות למיקומי מודעות חשובים
לא כל מיקומי המודעות זהים. לדוגמה, מבחינת הניראות והמונטיזציה, מיקומי מודעות בחלק העליון והקבוע בדרך כלל חשובים יותר ממיקומי המודעות בחלק הנגלל. הסיבה לכך היא שיש סיכוי גבוה יותר שמשתמשים יראו מודעות בחלק העליון והקבוע, כי ניתן לראות אותן ללא גלילה באזור התצוגה הראשון. מודעות בחלק הנגלל מופיעות לאחר שהמשתמש גולל מספיק למטה בדף כדי לראות אותן.
מודעות בחלק העליון והקבוע
![ייצוג חזותי של רעיון המודעה 'בחלק העליון והקבוע'.](https://web.dev/static/articles/loading-ads-page-speed/image/fig-3.png?authuser=5&hl=he)
מיקומי מודעות בחלק העליון והקבוע מתייחסים לחלק של דף האינטרנט שמוצג ללא צורך בגלילה, ויש לו ערך משמעותי בפרסום הדיגיטלי. המיקומים הראשיים האלה נחשבים לבעלי ערך מכמה סיבות:
- מודעות שמוצבות בחלק העליון והקבוע מוצגות באופן מיידי בפני המשתמשים כשהם טוענים דף אינטרנט. קיימת סבירות גבוהה יותר שמשתמשים יבחינו במודעות האלה ויגלו בהן עניין, וכתוצאה מכך שיעור הקליקים יהיה גבוה יותר.
- מפרסמים מתייחסים לעתים קרובות לחלק העליון של דף אינטרנט כאל הנכס החשוב ביותר. זוהי הרושם הראשוני שהמשתמשים מקבלים כשהם מבקרים באתר, ולכן זהו מקום קריטי להצגת מודעות איכותיות ומודעות מובחרות.
- למודעות שמוצגות בחלק העליון והקבוע יש את שיעור הניראות הגבוה ביותר, מאחר שהן נמצאות בקו הראייה הישיר של המשתמש. כך ניתן להבטיח שרוב המשתמשים שמבקרים בדף יראו את המודעות האלה בלי שיצטרכו לגלול למטה.
עם זאת, חשוב לשמור על איזון בין המונטיזציה לבין חוויית המשתמש בעת שימוש במיקומי מודעות בחלק העליון והקבוע של התצוגה הראשונית. הנה כמה שיקולים עיקריים.
- מיקומי המודעות במסך הראשון צריכים להיטען מהר ככל האפשר באזור התצוגה הראשוני של המשתמש. מודעות שנטענות לאט עלולות להשפיע לרעה על חוויית המשתמש ולהגדיל את שיעורי העזיבה. חשוב מאוד לבצע אופטימיזציה של זמני הטעינה של המודעות כדי להבטיח חוויית משתמש וגלישה חלקה.
- אמנם מיקומים של מודעות בחלק העליון והקבוע הם בעלי ערך, אך חשוב לא להעמיס את השטח העיקרי הזה במודעות רבות מדי. יותר מדי מודעות יוצרות עומס יתר בדף, פוגעות בנוחות הקריאה של התוכן ופוגעות בחוויית המשתמש. רצוי לאזן בין מונטיזציה לבין שמירה על פריסה נקייה וידידותית למשתמש.
- ודאו שמיקומי המודעות בחלק העליון והקבוע תואמים למסכים בגדלים שונים ולמכשירים שונים. שיטות עיצוב רספונסיביות יכולות לעזור לכם לשמור על פריסה עקבית ומושכת מבחינה חזותית, ללא קשר לגודל המסך של המשתמש.
מודעות בחלק הנגלל
![ייצוג חזותי של רעיון המודעה 'בחלק הנגלל'.](https://web.dev/static/articles/loading-ads-page-speed/image/fig-4.png?authuser=5&hl=he)
בחלק הנגלל של מודעות בדף, כלומר, למודעות שממוקמות בחלק של דף האינטרנט שגלוי רק אחרי הגלילה למטה, הן מניבות ערך משמעותי בעולם של פרסום דיגיטלי. מיקומים אלו מציעים יתרונות ייחודיים שמשלימים את המיקומים בחלק העליון והקבוע.
מודעות שממוקמות בחלק הנגלל מפיקות תועלת ממשתמשים שגוללים למטה כדי לגלות תוכן נוסף. מיקומי המודעות האלה לוכדים את תשומת הלב של משתמשים מעורבים שמחפשים מידע נוסף באופן פעיל, ולכן הם בעלי ערך רב למותגים שמעוניינים להעביר מסרים מורכבים יותר או את סיפור המותג.
- מיקומי מודעות שאינם גלויים בהתחלה יכולים להתאים לתוכן שלצידם, וכך לספק הזדמנות להיות רלוונטיים להקשר. כך ניתן להגביר את מעורבות המשתמשים ככל שמגלים משתמשים מודעות שקשורות לתוכן שהם בודקים.
- כשבוחרים בקפידה, מודעות בחלק הנגלל משתלבות בצורה חלקה עם התוכן שמסביב ופחות יפריעו למשתמשים. השילוב הזה, שנקרא גם פרסום מותאם, יכול ליצור חוויית משתמש הרמונית יותר.
- גלילה במיקומים הנדרשים של מודעות מציעים יותר עיצוב יצירתי וגמישות פורמט, עם שפע של מקום וחופש להתנסות. אפשר לטעון באופן הדרגתי מודעות וידאו, רכיבים אינטראקטיביים ותמונות גדולות יותר, כדי למשוך את תשומת הלב של המשתמשים בלי להפריע לחוויית המשתמש.
עם זאת, יש להביא בחשבון את השיקולים הבאים במיקומי מודעות בחלק הנגלל:
- מיקומים של מודעות בחלק הנגלל יכולים להיות אפקטיביים, אבל חשוב מאוד לעודד אותם לגלול למטה. שימוש ברמזים חזותיים או בטיזרים של תוכן יכול לעודד את המשתמשים להמשיך לחקור, וכך להגדיל את הסיכוי לחשיפה של המודעה.
- אסור להציב מודעות בחלק הנגלל לפגוע באיכות התוכן או בנוחות הקריאה. שמירה על איזון בין המודעות לבין התוכן כדי למנוע יצירת עומס על המשתמשים וכדי להבטיח חוויית משתמש חיובית.
- בשונה ממיקומי מודעות בחלק העליון והקבוע, ייתכן שמודעות בחלק הנגלל לא צריכות להיטען באופן מיידי. עיכוב הטעינה של המודעות האלה עד שהן מתקרבות לאזור התצוגה של המשתמש יכול לשפר את המהירות הכוללת של טעינת הדף ולקצר את זמני העיבוד הראשוניים של הדף.
בשימוש אסטרטגי, מודעות בחלק הנגלל יכולות להשלים מודעות בחלק העליון והקבוע ולספק פלטפורמה לפורמטים של מודעות קריאייטיב ולרלוונטיות להקשר. עם זאת, כדי להבטיח חוויית משתמש חיובית, אופטימיזציה של החשיפה, איזון התוכן וניהול תזמון עומס המודעות הם שיקולים עיקריים.
השיטות המומלצות הקיימות של Google Publisher Tag (GPT):
- שיטות מומלצות כלליות
- שיטות מומלצות בנושא מודעות
- צמצום שינויי הפריסה
- מעקב אחרי ביצועים
- הימנעות משגיאות הטמעה נפוצות
מודעות עם טעינה מדורגת במקרים הרלוונטיים
![המחשה חזותית של טעינה מושהית לעומת טעינה מדורגת של משאבים. כאשר מתבצעת טעינה עצלה של משאבים, רוחב הפס נחסך במהלך טעינת הדף והמשאבים נדחים עד לנקודה שבה יש את הסיכוי הגבוה ביותר שהמשתמש יראה אותם.](https://web.dev/static/articles/loading-ads-page-speed/image/fig-5.png?authuser=5&hl=he)
טעינה מושהית היא שיטה שדוחה טעינה של משאבים לא קריטיים עד שהם נחוצים. החלת טעינה מושהית עבור מודעות שאינן גלויות באופן מיידי (כלומר, מודעות בחלק הנגלל) מבטיחה שהן ייטענו רק כשהן מופיעות, וכך תחסוך ברוחב הפס ותשפר את המהירות הכוללת של הדף. בדפדפנים יש עכשיו טעינה מדורגת מקומית למסגרות iframe עם מאפיין loading=lazy
פשוט.
כשמטמיעים טעינה עצלה, המודעות מאוחזרות באופן דינמי כשהן עומדות להיכנס לאזור התצוגה של המשתמש. כך אפשר לצמצם את זמן הטעינה הראשוני ואת זמן החסימה הכולל (TBT) (שנמצא בהתאמה גבוהה ל-INP) ב-thread הראשי בחלק הקריטי הזה של הדף, וכך לצמצם את ההשפעות השליליות על חוויית המשתמש.
רענון מודעות בלי לרענן את הדף
![תצוגה חזותית של רענון המודעות בדף, ללא רענון הדף ברמה העליונה.](https://web.dev/static/articles/loading-ads-page-speed/image/fig-6.gif?authuser=5&hl=he)
שיטה נוספת שמאפשרת לאזן בין ביצועי הדף לבין טעינת מודעות היא לרענן מודעות כל 30 עד 240 שניות1 בלי לטעון מחדש את הדף כולו. גישה זו מאפשרת לבצע עדכונים דינמיים של תוכן המודעה, מבלי לשבש את חוויית הגלישה של המשתמש או לגרום לעיכובים מיותרים.
באפליקציות לנייד, רענון מודעות בתצוגות אינטרנט קיימות מספק ביצועים טובים יותר בהשוואה לטעינה מחדש של כל הדף או יצירה מחדש של רכיבי WebView, כי הוא מצמצם את תקורת הנתונים ואת תקורת המשאבים, ומוביל לעדכוני תוכן מהירים יותר ולחוויית משתמש חלקה יותר ללא זמן אחזור קצר.
רענון המודעות באופן אסינכרוני מאפשר לבעלי אתרים להשאיר את התוכן בדף ללא שינוי ולעדכן את תוכן המודעה בצורה חלקה במקום ובזמן אמת. הדבר לא רק משפר את מהירות הדף על ידי ביטול הצורך לטעון מחדש את הדף כולו, אלא גם מבטיח שהמודעות המוצגות יישארו רלוונטיות ומעניינות. בעזרת הטכניקה הזו, בעלי אתרים יכולים לאזן בין הפעלת המונטיזציה לבין הביצועים, להציג תוכן מודעה עדכני ומעניין ולצמצם את ההשפעות השליליות על חוויית המשתמש.
רענון מיקומי מודעות חשוב במיוחד בדפים שבהם משתמשים נוטים לשהות זמן רב יותר, כגון דפי מתכונים, מדריכי 'עשה זאת בעצמך' או אתרים אחרים עשירים בתוכן. לדוגמה: בדף של מלאכת יד מסוג 'עשה זאת בעצמך', המשתמשים עשויים לשהות זמן רב בצפייה במדריכים, רענון אסטרטגי של מיקומי מודעות במהלך הפסקות בין השלבים או צפייה בגלריות של תמונות יכול לשפר את חוויית המשתמש ואת ההכנסות מפרסום. בדומה לדף מתכון, רענון של מיקומי מודעות אחרי שהמשתמשים גללו ברשימת הרכיבים או בהוראות, יכול לשמר את רמת העניין של המשתמשים.
מתן עדיפות לטעינה אסינכרונית
אחת מהאסטרטגיות המשפיעות ביותר לשיפור מהירות הדף בעת הצגת מודעות היא טעינה אסינכרונית. טעינה אסינכרונית טוענת מודעות בנפרד מהתוכן של דף האינטרנט הראשי, וכך מאפשרת לדף להמשיך לעבד את הדף ולהפוך אותו לאינטראקטיבי בלי להמתין לטעינה מלאה של המודעות. כך אפשר לצמצם משמעותית את זמן הטעינה וישפר את שביעות הרצון של המשתמשים.
יש לכלול את המאפיין async
בהגדרה של תג הסקריפט. למשל:
AdSense:
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
AdSense (מודעות אוטומטיות):
<script async data-ad-client="ca-pub-xxxxxxxxxxxxxxxx" src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
Google Publisher Tag:
<script async src="https://securepubads.g.doubleclick.net/tag/js/gpt.js"></script>
בצע אופטימיזציה של גדלים, מיקום ופורמטים של מודעות
![איור של מכשירים בגדלים שונים של אזור תצוגה, עם מיקומי מודעות שמעוצבים כתיבות ירוקות, שבכל אחד מהם כתוב 'מודעה'.](https://web.dev/static/articles/loading-ads-page-speed/image/fig-7.png?authuser=5&hl=he)
לגודל, למיקום ולפורמט של מודעות יש השפעה משמעותית על מהירות הדף. מודעות גדולות במיוחד יכולות להאט את טעינת הדף ולגרום למשתמשים מתוסכלים. כדי לצמצם את התופעה הזו, בעלי האתרים צריכים לעבוד בשיתוף פעולה הדוק עם המפרסמים כדי לבצע אופטימיזציה של הגדלים והפורמטים של המודעות. עידוד השימוש בפורמטים של תמונות דחוסות ועיצוב יעיל של קריאייטיב במודעה עוזר להקטין את גודל הקבצים בלי לפגוע באיכות הוויזואלית. האופטימיזציות האלה לא רק משפרות את מהירות הדף, אלא גם מצמצמות את צריכת הנתונים למשתמשים עם רוחב פס מוגבל.
סטנדרטים למודעות איכותיות יותר
חשוב לפעול בהתאם ל-Better Ads Standard כשמציגים מודעות, כי אם תעשו את זה לא רק תשפרו את חוויית המשתמש על ידי צמצום פורמטים של מודעות שמפריעות או מפריעות, אלא גם משפיעות לטובה על מיקום הצגת המודעות ועל זמן הטעינה של הדף.
בהתאם לסטנדרטים האלו, יש סיכוי גבוה יותר שמודעות יוצבו במיקומים פחות מפריעים ופחות פולשניים, ויניבו התעניינות רבה יותר של המשתמשים ושיעורי קליקים גבוהים יותר.
בנוסף, ציות להנחיות האלה יכול גם להוביל לטעינת דפים מהירה יותר, כי יש עדיפות לפורמטים קלים יותר של מודעות שצורכים פחות משאבים, כך שהביצועים הכוללים של האתר משתפרים ושביעות הרצון של המשתמשים.
הערכה אסטרטגית של רשתות וספקים של מודעות
לא כל רשתות המודעות והספקים נוצרים באופן שווה מבחינת הביצועים. כדי להבטיח מהירות דף אופטימלית, בעלי אתרים צריכים להעריך בקפידה את הביצועים של רשתות מודעות שונות, של הטמעת בידינג ב-header ושל ספקים שונים.
יצירת שותפויות עם ספקים שמתעדפים את המהירות – ועם ניסיון מוכח ביצירת תוכן מודעות קומפקטי בצורה יעילה – יכולה לשפר משמעותית את ביצועי הדף ואת חוויית המשתמש.
סיכום
כדי לשמור על איזון בין מונטיזציה לביצועים, בעלי אתרים שרוצים לספק חוויית משתמש יוצאת מן הכלל וגם מגדילים את ההכנסות באמצעות פרסום מקוון.
בעזרת טכניקות כמו טעינה אסינכרונית, טעינה עצלה, אופטימיזציה של פורמטים וגדלים של מודעות, שימוש בשמירה חכמה במטמון והערכה קפדנית של רשתות של מודעות ובידינג ב-header וספקים, בעלי אתרים יכולים להתגבר על האתגרים של טעינת מודעות בלי לפגוע בביצועי הדף. תעדוף של הצגת מודעות יעילה מבטיח בסופו של דבר את סיווג המשתמשים, את המעורבות של המשתמשים ואת האפשרות לייצר הכנסות באופן בר קיימא.
הערות שוליים
- לשרתי מודעות עשויות לחול הגבלות ודרישות. לדוגמה, ב-Ad Manager בעלי התוכן הדיגיטלי נדרשים להצהיר על מלאי שטחי הפרסום שלהם שמתרענן בממשק המשתמש. חלק מהקונים דורשים הצהרת רענון באורך 240 שניות ומעלה. באופן כללי, ככל שמרווח הזמן בין רענון ארוך יותר, כך המלאי שלכם רצוי יותר לקונים. מידע נוסף