שלבי בניית אתר: מהשיחה הראשונה ועד אחרי ההשקה.

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

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

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

שלב 1: שיחת היכרות והצעת מחיר

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

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

שלב 2: אפיון ומבנה

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

מה יוצא מהאפיון

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

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

שלב 3: איסוף ועריכה של תוכן

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

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

שלב 4: כיוון עיצובי

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

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

שלב 5: בנייה של כל העמודים

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

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

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

שלב 6: בדיקות לפני העלייה לאוויר

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

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

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

שלב 7: השקה, ומה קורה אחריה

מחברים את הדומיין, מוודאים שהאתר נטען בכתובת האמיתית ב-HTTPS, מעבירים הפניות מכתובות של האתר הישן אם היה, ומגישים את האתר ב-Search Console עם מפת אתר. השקה טובה היא שקטה: הלקוחות פשוט רואים אתר חדש.

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

טעויות נפוצות בתהליך

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

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

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

לסיום

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