פוסטים

היום 25.10.2016 – הגיע הזמן לתבוע אתרי ממשלה

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

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

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

אז גשו לעו"ד טוב… ושיהיה בהצלחה…

יום טוב חברים 😉

עשרת המכות של בוני האתרים בישראל

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

זה שהיה עושה את זה לבד אבל אין לו זמן

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

אבל כבר הציעו לי ב-1500 ש"ח

נו ברור, 1500 זה הסטנדרט החדש! כי הרי וורדפרס זו מערכת חינמית, ותבנית סבירה אתה קונה במחיר של 30-70 דולר, ועוד איזה פלאגינים. וזהו בעצם. לא צריך הרי לנתב את הדומיין, להתקין, לקנפג, לרטל (RTL) או לבנות תבנית חדשה לגמרי, לעבוד על ממשק המשתמש, לעשות פוטושופ על תמונות, להזין תכנים, לעשות אופטימיזיצה… טוב נו התעייפי בשלב זה 😉 תעשו טובה ותזמינו אתר ב-1500 ש"ח. ובאותה הזדמנות תיכנסו לסוכנות של יגואר ותשאלו "אבל בסוכנות של רנו הציעו לי 85,000 ש"ח", בבקשה תעשו את זה! אני מבטיח לשים גם לשים מאה דולר בוסט על מי שיצלם את זה בוידאו וישלח לי!

החבר המבין

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

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

לא נראה לי שצריך להוסיף מילים לפסקה הזאת 🙂

זה שכבר יש לו אתר ורק צריך שיפצורים קטנים

כן , כבר יש לו אתר, קרי: הוא שילם מאה דולר להודי שיתקין לו וורדפרס, יזרוק עליו תבנית חינמית ואפילו לא מיושרת לימין (RTL), יש באתר גם 5-10 עמודי תוכן… אבל זה כמובן "אתר", וצריך רק עוד כמה שיפוצים קטנים, מה שכמובן מהווה לגיטימציה לבקש הנחה של 50% ומעלה ממחיר אתר רגיל, כי רק צריך לעשות שיפוצים קטנים. חבר, אולי עדיף שתבנה אתר עם ההוא שהציע ב-1500? 😉 זה הרי זול משמעותית, שם לפחות תקבל אתר עם תבנית מתורגמת.

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

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

המעצבת שלי תסביר לך מה צריך לעשות

בהמשך לסעיף "השיפוצים הקטנים", יש לנו את את המעצב\ת שנכנסת לתמונה ומשנה 180 מעלות את האתר. זה תמיד קורה ברגע שהאתר כבר באוויר, התוכן מוזן, יש גרפיקה, הלקוח בחר תבנית שעל פיה סיכמתם לעבוד. ויש… קצת פינישים לעשות על האתר, אז אתה מרים טלפון למעצבת, אתם מתכתבים במייל… ושם כמובן אתה מקבל קובץ סטטי (JPG\PDF) שככה האתר צריך להיראות, זה אפילו לא PDS וכמובן שזה שונה לחלוטין מהתבנית המקורית, לא ררק זה, אתה מקבל קובץ וורד באורך של מגילת אסתר עם הוראות כיצד זה צריך לעבוד במעבר עכבר, אפקטים במעבר עמודים, פרלקס ועוד.

רגע, תמיכה לכל החיים זה לא אובייסט?

אתה הרי מכרת אתר, אתה אומר לתמוך ולתחזק אותו לאורך כל חייך. כי זה אתה בנית לא? 🙂 אם יצאו עדכונים של פלאגים, אתה אמור לעדכן, אם יצאו עדכוני גרסה של וורדפרס, אתה אמור לעדכן. אם פתאום יש תקנות וסטנדרטים חדשים (כמו רספונסיביות ונגישות) אז זה אובייסט…מה, אתה צריך לשדרג. על מה לעזאזל אתה גובה כסף? זה הרי ככה צריך להיות. ואם האקר פלסטיני ארור פרץ לך לאתר כשנתיים לאחר הקמתו – אז ברור שמי שבנה לך את האתר אמור לשחזר לך את זה על חשבונו, למרות שהוא החליף כמה מחשבים מאז ומבחינה אתית הוא אפילו לא שומר סימאות מעל 6 חודשים. זה הרי אובייסט חתזוקה לכל החיים… ובחינם!

כבר קניתי תבנית, אני רק צריך שיתקינו לי אותה

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

אבל זה 5 דקות בשבילך

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

חכה לתוכן חביבי, חכה הרבה

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


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

20 אתרי וורדפרס ישראלים מעולים – פוסט שני בסדרה

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

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

יאללה… בואו נתחיל…


אתר רשת קופיקס

אתר רשת קופיקס

1. רשת קופיקס

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

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

לצפיה באתר לחצו כאן


אתר אופטיקה הלפרין

אתר אופטיקה הלפרין

2. אופטיקה הלפרין

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

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

לצפיה באתר לחצו כאן


אתר קבוצת שטראוס

אתר קבוצת שטראוס

3. קבוצת שטראוס

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

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

לצפיה באתר לחצו כאן


אתר טיים אאוט תל אביב

אתר טיים אאוט תל אביב

4. טיים אאוט תל אביב

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

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

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

לצפיה באתר לחצו כאן


אתר הפועל תל אביב

אתר הפועל תל אביב

5. הפועל תל אביב

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

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

לצפיה באתר לחצו כאן


אתר לאומי למשכנתאות

אתר לאומי למשכנתאות

6. בנק לאומי למשכנתאות

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

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

לצפיה באתר לחצו כאן


אתר מפלגת יש עתיד

אתר מפלגת יש עתיד

7. מפלגת יש עתיד

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

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

לצפיה באתר לחצו כאן


אתר מרצדס ישראל

אתר מרצדס ישראל

8. מרצדס ישראל

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

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

לצפיה באתר לחצו כאן


אתר משק צוריאל

אתר משק צוריאל

9. משק צוריאל

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

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

לצפיה באתר לחצו כאן


פורטל מה וזה

פורטל מה וזה

10. פורטל מה וזה

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

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

לצפיה באתר לחצו כאן


מגזין שיחה מקומית

מגזין שיחה מקומית

11. שיחה מקומית

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

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

לצפיה באתר לחצו כאן


אתר אאודי ישראל

אתר אאודי ישראל

12. אאודי ישראל

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

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

לצפיה באתר לחצו כאן


אתר מיצובישי

אתר מיצובישי

13. מיצובישי ישראל

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

דבר שעוד יותר אהבתי היא האווירה האורבנית שיוצר השילוב של תמונות הרכב על רקע של איורים המתאים עצמם לאופי \ יעוד הרכב 0למשל: עיר, שטח וכו'). שווה צפיה.

לצפיה באתר לחצו כאן


אתר זאפו

אתר זאפו

14. זאפו

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

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

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

לצפיה באתר לחצו כאן


מגזין מגה פיקסל

מגזין מגה פיקסל

15. מגזין מגה פיקסל

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

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

לצפיה באתר לחצו כאן


יחד ישראל

יחד ישראל

16. יחד ישראל

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

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

לצפיה באתר לחצו כאן


מרכז הקהילה הגאה ת"א

מרכז הקהילה הגאה ת"א

17. מרכז הקהילה הגאה ת"א

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

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

לצפיה באתר לחצו כאן


מגזין קסטרו

מגזין קסטרו

18. מגזין קסטרו

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

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

לצפיה באתר לחצו כאן


אתר הטלויזיה החברתית

אתר הטלויזיה החברתית

19. הטלויזיה החברתית

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

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

לצפיה באתר לחצו כאן


מגזין hwzone

מגזין hwzone

20. מגזין HW ZONE

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

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

לצפיה באתר לחצו כאן


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

אז שהיה בנתיים שבוע טוב, ובהצלחה לסטודנטים שחזרו היום ללימודים 😉

וורדפרס בכחול ולבן – ראיון עם היזמים של pojo.me

אהלן חברים, הקדמה קטנה…

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

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

חלק מהראיונות יהיו 1X1, חלקם דרך האינטרנט, וחלקם יעלו אף בוידאו…

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

אז ראשית, ספרו קצת על עצמכם.

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

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

איך הגיע הרעיון להקים את מיזם pojo.me?

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

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

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

pojo.me

pojo.me

איך הגיע השם pojo.me למיזם?

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

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

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

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

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

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

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

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

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

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

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

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

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

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

מה החזון שלכם לגבי המיזם?

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

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

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

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

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

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

מימין לשמאל: יקיר סיטבון, יוני לוקסנברג, אריאל קליקשטיין (צילום: מרים שוואב, בכנס השנתי של וורדפרס בישראל WordCamp TLV 2014)

מימין לשמאל: יקיר סיטבון, יוני לוקסנברג, אריאל קליקשטיין (צילום: מרים שוואב, בכנס השנתי של וורדפרס בישראל WordCamp TLV 2014)

קצת מידע כללי עליכם, מה עוד תרצו לספר על הצוות?

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

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

כיצד לבחור תבנית וורדפרס לאתר שלך?

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

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

מבנה ומראה

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

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

מטרה וייעוד

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

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

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

בחירת תבנית לעמוד בוורדפרס

בחירת תבנית לעמוד בוורדפרס

פייג' טמפלטס, קסטום סיידברס ושורטקודס

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

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

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

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

אפשרויות תבנית

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

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

אופטימיזציה

עוד דבר שכדאי ומומלץ לבדוק הוא המבנה של התבנית מבחינת אופטימזציה, האם היא בנויה טוב מבחינת תהליך הקידום בגוגל? אופטימיזציה טובה זהו דבר שתורם לאתר להתקדם בגוגל (ולמה חשוב לקדם בגוגל – אין צורך לפרט), ומאוד כדאי לבדוק את הסקיצה מבחינת: כותרות H1,H2, טעינת נתונים ע"י AJAX או טעינה רגילה, זמן טעינה של התוכן, תגיות DOFOLLOW NOFOLLOW בתוך התבנית, מיקומם של אלמנטים כמו תגיות וקיטלוג, סקיצת דף "מפת אתר" שבאה עם התבנית ומוגדרת במבנה נכון, כיצד נקראים תפריטי הניווט ע"י גוגל, ואם נכנס לעומק אז גם את סידור השכבות – כך ששכבת התוכן תהווה את החלק המרכזי והידידותי ביותר לקרוולרים של מנוע החיפוש (פרמטר שולי, אבל עדיין פרמטר).

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

אוטומציה

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

סיכום

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

כיצד לאפיין את עיצוב האתר החדש שלך?

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

עיצוב אתרים נכון – כיצד זה מתחיל?

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

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

ישנו מושג כזה בקרב אנשי UX (עיצוב חוויית משתמש) שנקרא "מבחן 5 השניות", מה שזה אומר – כאשר גולש אקראי נכנס לאתר שלך (נניח מהקלקה מגוגל או מפייסבוק), אם הוא ישאר אצלך באתר 5 שניות ומעלה (המון במושגים של אינטרנט) – הוא כנראה יבצע פעולה כלשהיא אצלך באתר, ומגוון הפעולות שניתן לבצע באתר הוא עצום…. מילוי טופס יצירת קשר, הרמת טלפון, הרשמה לעדכונים וכו' וכו'… כיצד נגרום לו להישאר את 5 השניות האלו ולבצע פעולה באתר שלנו? זאת ועוד נעשה ע"י עיצוב נכון. והרי העקרונות בתמציתן לפניכם.

הבהרת הצורך לגבי התדמית שהאתר שלך אמור ליצור

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

  1. הרושם שאתם צריכים ליצור בעיני הגולש – מה היחודיות שלך? למה הגולש צריך להפוך דווקא ללקוח שלך? מה היתרון שלך על פני המתחרים? ומהי מהות העסק שלך? אתה צריך להבהיר על הצד הטוב ביותר לראשות המבצעת (החברה שבונה לך את האתר), את הלך הרוחות בעסק, קהל היעד שלו והייחודיות שלו.
  2. השימושיות לגולש – אתר בעל ממשק משתמש נוחמ ונגיש לכל – יגרום לגולשים ואף לקוחות קבועים לבצע יותר פעולות אוהן ליין ובכך גם לחסוך זמן לעסק שלך, גם להגביר את הפניות וגם לתת כלי שאין למתחירים שלך – מה שמהווה עוד יתרון ביחס אליהם. למשל: דוגמה מאוד נפוצה לכך ניתן למצוא אצל בתי דפוס אשר מעניקים ללקחות ממשק הזמנות און ליין, חלקם אף "סוגרים" את תהליך העיצוב ע"י ממשק ידידותי ומאפשרים ללקוח לאפיין ולעצב את הפקת הדפוס שלו (כרטיסי ביקור נניח) ולשלוח אותה להדפסה בקליק, לבחור את הכמות, את האיכות, את הלמינציה וכו'… דבר אשר מגביר הרבה את הפניות ואף את ההזמנות מהאתר.

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

הגדרת ציפיות וטכנולוגיה לגבי עיצוב האתר

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

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

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

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

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

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

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

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

לאחר שהבנו את מבנה האתר הבסיסי – מה נעשה אם אנחנו צריכים קצת מעבר לזה?

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

סיכום – עיצוב אתרים, אפיון ואיכות

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

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

 

מה ההבדל בין בניית אתרים לבין עיצוב אתרים?

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

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

מהו ההבדל המהותי בין בניית אתרים לבין עיצוב אתרים?

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

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

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

למה בימינו העיצוב לוקח את מרבית הזמן בבניית אתרי תדמית?

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

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

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

דפדפני אינטרנט

דפדפני האינטרנט המובילים כיום, מימין לשמאל: כרום, ספארי, אקספלורר, פיירפוקס, אופרה

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

כיצד כדאי לאפיין את עיצוב ובניית האתר שלך?

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

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

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

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

אתר אינטרנט ככלי

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

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

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

בניית אתרים בחינם? תחשבו עוד פעם

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

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

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

זה תהליך מהיר יותר – את החשבון אתם פותחים בתוך 5-10 דקות ומשם אתם מתחילים ישר לעצב, להזין תוכן וכו', אם תשקיעו מספיק זמן ביממה – אתם יכולים בתוך 24 שעות להעמיד אתר באוויר עם תוכן בסיסי שמספר על העסק שלכם, על השירותים שלכם ועל המוצרים שלכם.

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

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

ועכשיו ניגש לחסרונות של בניית אתרים בחינם

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

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

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

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

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

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

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

אז מה האידאל?

בניית אתרי וורדפרס

בניית אתרי וורדפרס

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

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

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

בניית אתרים נכונה מכוונת להצלחה

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

בניית אתרים חינם זה לא מתאים

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

בניית אתרים – הלקוחות הם הנכס היקר שלכם

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

אז מה זה בעצם בניית אתרים?

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

ראשית – יעוד אתר האינטרנט

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

בניית אתרים בקוד פתוח

בניית אתרים בקוד פתוח

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

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

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

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

עיצוב אתרים מותאם אישית או על בסיס תבנית קיימת

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

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

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

אלמנטים מיוחדים אשר משולבים באתר

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

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

הזנת תכנים באופן עצמאי או על ידי החברה

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

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

במה באה לידי ביטוי הזנת תכנים מקצועית?

תוכן ובניית עץ אתר

תוכן ובניית עץ אתר

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

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

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

סיכום לגבי בניית אתרים

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

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