אפיון אתרים — איך מבצעים אפיון אתר נכון? המדריך המלא

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

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

מה זה אפיון אתרים?

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

אפיון מלא כולל שבעה רכיבים:

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

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

1. למה אפיון אתר הוא השלב שאסור לדלג עליו

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

1.1 העלות של תיקון בדיעבד

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

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

1.2 מה קורה בפועל בלי אפיון

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

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

1.3 מי צריך להיות בשיחת האפיון

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

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

2. איך עושים אפיון אתר? שבעה שלבים

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

2.1 להגדיר מטרה עסקית אחת

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

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

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

2.2 קהל יעד: למי בדיוק אנחנו כותבים

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

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

2.3 מחקר מתחרים

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

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

2.4 מפת אתר והיררכיה

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

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

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

2.5 שלד עמודים (Wireframe)

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

השלב הזה נראה משעמם והוא החשוב ביותר. הרחבנו על מה שחייב להופיע במאמר 7 אלמנטים שחייבים להופיע בעמוד הבית.

2.6 תוכן: מי כותב ומתי

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

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

2.7 דרישות טכניות

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

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

3. אפיון אתר תדמית: מה שונה

באתר תדמית המטרה כמעט תמיד אחת — שהגולש ייצור קשר. כל שאר האתר משרת אותה.

3.1 מסלול ההמרה

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

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

3.2 מבנה העמודים

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

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

4. אפיון אתר מכירות: מה שונה

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

4.1 מסע הרכישה

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

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

4.2 קטגוריות, סינון וניווט

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

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

5. אפיון אתרים והקשר לקידום אורגני

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

5.1 מבנה שמאפשר דירוג

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

5.2 תשתית לבלוג מהיום הראשון

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

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

6. שבעה כללים מעשיים לאפיון

1. כפתורי טלפון ווואטסאפ נראים לעין בכל עמוד, לא רק בעמוד יצירת קשר.
2. הדר דביק שנשאר בראש המסך בגלילה, כדי שהגולש תמיד יוכל לעבור עמוד או ליצור קשר.
3. פשטות לפני אפקטים. ריבוי אנימציות ואלמנטים משאיר את הגולש בלי מושג מה לעשות עכשיו — וזו אחת מטעויות ה-UX/UI הנפוצות.
4. מסך פתיחה עם מסר אחד ברור שעונה תוך שלוש שניות: לאן הגעתי, מי אתם, ומה אני אמור לעשות.
5. טפסים שמסבירים מה קורה אחריהם — זמן תגובה מפורש מעלה את שיעור השליחה.
6. מהירות כדרישה, לא כתקווה. אתר מעוצב שנטען לאט לא יעשה את העבודה. קבעו יעד בשיפור מהירות כבר באפיון.
7. פוטר עם קישורים לעמודים החזקים — הוא מופיע בכל עמוד ולכן מחזק אותם באופן עקבי.

7. מה כולל מסמך אפיון אתר?

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

8. טעויות נפוצות באפיון

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

כמה זמן לוקח אפיון אתר?

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

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

סיכום: אפיון הוא ההשקעה הזולה ביותר בפרויקט

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

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

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

שאלות נפוצות על אפיון אתרים

מה ההבדל בין אפיון אתר לאפיון UX?

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

האם צריך אפיון גם לאתר קטן של חמישה עמודים?

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

מי כותב את מסמך האפיון — אני או בונה האתרים?

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

אפיון או איפיון — איך כותבים נכון?

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

כמה עולה אפיון אתר?

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

מה קורה אם רוצים לשנות משהו אחרי שהאפיון אושר?

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