החשיבות של דפי 404

עמודי 404 מעולם לא מסמנים טוב באתרי אינטרנט, גוגל לא אוהבת אותם, הסירצ' קונסול שלנו (סתם זה גם של גוגל) לא אוהב אותם, מקדמי אתרים לא אוהבים אותם בכלל. עם זאת, זהו דף נורא חשוב בחוויית הגלישה של משתמש קצה (UX).

תוכן עניינים

מחפשים את תוכן העניינים?
הרכיב נמצא בתחתית המסך בצד שמאל 🙂

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

מה מסמל דף 404 באתר?

דפי 404 מסמלים שדף האינטרנט שהגעתם אליו לא קיים יותר.
מעבר לפגיעה ב-SEO, זה בעיקר מעלה את אחוזי הנטישה (Bounce Rate) מהאתר.


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

דף 404 של תבנית מוכנה מראש
דף 404 של תבנית מוכנה מראש

האם הפניית 301 מעמוד שגיאה הוא פתרון נכון?

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

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

למה שנשקיע בעמוד 404?

דפי 404 הינם שכיחים, ככל שיש לכם אתר ותיק או אתר מרובה בפוסטים/דפים.

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

דף 404 של תבנית 2022
דף 404 של תבנית 2022

מה צריך להופיע בעמוד 404?

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

  • לחזור אחורה לעמוד הקודם
  • להגיע בקלות לדף הבית
  • לבצע חיפוש מחדש

אופציונלי: איור/תמונה/גיף בהתאם למיתוג של האתר

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

מה גרם לי לכתוב את הפוסט?

אני מודה לאפרת אייל, שהקפיצה לזכרון שלי פוסט שכתבתי בנושא בקהילת התוכניסטים (מי שלא מכיר את הקהילה, ברוכים הבאים!) למי שלא בקהילה, ועד שתצטרפו, מצרף Sneak peak לפוסט

Sneak Peak לפוסט שהעלתי לפני מעל שנה לקהילת התוכניסטים, שנתן את ההשראה לכתיבת הפוסט
Sneak Peak לפוסט שהעלתי לפני מעל שנה לקהילת התוכניסטים, שנתן את ההשראה לכתיבת הפוסט

השראות לעמודי 404 יצירתיים

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

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

דף 404 של חשבונית ירוקה

דף 404 של חשבונית ירוקה
דף 404 של חשבונית ירוקה

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

דף פשוט, עם כותרת, משפט, איור ו-2 כפתורים. "רוצה לדף הבית" & "רוצה לקרוא 404 טיפים"

בילוי מובטח. הסקרנות הורגת!

https://www.greeninvoice.co.il/not-found

דף 404 של אאא (אלף אלף אלף)

דף 404 של <abbr>אאא</abbr> (אלף אלף אלף)
דף 404 של אאא (אלף אלף אלף)

וואו. דף מקורי ביותר, מותאם ביותר למיתוג המדויק ש-אאא יצרה. המיקרו-קופי מהמם

קריאה מומלצת
תודה ל- Efi Aviv!

https://alefalefalef.co.il/404

דף 404 של Wisy

דף 404 של Wisy
דף 404 של Wisy

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

תודה ל-Adi Avraham!

https://www.wisy.co.il/404

דף 404 של צאו לדרך

דף 404 של צאו לדרך
דף 404 של צאו לדרך

איור ומיקרו-קופי מהממים שמתאים לחוויית הגלישה באתר.
לא בתמונה: וידג'ט חיפוש מהיר וחזרה לדף הבית

תודה ל-Moshe Berger!

https://www.laderech.com/404

דף 404 של Arazoni

דף 404 של Arazoni
דף 404 של Arazoni

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

https://www.arazoni.com/404

דף 404 של Urban Ride

דף 404 של Urban Ride
דף 404 של Urban Ride

דף 404 נהדר, איור מותאם ומיקרו-קופי מדויק ביותר.

תודה ל-Amalia Bakhar Amayev

https://urbanride.co.il/404

דף 404 של Steve Lambert

דף 404 של Steve Lambert
דף 404 של Steve Lambert

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

https://visitsteve.com/404.html

דף 404 של נטפליקס

דף 404 של נטפליקס
דף 404 של נטפליקס

מיקרו קופי פשוט, אך עם תמונה נהדרת מהסדרה Lost in Space (טריילר ביוטיוב לסדרה). מי שלא ראה ולא מכיר, סדרת רימייק של נטפליקס מסדרה משנות ה-60' ומסרט משנת 98'. אולי חידשתי לכם בבינג'.

https://www.netflix.com/NotFound

דף 404 של Figma

דף 404 של Figma
דף 404 של Figma

מקורי ואינטראקטיבי, כיף לשחק עם הספרות 404 בפעם הראשונה

https://www.figma.com/404/

דף 404 של ריווחית

דף 404 של ריווחית
דף 404 של ריווחית

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

https://www.icount.co.il/404

קצת טכני

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

"לא אאפשר לפוסט לא להפוך להיות טכני בלי מידע על יצירת דו"ח מעקב לדפי 404 באתר שלנו"

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

קישור לפוסט המשך: יצירת דו"ח מעקב על דפי 404 ב-GA4

לסיכום

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

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

לסקרנים, עמוד ה-404 שלי

מי יתן ושלא נראה עמודי 404 באתר שלכם מהסיבות הלא נכונות 🙂

יש לכם עמודי 404 מקוריים? מוזמנים לשתף בתגובות!

שתפו את הפוסט:

פייסבוק
וואטסאפ
לינקדאין
אי-מייל
מעוניינים לקבל עדכונים על פוסטים שאני כותב במייל? >>

קיצורי מקשים שכדאי להכיר לכל מי שעובד בדיגיטל

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

לקריאת הפוסט

הלינק המושלם – למה לא כדאי לתת קישור של "לחצו כאן"

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

לקריאת הפוסט

כתיבת תגובה

האימייל לא יוצג באתר. שדות החובה מסומנים *

דילוג לתוכן