מאמר השבוע : בניית אתרים - כתיבה חופשית או מובנת?

[Andrey | ADwd.net]

מאמר 1 : טעויות בבניית אתרים ובעיצובם
http://hosts.co.il/forums/showthread.php?t=8943

מאמר 2 : עיצוב לוגו וסימן מסחרי
http://hosts.co.il/forums/showthread.php?t=9786

-------------------------------------------------------------------------


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

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

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

המלצות
ההמלצות נתנו על סמך מחקרים וסקרים שנעשו בתחום האינטרנט:

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

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

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

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

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

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

צבע הקישור
מקובל שלפני ההקלקה צבע הקישור הוא בכחול ולאחר ההקלה צבע הקישור בסגול.


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

סוגי האותיות הנפוצות ביותר הם:
Ariel שהיא האות הסטנדרטית בתוכנת חלונות, לא מתאימה לכיתוב קטן וקצת משעממת.
מקבילה לה היא ה- Helvetica
Time New Roman שהיא האות הסטנדרטית ברב הדפדפנים מתאימה לגודל אות של 12pt ומעלה, לא מתאימה לאותיות קטנות ומראה על תוכן פורמלי וקצת מיושן.
Veranda סטנדרט באקספלורר נוחה לקריאה על המסך ומתאימה גם לאותיות קטנות, מראה על נוחיות וחידוש והיא הנפוצה ביותר כרגע.
Georgia באה במטרה להחליף את ה- Times New Roman נבנתה במיוחד שהקריאה על המסך תהיה נוחה ולא משעממת.
הפקודה <font face=Verdana, Arial, Sans> אומרת לדפדפן להעלות קודם את הסוג Veranda ואם לא אז את Ariel ואם גם זה לא נמצא אז כל אות מסוג San Serif


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

מבנה דף וגודל הדף
1. דף חייב לעלות בפחות מ-10 שניות מקסימום 50kb כולל תמונות
2. אם משתמשים ב-Flash לכתוב גם גירסה של HTML עבור אלה שמעדיפים לדלג על הפלש לקרוא מהר ולהדפיס
3. בכל דף חייב להיות קישור לדף הבית במיוחד בדפים שבנויים ב- FRAME מומלץ לעשות את הקישור כהקלקה על הלוגו
4. במידה ויש קטגוריות ותתי קטגוריות לסמן איזה מקום נמצא הקורא Home > Section > Sub-Section > Page
זה מאד מקל על הניווט.
5. במידה והדף נבנה באמצעות טבלאות לקבוע את הרוחב באופן יחסי ולא מספר פיקסלים קבוע. בצורה כזאת הדף תמיד יתאים לרוחב המסך ולא יהי צורך בגלילה.
6. לעשות אופטימזציה של האתר לרזולוציה של 800X600 שהיא הרזולוציה הנפוצה ביותר
7. להימנע מכתיבת טקסטים ארוכים מידיי. רצויי להשתמש בפסקאות קצרות עם חלוקה לתת פסקאות, מספרים,כפתורים וכו'
8. אין לכתוב את כל הטקסט באותיות גדולות אבל יש מקום להדגשה של מילים חשובות.
9. לבדוק כיצד הדף מופיע בדפדפנים שונים

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

התמצאות באתר
במידה וגודלו של האתר הוא מעל 10 דפי תוכן ,רצוי להוסיף דף של Site map ותיבת חיפוש,כדי לאפשר לגולשים למצוא מידע
מפורט יותר שלא ניתן למצאו דרך התפריט . ל- Sitemap יש תפקיד נוסף שקשור למפתוח האתר ע"י מנועי החיפוש (גוגל וכו') בעיקר באותם אתרים שבנויים מדפים דינמיים זה מאפשר מפתוח מהיר ועמוק יותר (דוגמא: http://www.arts-sport-tourism.gov.ie/site/sitemap.htm)
http://www.cphosting.com/index.php?page=sitemap))
לגבי תיבת החיפוש מומלץ שהחיפוש יהיה רק בתוך דפי האתר ולא ברשת האינטרנט
תוכן
בין אם בחרתם לכתוב את האתר עם דפים סטטיים או דינמיים על האתר להראות נקי ומקצועי. יש להתרכז בתוכן. לבנות את התוכן סביב מילות החיפוש שאותם אנשים מחפשים.
1. לכלול את הלוגו של החברה בכל דפי האתר –בצד שמאל למעלה בדרך כלל – עם משפט מחץ קצר או סלוגן שכולל מילת מפתח מרכזית של האתר.
2. ליצור favicon איור גרפי קטן שמופיע ליד הכתובת של האתר כדוגמת ה-E של אקספלורר
3. לבנות את הדפים בצורה עקבית מבחינת מבנה, צבע ואותיות
4. לכלול דפים שידועים לכולם כמו: About us שיכלול את האינפורמציה על החברה.Contact US שיכלול פרטי התקשרות
Help או FAQ שיכלול הנחיות ושאלות נפוצות
5. בתחתית כל דף לכלול הודעה על זכויות יוצרים

דברים שיש להימנע מהם:
1. דף פתיחה בפלאש, גלובוס מסתובב, צורך בבחירה של אופציות בדף הבית
2. PopUp -- Pop Under
3. מוזיקה מופעלת באופן אוטומטי - רק עם אפשרות כיבוי
4. קאונטר של מספר המבקרים
5. תאריך יומי – לשים רק עם האתר מתעדכן לעיתים דחופות באופן יומי או שבועי.
6. רקע פעיל שמפריע להתרכז בתוכן האתר

כתבה: שולה גורן
כל הזכויות שמורות לאתר פלוס

[Noam]

יפה כל הכבוד ! ! !

[Bestouch]

תודה רבה אנדרי.

[Niros]

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

[Raz]

יפה...מאמר מושקע

[satan]

קראתי הכול - יפה מאוד! [=-

[Andrey | ADwd.net]

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

[שקד]

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