ניקולאי גוגול

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

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

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

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

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

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

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

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

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

תכנון הניווט באתר אינטרנט עיסקי


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

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


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

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

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

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

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

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

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

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

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

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

תמונה אחת אולי תסביר את זה:


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

במאמר הבא - איך לכתוב דף אינטרנט באתר עיסקי.

איך לבנות אתר אינטרנט לעסקים

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

אתר אינטרנט לעסקים


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

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

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

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

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

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

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

מי נתן להם CSS ואיך גורמים לדפדפן לטעון אותו בכח?

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


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

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

הפתרון המקורי שלי היה לתת לכל משתמש קובץ CSS כך:


 LINK href="http://www.saf.org.il/tamplate1css.php?s=username rel="stylesheet" type="text/css"

למעשה אני מפנה לקובץ PHP שמייצר קובץ CSS על פי שם המשתמש.

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

ככה? הא? רק בגלל ששם הקובץ זהה?

אז הנה הפיתרון - בכל פעם שמשתמש משנה את הקובץ אני שומר timestamp ומשרשר אותו לשם הקובץ כך:

 LINK href="http://www.saf.org.il/tamplate1css.php?s=username&t=1263888643" rel="stylesheet" type="text/css"


כלומר בכל שינוי של קובץ הCSS אני יוצר אוטומטית גם שינוי בשם שלו.

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

תעשו כיף ואתרים צבעוניים, יובל.
(-: