קונימבו - חנויות מקצועיות באינטרנט

דף הבית הוא אחד הדפים החשובים ביותר בחנות האינטרנטית.

כמו שלכל ספר יש שער שפותח אותו, כך לכל אתר יש את דף הבית שפותח אותו.

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

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

• להציג את העסק לגולש

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

• לנווט ממנו בקלות וביעילות לדפי המוצר והקטגוריה.

• להציג את מגוון המוצרים באתר ומה תועלתם ללקוחות.

• ליצור  ולחזק תחושת אמון וביטחון אצל הגולש.

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

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

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

ולסיכום - המטרה לגרום לגולש להשאר אצלך באתר ולקנות אצלך!

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

אז איך עושים את זה? או מהם העקרונות החשובים בתכנון דף בית שממיר יותר?

חווית משתמש 

אחד הפרמטרים החשובים ביותר הוא חווית משתמש מוצלחת, אינטואיטיבית ופשוטה.

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

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

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

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

בהמשך נציג מבנה מומלץ לדף הבית.

תהליך איפיון

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

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

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

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

רספונסיביות

בתהליך האיפיון יש לקחת בחשבון כי למעלה מ50% מהגולשים יגלשו לחנות האינטרנטית דרך המובייל שלהם!

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

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

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

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

היתרון הנוסף של אתר רספונסיבי הוא שגוגל אוהב אותו יותר(:

מהירות טעינה

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

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

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

מומלץ גם לבצע תהליכים של שיפור ציון בגוגל.

מהו המבנה הנכון לדף בית שממיר יותר?

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

בעזרת מחקרים רבים שנעשו בתחום, יישום מבחני AB testing , למידה מעמיקה של עולם חווית המשתמש, ושנים רבות של ניסיון בעולם הE-commerce, מצאנו בקונימבו את הנוסחה המנצחת לדפי בית שממירים יותר.

 נציג כאן את המבנה האולטימטיבי לדף הבית:

מבנה דף הבית ואלמנטים/פיצ׳רים ויזואלים חשובים

 (לא כולם צריכים להופיע אבל רצוי לבחור מתוכם לפחות 2-3, המודולים צריכים להיות דינימיים וניתנים לעריכה באמצעות ממשק הניהול)

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

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

למודול הזה יש כמה מטרות אפשריות

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

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

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

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

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

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

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

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

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

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

4. קרוסלת מוצרים / גריד מוצרים במבצע -

קרוסלה= אלמנט מתחלף שזז עם חיצים

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

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

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

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

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

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

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

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

למודול זה יתרון משמעותי כי הוא מודול שמבוסס על תוכן-

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

1. תוכן איכותי מחזק את האתר בעיני הזחלן של גוגל.

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

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

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

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

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

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

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

10. פסקת אודות

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

11. כותרת ראשית לדף הבית

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

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