טעינה יעילה של מודעות בלי להשפיע על מהירות הדף

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

Markus Bordihn
Markus Bordihn

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

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

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

שני התרחישים מדגימים את החשיבות של איזון בין מונטיזציה, משתמשים וביצועים.

שימוש במדדים הבסיסיים של חוויית המשתמש באתר

חשוב לעמוד במדדים הבסיסיים של חוויית המשתמש (Core Web Vitals) כשמדובר בטעינת מודעות בלי להשפיע לרעה על מהירות הדף. המדדים הבסיסיים של חוויית המשתמש (Core Web Vitals), שכוללים מדדים כמו המהירות שבה נטען רכיב התוכן הכי גדול (LCP), מדד יציבות חזותית (CLS) ומהירות התגובה לאינטראקציה באתר (INP), הם מדדים של חוויית המשתמש שמודדים את איכות חוויית המשתמש באתר.

Largest Contentful Paint (LCP)

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

מהירות התגובה לאינטראקציה באתר (INP)

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

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

Cumulative Layout Shift (CLS)

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

מבנה דף האינטרנט בבלוק תוכן נפרד

כשמעצבים את דף האינטרנט באמצעות בלוקים של תוכן לטקסט, לתמונות ולתוכן של מודעות, תוך שימוש גם במאפיין ה-CSS content-visibility:, אפשר לשפר באופן משמעותי את זמן העיבוד הכולל בדפדפנים מודרניים.

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

מתן עדיפות למיקומי מודעות חשובים

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

מודעות בחלק העליון והקבוע

ייצוג חזותי של קונספט המודעה 'מעל הקו של החלק העליון והקבוע בדף'.

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

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

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

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

מודעות בחלק הנגלל

ייצוג חזותי של קונספט המודעות 'מתחת לפס הגלילה'.

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

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

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

עם זאת, כדאי להביא בחשבון את הנקודות הבאות לגבי מיקומי מודעות בחלק הנגלל:

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

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

השיטות המומלצות הנוכחיות לשימוש ב-Google Publisher Tag‏ (GPT):

טעינה מדורגת של מודעות במקרים המתאימים

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

טעינה איטית היא שיטה שבה הטעינה של משאבים לא קריטיים מתעכבת עד שהם נחוצים. שימוש בטעינה איטית במודעות שלא גלויות באופן מיידי (כלומר מודעות שמתחת לפס הגלילה) מבטיח שהן נטענות רק כשהן נכנסות לטווח הראייה, וכך חוסך ברוחב פס ומשפר את מהירות הדף הכוללת. הדפדפנים כוללים עכשיו טעינה איטית (lazy loading) מקורית של iframes באמצעות מאפיין loading=lazy.

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

רענון המודעות בלי לרענן את הדף

הדמיה חזותית של רענון המודעות בדף, בלי רענון הדף ברמה העליונה.

טכניקה נוספת שיכולה לאזן בין ביצועי הדף לבין טעינת המודעות היא היכולת לרענן מודעות כל 30 עד 240 שניות1 בלי לטעון מחדש את הדף כולו. הגישה הזו מאפשרת עדכונים דינמיים של תוכן המודעות בלי להפריע לחוויית הגלישה של המשתמש או לגרום לעיכובים מיותרים.

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

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

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

מתן עדיפות לטעינה אסינכרונית

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

כוללים את המאפיין 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>

אופטימיזציה של הגדלים, המיקומים והפורמטים של המודעות

איור של מכשירים בגדלים שונים של חלון תצוגה, עם מיקומי מודעות שמוצגים בתיבות ירוקות עם הכיתוב &#39;מודעה&#39;.

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

סטנדרטים למודעות איכותיות יותר

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

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

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

הערכה אסטרטגית של רשתות מודעות וספקים

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

יצירת שותפויות עם ספקים שמעניקים עדיפות למהירות – ויש להם ניסיון ביצירת תוכן מודעות קל באופן יעיל – יכולה לשפר באופן משמעותי את ביצועי הדף ואת חוויית המשתמש.

סיכום

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

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

הערות שוליים

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