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

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

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

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

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

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

הפוסט על הקשר שבין עיצוב לתוכן הופיע ראשון באיתי ברנר - אשף הכתיבה לרשת

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

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

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

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

בניית אתרים בג'ומלה

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

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

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

Winweb  הינו סטודיו מקצועי אשר הוקם ב 2008 ע"י ראובן אקרמן מתמחים בעיצוב אתרים בניית אתרים\ הקמת פורטלים\ חניות וירטואליות \ בניית אתרים בג'ומלה \ קידום אתרים

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

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

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

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

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

היתרונות :

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

החסרונות:

• · מבחינת SEO, תגי ה – Meta Description משותפים לכל העמודים, וכן, מדובר כאן על גוגל שממליצה בעצמה לא לעשות את זה… כותרות העמודים הן H2 למרות שכנראה אפשר לשים H1 בעריכת קוד HTML חופשי (לא ניסיתי).
• · ענן יכול להיות גשום : כשמשהו נתקע או לא עובד טוב, יכולים להתקבל בטעות דפים ריקים ואסור לשמור, אלא צריך לעשות רענון של הדף או ללכת לדף אחר.
• · עבודה מוגבלת עם תמונות : אי אפשר לכוון את המיקום שלהן במדויק וגם לא את הגודל. את הרקע חייבים לקבוע לכל העמודים.
• · Youtube – עוד נקודה תמוהה למדי : מסתבר שאי אפשר במאפייני הנגן והוא תמיד עולה בגודל המקורי של הסרטון. הסיבה היא שלא משנה כמה פעמים תנסו להשתמש בקוד אמבד ישירות בעורך הHTML, מה שבסוף יישמר זה Widget פנימי של Google Sites.
• https – זו הצורה שבה האתר מתאנדקס בגוגל, והמשמעות היא שאלמנטים מסוימים יגרמו להודעות אבטחה באקספלורר. אפשר עדיין לגלוש דרך פרוטוקול HTTP, אבל אני לא ממש יודע איך לגרום לגוגל לאנדקס את הדף במקום. (אולי עם תכונת העמודים הכפולים החדשה של וובמאסטר טולס לא עובד – זה רק בשביל פרמטרים בסוף הכתובת).
• ואם כבר אקספלורר, גוגל סייטס פועל במצב תאימות לאקספלורר 7. כל שבירת שורה על ידי אנטר (תג BR) או שימוש במקש TAB כדי להזיח את הטקסט פנימה, יגרמו לאי התאמות עם דפדפנים אחרים או רזולוציות אחרות. עדיף פשוט למרכז את הטקסט אם צריך. מיותר לציין שאין דרך לערוך את קבצי הCSS… (הטריק עם ה* שכותב פקודות רק ל7). עדכון – נראה שמשום מה זה מתרחש רק ב- XP, על ויסטה ו7 להם יש גרסת אקספלורר 8 קצת שונה, זה לא קורה…

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

הפוסט גוגל סייטס – למה כן? למה לא? הופיע ראשון באיתי ברנר - אשף הכתיבה לרשת