מבנה אתרים,עיצוב ונגישות

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

1. אני בוחן מה משדר לי העמוד. מדובר ברושם ראשוני, האם הרגשה רגועה, האם מכובדת, האם צעקנית וכו'.
2. אני מחפש מכשלות שימנעו את בניית האתר. לעיתים מעצבים מעצבים סקיצות שלא ניתן לבנות או שהן לא אינטרנטיות. לדוגמא, פינות עגולות בכל מיני אזורים בלתי אפשריים וכו'.
3. האם הצבעוניות נכונה. לדוגמא: טקסט בהיר על רקע כהה קשה לקריאה.
4. האם העיצוב סגור. כלומר, האם האתר יכול לגדול ולהתפתח בלי מגבלות של תפריטים וכו'.
5. האם יש מספיק מקום לאיזורי טקסטים בעמודים, שיתרום אחר כך לקידום בגוגל.
6. האם התפריט טקסטואלי.
7. האם התמונות בעמוד מתאימות ורלבנטיות, האם הן מושכות יותר מדי תשומת לב והאם הן
ממוקמות באיזורים נכונים.
8. האם הלוגו ממוקם בראש העמוד והאם אין תמונות לידו שגורמות לכך שהוא "יבלע" בתוכן,
לדוגמא: ישנם מקרים שבהם ממקמים באנר ליד הלוגו בצורה כזאת שנוצרת תחושה שהלוגו הוא חלק מהבאנר.
9. האם יש מרכיבי הנעה לפעולה ומה הפעולה הראשונה שגולש ירצה לעשות ברגע שיכנס לעמוד, האם זה תואם את מה שתיכננו.
10 . האם העיצוב חדשני.

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