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

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

Markus Bordihn
Markus Bordihn

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

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

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

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

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

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

Largest Contentful Paint (LCP)

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

אינטראקציה עד הצבע הבא (INP)

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

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

Cumulative Layout Shift (CLS)

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

בניית דף האינטרנט לגושי תוכן נפרדים

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

שיטה נוספת שיכולה לאזן בין ביצועי הדף לבין טעינת מודעות היא היכולת לרענן את המודעות כל 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>

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

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

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

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

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

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

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

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

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

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

סיכום

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

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

הערות שוליים

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