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

ברוכות וברוכים הבאים לדף המקורות\מרחב העבודה של הקורס.

עקרונות הקורס:

1. הקורס הוא סדנא פרקטית hands on. אני מעודד אתכם ללכלך את הידיים ולעבוד כמה שיותר.

2. נפגשים אחת לשבוע בימי שלישי אונליין

3. מכינים את שיעורי הבית משבוע לשבוע. כך יהיה לכם עמוד אישי בסוף הקורס.

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

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

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

שיעור ראשון:

פלטפורמות להקמת אתרים:

wix.com | wordpress.com | squarespace.com | www.weebly.com | www.duda.co

השוואה בין הפלטפורמות (בניה ואחסון):

pcmag | cnet | websitebuilderexpert

שיקולים להעדפת פלטפורמות:

1. תמיכה מובנית בעברית (אם קהל היעד הוא בארץ)

2. קלות בניה ותפעול (רוב הפלטפורמות מאפשרות להתנסות בבניה ראשונית לפני שמזמינים)

3. פופולריות של הפלטפורמה

4. מענה לצרכים מדויקים - בלוג, חנות, גלריה וכו'.

5. עלות שנתית, ועלות השנה הבאה.

קנית domain name אישי:

internic| namecheap | כמעט לכל פלטפורמה שתבחרו יש אפשרות לקנות דרכה את שם הדומיין

פלטות צבעים:

coolors.co | colorhunt.co | Make your own using color picker

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

1. דף הבית - מה שמים בפרונט?

   1. סקשנים קבועים, תוכן מתחלף, וכו'.

   2. תמונה או תמונות מייצגות

   3. כותרת, כותרת משנה, טקסט פתיחה

2. הגדרת המוצרים\תוצרים רצויים (דוגמאות):

   1. אני רוצה שהאתר שלי ימכור בר מצוות בקהילה

   2. אני רוצה לחתן X זוגות בשנה

   3. האתר יגייס תרומות לפרויקט החברתי שלי

   4. אני רוצה שאנשים יכנסו לאתר כדי לקרוא מאמרים תורניים שלי

   5. אני רוצה שאנשים יגיעו לאתר

   6. חשוב לי לאפשר באתר הרשמה לנינוזלטר שבועי או חודשי

   7. אני רוצה למכור באתר טליתות\מזוזות בכתב ידי\קמעות וכו' :)

3. סקשנים\עמודים באתר - נגזרת של מטרות האתר (מוצרים ותוצרים).

4. תפריט ראשי\צד ומרכיביהם

5. קישורי יצירת קשר

6. רשתות חברתיות רלוונטיות

7. שפות נוספות

8. דף אודות

מבנה כללי של אתר אינטרנט:

1. Header

2. Content area - static/dynamic

3. Footer

4. Side menu/Top menu

5. Additional Pages

טרמינולוגיה רלוונטית:

1. תפריט - Menu

2. תבנית האתר - Template(דוגמאות)

3. בלוג: פוסט, עמוד, קטיגוריות.

4. עמוד סטטי מול עמוד דינמי

5. קרוסלה - תמונות\מוצרים

6. גלריה

7. כותרות H1, H2, H3 וחשיבותן

8. וידאו ותמונות - תוכן מוטמע EMBEDED

9. טופס (יצירת קשר)

שיעורי בית לשיעור הראשון:

1. הגדירו עד שלוש מטרות לאתר שלכם (30 דקות~).

2. הגדירו 3-5 מוצרים שאתם רוצים לשווק\לחשוף דרך האתר (30 דקות~).

3. איספו לפחות 20 תמונות טובות שלכם בפעולה, או תמונות של הקהילה שלכם בפעילות רלוונטית לאתר (90 דקות~).

4. כתבו תוכן (90 דקות ~):

   1. שורה אחת של מוטו (2-5 מילים), שלוש שורות פתיחה + הנעה\הזמנה ("אני מזמין אתכם להצטרף\לקחת חלק...").

   2. 2 פסקאות "אודות הרב X" לעמוד אודות + הנעה\הזמנה קצרה.

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

המלצות - State of mind Takeaways:

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

• אין לאינטרנט ראש למילים ארוכות

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

---

שיעור שני:

שלבים בהקמת האתר - צ'ק ליסט:

1. תכנון (הגדרת מבנה האתר + החלטות טכניות)

2. הקמה (יצירת ואיסוף תוכן + בנית הדפים)

3. וידוא התאמה למובייל ותיקון (85%-90% מהטראפיק יגיע לאתר מובייל).

4. בדיקות וליטושים (משוב מחברים\עמיתים)

5. תחזוקה ופרסום - ייצור טראפיק

טיפ: שימו לב כמה מעצבן ורועש ריבוי הצבעים ברשימה למעלה.

הגדרות מבנה האתר:

• הגדרת צורת עמוד נחיתה\עמוד ראשי

• הגדרת סקשנים\עמודי משנה

• הגדרת התפריט

• החלטה לגבי המוצרים הרלוונטיים

• טופס יצירת קשר/לינקים ליצירת קשר/מייל/טלפון/ווצאפ וכו'.

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

החלטות טכניות:

• בחירת פלטפורמה לאירוח והקמה

• בחירת עיצוב - צבעוניות, פונט וכו'.

יצירת ואיסוף תוכן:

• כתיבת תוכן של דף הבית\נחיתה

• כתיבת התוכן של הסקשנים\הדפים הנוספים

• איסוף תמונות אישיות\רלוונטיות שיש לנו רשות להשתמש בהן

• ניסוח טקסט בדף יצירת קשר

הקמה בפועל:

• בנית דף הבית (תוכן+עיצוב)

• בנית התפריט

• בנית הסקשנים\הדפים הנוספים (תוכן + עיצוב)

• יצירת קישורים לרשתות חברתיות - פייס, אינסטוש, טוויטר וכו'.

• יצירת קישורים פנימיים בתוך האתר

טיפ: הקפידו על קישור "הנעה לפעולה" בכל דף של האתר\סוף פסקה רלוונטית.

התאמות למובייל - קריטי:

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

• טקסטים ואלמנטים לא נחתכים או נעלמים

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

• לכל דף יש פעולה ספציפית. במובייל זה ממש קריטי שהדף ישרת את הפעולה הזאת בלבד.

בדיקות וליטושים:

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

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

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

עקרונות בשימושיות אתרי אינטרנט - UI & UX:

הגדרת קהל\י יעד:

לכל אתר יתכנו מספר קהלי יעד. כל קהל יעד מפולח אחרת. למשל:

1. השקפה דתית - דתיים, מסורתיים, דתל"שים, חילונים.

2. גילאים - פנסיונרים, מבוגרים, בוגרים צעירים, משפחות\סינגלז, נוער, ילדים.

3. חלוקות לפי שפה, תרבות ומוצא אתני.

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

עיצוב:

1. יש אינסוף אפשרויות של צבעים, פונטים עיצובים וכו' - less is more

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

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

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

5. אל תכבידו על המשתמש עם יותר מדי תמונות. אם אתם רוצים להציג הרבה תמונות - השתמשו בגלריה עם THUMBNAILS.

כיבוד המסך של המשתמש:

1. אל תנגנו מוסיקה באופן אוטומטי אלא אם המשתמש הקיש על PLAY

2. אל תקפיצו POP UPS - זו התערבות מעצבנת בחווית המשתמש, שמפריעה לו באמצע קריאת התוכן שלכם.

3. פתחו דפים באותו עמוד של הדפדפן. אם המשתמש ירצה, הוא יקליק OPEN IN NEW TAB בעצמו.

שימושיות:

1. שאפו תמיד לאפשר למשתמש "סריקה במבט אחד" של הדף.

2. הימנעו מרשימות ארוכות

3. השתמשו בלינקים קצרים פשוטים וקריאים

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

5. הימנעו מדפים "עריריים" שאינם מובילים הלאה אל דפים אחרים\יצירת קשר.

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

7. כל דף מוצר צריך לכלול תמונה, תיאור קצרצר, וקישור לפרטים נוספים\יצירת קשר מיידית.

שיעורי בית לשיעור השני:

1. השוו ובחרו פלטפורמה לבניית האתר.

2. בחרו\הרכיבו\הגדירו תבנית עיצוב ופלטת צבעים.

3. הגדירו את רשימת הדפים\סקשנים הרלוונטיים לאתר שלכם.

4. פתחו חשבונות במדיות החברתיות הרלוונטית.