כיצד להכין אִפיון לאתר אינטרנט

ניסן לברון *

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

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

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

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

בעלי תפקידים באתר

אחראי הקמת האתר / מנהל האתר
בונה אתרים / מתכנת
עורך התוכן
אחרים, ככל שנדרשים

קהל היעד

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

מטרות האתר

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

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

מדדים להצלחת האתר

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

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

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

סוגי תוכן באתר

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

סוגי עמודים

דף הבית:

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

אפשרויות מבנה לדף הבית:

חלון בולט של וידאו "רץ".‏
תמונת רקע בחלק העליון של הדף, רלוונטית למאמר חדש שיוצג איתה.
חלון קטן מימין עם 3 עד 5 משפטים המסבירים את מטרת האתר.
4 עד 6 פוסטים אחרונים מוצגים, עם כותרת קצרה ותת-כותרת, והפניית "קרא עוד…".

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

עיצוב האתר: מטרותיו וסגנונו

עיצוב האתר צריך להעביר את המסרים שלו בצורה ברורה ונעימה.

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

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

קטגוריה ראשית > מדור > שם הדף או העמוד.‏

הנה לדוגמה עיצוב שהגדרתי לאתר תוכן של קהילה תורנית:

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

דוגמאות לאתרים מתאימים ושאינם מתאימים

‏אתרים בכיוון המתאים‏ …
אתרים בכיוון שאינו מתאים‏ …

דרישות פונקציונאליות

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

‏טעינת העמודים תהיה מהירה. יעשה שימוש בתמונות קלות ובפורמט המתאים לטעינה מהירה כגון WEBP.

ממשק ניהול:

שפת האתר וממשק הניהול תהיה עברית.

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

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

מערכת וידאו:

יוטיוב או וימאו.

סרגלים ותפריטים:

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

חיפוש:

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

מערכת תגובות

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

מערכת הרשמה לקבלת דיוור ועידכונים:

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

אובייקטים אינטראקטיביים:

לשקול אם לתת אפשרות להורדת קבצי שמע, וידאו ופידיאף, ולהדפסה ישירה של הפידיאף או עמוד הטקסט ("הדפס").

כפתורי שיתוף:

"שלח קישור" וכדומה.
כפתור "לראש העמוד".

פביקון ולוגו:

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

מפת האתר

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

אחסון, גוגל וSEO

מתוך הרשימה הבאה יש לבחור את מה שרלוונטי לאתר שלכם:

שם הדומיין יהיה …
יבוצעו גיבויים אוטומטיים על שרת חיצוני.
מוכנות מלכתחילה לקידום בגוגל.‏
הטקסטים יהיו קריאים למנועי חיפוש חיצוניים.
קבצי מקור נקיים ככל האפשר.
"תגיות מטה" Meta tags ייחודיות לכל דף באתר, ויכולת למנהל לעדכנם.
תפריטים מבוססי HTML.
כתובות מקוצרות לדפים.
אפשרות למנהל להגדיר כותרות h1, h2 בדפי האתר.
שירות תרגום כתובות דינמיות לכתובות טקסטואליות.
Title
Clean url
לאתר יוקם ויוטמע חשבון גוגל אנליטיקס וגוגל וובמסטר טול, על ידי בונה האתר, ופרטי החשבונות ימסרו ללקוח.
מנהל האתר יוכל לראות את כמות הצפיות, כמות הגולשים, זמן שהייה, מקורות הגולשים, פילוח מקורות ומידע נוסף על פי מנועי חיפוש ומילות ‏מפתח.
האתר יכלול מפת אתר מבוססת XML לפי דרישות גוגל.