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

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

web 2.0 Is New and evolving….

אבל לפני האייטם שלי תנו לי לכוון אתכם לכמה כלים מדהימים שנמצאים ברשת:

שניה לפני בחירת עיצוב לאתר – בחירת הפלטפורמה: http://www.softaculous.com/

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

בחירת תבנית עיצוב: http://www.templatemonster.com/

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

אבל אני כן רוצה שתציצו בעיצובים שונים, תשאבו רעיונות וגם על הדרך תסתכלו על עיצובים מוכנים לסוגים שונים של מערכות – זה יכול לעזור מאוד- תסמכו עליי…

אז בואו ונבנה לנו אתר באינטרנט:

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

אז בבקשה – תרימו טלפון או תשלחו אליי מייל: 1-800- לה לה לה… (בדיחה? כן…)

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

קוד פתוח, עיצוב מוכן, אדפטציה…

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

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

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

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

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

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

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

אין ספק שפיתוח אתר באופן אקסלוסיבי עבור העסק שלכם זו הפעולה הנכונה – שהמעצב יאפיין את האתר שלכם מא'-ת' וכפועל יוצא יהנדס את החלקים שרלוונטיים לכם – זה מצויין ומאוד לארג' מצדכם – יש לכם יסודות איתנים כברזל והתקציב שלכם לבניית האתר התחיל מ10 ונדד לכיוון ה50 (לפחות)…

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

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

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

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

התאמה לאתרי אינטרנט – Customization and Adaptation

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

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

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

קידום רבותיי, קידום…

SEO

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

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

הכלל הראשון נקרא אופטימיזציה.

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

SEO seed

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

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

מהו שדה התיאור של הפוסט הנוכחי?

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

התיאור חייב להיות קצר וקולע.

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

המילה- עיצוב אתרים למשל יכולה להיות בקשר של פוסט זה…

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

הכלל השני נקרא: לינקים ממקומות רלוונטיים.

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

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

אוקיי…

המסלול הבא שלפניכם מתאר את שלבי העבודה הנכונים בעיניי…

1. עיצוב XTRA

2. התקנת תוספים.

3.עיצוב אישי + באנרים סטאטיים.

4. סידור תכנים + תגיות

5. אף פעם לא מאוחר! סדרו את הSEF של הבלוג.

מוכנים? צאו לדרך!

1. הטיפ הראשון הוא: חפשו עיצוב מיוחד, ובמיוחד כוונתי היא למשהו יוצא מן הכלל…

לא חסרות היום תבניות חינם, אך רצוי למצוא תבנית שנותנת יותר מהאפשרויות הרגילות.

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

להלן רשימה של תבניות לבחירה:

100 Amazing Free WordPress Themes for 2009

100-excellent-free-high-quality-wordpress-themes

wordpress.org/extend/themes

http://www.nattywp.com/index.php?order=added

http://www.wpdiva.com/themes/tags/fluid

20-of-the-best-free-magazine-wordpress-themes

83-beautiful-wordpress-themes-you-probably-havent-seen

http://www.wpzoom.com/wordpress-themes-sets/45-free-premium-wordpress-themes-with-magazine-or-grid-layouts/

http://blog.taragana.com/index.php/archive/top-5-free-magazine-theme/

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

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

Aksimet- למעשה, אקזימט כבר מותקנת בהתקנה הבסיסית של הוורדפרס, היא מותקנת אך היא איננה פעילה, יש צורך להפעיל אותה.

האקזימט היא מערכת לסינון תגובות זבל, זהו תוסף חובה! זאת מכיוון שמערכת הוורדפרס שולחת פינגים וטראקבקיםף, אנשים ירצו להשתמש במערכת כדי לשלוח את הלינקים שלהם… צריך להירשם לhttp://en.wordpress.com/signup/ ולקבל API, המפתח הזה חשוב וחיוני להפעלה של תוסף זה כמו לתוסף הבא:

WP STATS: מקצר את הדרך לסטטיסטיקה, זה נורא נוח לראות את כל הנתונים הישר מלוח הבקרה

כאמור- חובה להתקין את מפתח הAPI כדי להפעיל תוסף זה – שווה מאוד ומומלץ אף יותר…

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

תוספים נוספים שעושים חיים יפים:

All in One SEO Pack- תוסף חובה! מאפשר כתיבת תכני מטא לכל עמוד ועמוד, פוסט ופוסט בבלוג, בשילוב נכון עם התגיות- יש לנו מכונה חזקה לקידום ומנוע מילולי נפלא שמאפשר קידום מהיר במנועי החיםוש.

Google XML Sitemaps- תוסף נוסף שעוסק בקידום, לאחר ההתקנה אין צורך לעבוד קשה- התוסף שולח את מפת האתר באופן אוטומטי לגוגל וליאהו ועוד!

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

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

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

3. עיצוב אישי…

ברור שיש צורך בהתאמה של הבלוג שלכם- מבחינת צבעים ולוגו אישי לחברה וכ"ו…

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

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

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

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

חובה להחליף את כתובות האתר לקישורים קבועים…

פרטים נוספים ניתן למצוא כאן:http://codex.wordpress.org/Using_Permalinks

האפשרות הנכונה ביותר בעיני היא: /%category%/%postname%/

בקרוב תבניות נוספות ולינקים נוספים…

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

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

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