פופאפ (popup, חלון קופץ) הוא חלון שמופיע מעל תוכן העמוד ומבקש מהגולש משהו: להירשם לניוזלטר, לקבל הנחה, להשאיר פרטים או לאשר עוגיות. פופאפ יכול להביא נרשמים — אבל הוא גם אחד הדברים שהכי מעצבנים גולשים, הוא יכול לפגוע בחוויה במובייל, וגוגל מתייחסת לפופאפים שמסתירים את התוכן כבעיה. ההבדל בין פופאפ שעובד לפופאפ שמבריח הוא בעיקר מתי הוא מופיע, כמה מקום הוא תופס, ואם קל לסגור אותו.
מה גוגל אומרת על פופאפים
לפי ההנחיות של גוגל לחלונות פולשניים, חלונות כאלה הם "רכיבים שמסתירים מהמשתמש את התוכן, בדרך כלל למטרות קידום". גוגל ממליצה:
- לא להסתיר את כל העמוד בחלון קופץ.
- לא להפנות את הגולש לעמוד נפרד כדי לקבל ממנו הסכמה או פרטים.
- להעדיף באנרים קטנים, שתופסים רק חלק קטן מהמסך — ואת אותו מקום אפשר לנצל גם להרשמה לניוזלטר.
יש חריג: חלונות שהחוק מחייב, כמו אימות גיל, פטורים מההנחיות. גם אז גוגל ממליצה להציג אותם מעל התוכן ולא להפנות לעמוד נפרד. באנר עוגיות הוא מקרה דומה — כדאי שיהיה קטן, בתחתית המסך, ולא יחסום את כל העמוד.
סוגי פופאפים — מהפחות פולשני ליותר
| סוג | איך הוא נראה | מתי מתאים |
|---|---|---|
| פס עליון או תחתון | שורה דקה עם הודעה וכפתור | מבצע, משלוח חינם, הודעה חשובה |
| חלון צד קטן (slide-in) | תיבה קטנה בפינה, לא חוסמת | הרשמה לניוזלטר במאמרים |
| חלון כוונת יציאה | מופיע כשהעכבר זז ליציאה (במחשב) | הצעה אחרונה לפני עזיבה |
| חלון מלא במרכז | חוסם את העמוד עד שסוגרים | כמעט אף פעם, במיוחד לא במובייל |
תזמון: מתי להציג
- לא מיד בכניסה. פופאפ שקופץ לפני שהגולש ראה משהו מבקש ממנו התחייבות לפני שהוא יודע מה האתר מציע.
- לפי מעורבות — אחרי גלילה של חלק מהמאמר, או אחרי ביקור בשני עמודים. מי שקרא כבר הוכיח עניין.
- לא בכל ביקור. מי שסגר את הפופאפ לא צריך לראות אותו שוב בעמוד הבא. שומרים את הבחירה לתקופה.
- לא בעמודים הלא נכונים. פופאפ "הירשמו לניוזלטר" בעמוד התשלום מפריע לקנייה. בדף נחיתה עם מטרה אחת, הוא מתחרה בה.
נגישות: איפה רוב הפופאפים נכשלים
פופאפ הוא בעיה נפוצה למשתמשי מקלדת וקוראי מסך. כדי שהוא יהיה נגיש:
- מיקוד. כשהחלון נפתח, המיקוד צריך לעבור לתוכו, להישאר בתוכו כל עוד הוא פתוח, ולחזור למקום הקודם כשהוא נסגר.
- סגירה. כפתור סגירה אמיתי, עם שם נגיש ("סגירה"), שאפשר להגיע אליו במקלדת — ומקש Escape שסוגר את החלון.
- הכרזה. קורא המסך צריך לדעת שנפתח חלון ומה הוא. ב-HTML המודרני, רכיב
<dialog>פותר חלק גדול מזה. - לא להסתיר את הסגירה. X אפור קטן על רקע אפור, או "לא תודה, אני לא רוצה לחסוך" — זה כבר עיצוב מטעה. ראו Dark patterns.
על ניווט במקלדת ומלכודות מיקוד — במאמר ניווט במקלדת.
מהירות ויציבות התצוגה
פופאפים נטענים לרוב מכלי חיצוני, וזה עוד סקריפט שמכביד על העמוד. ובאנר שנדחף לראש העמוד אחרי שהתוכן כבר נטען מזיז את כל העמוד למטה — בדיוק מה שמדד CLS מודד. עדיף חלון שמופיע מעל התוכן, או מקום שמור מראש. ראו סקריפטים חיצוניים.
מה כותבים בפופאפ
- מה מקבלים, במשפט אחד. "מדריך בדיקות לפני השקה, ב-PDF" עדיף על "הירשמו לעדכונים".
- שדה אחד — אימייל. כל שדה נוסף מוריד הרשמות.
- שקיפות. מה יישלח ובאיזו תדירות. אם זה דיוור שיווקי, ההסכמה צריכה להיות ברורה. ראו ניוזלטר מהאתר.
שאלות נפוצות
האם פופאפים פוגעים בדירוג?
גוגל ממליצה להימנע מחלונות שמסתירים את התוכן, ומצביעה על באנרים קטנים כחלופה. מעבר לגוגל, פופאפ פולשני פוגע בחוויה ובזמן השהייה.
מה עדיף, פופאפ או טופס בתוך התוכן?
טופס בתוך המאמר, או בסופו, לא מפריע לאף אחד ומגיע למי שקרא. פופאפ עדין יכול להשלים אותו, לא להחליף.
אני בונה טפסי הרשמה ופופאפים שנטענים קל, נגישים ולא מזיזים את העמוד — ראו בניית דפי נחיתה, או ספרו לי מה אתם רוצים לאסוף מהגולשים.
אהבתם את המאמר?
