first floor
קומה
ראשונה
היי ,
איזה כיף שאת כאן!
הכורסה לרשותך
ותרגישי בנוח
אחרי שתתמקמי, תני כאן לחיצה
את מתחילה לברר ברצינות על אתר לעסק,
פונה לכמה בונות אתרים שהתרשמת מהן ומבקשת לשמוע מידע, פרטים והצעות מחיר.
תוך כדי הבירורים את מתחילה להרגיש חוסר ביטחון, מה זה רספונסיבי ולמה צריך דומיין?
קצת נבוכה להודות שאין לך מושג מה המשמעות של הביטויים האלו…
היסודות לבניית אתר
איחסון
באתר שלך יהיו תמונות, מלל והרבה תוכן מרתק. כל זה לא נמצא באוויר, הוא מאוחסן היכנשהו.
בדיוק בשביל זה יש חברות אחסון שמציעות אחסון מהיר ויציב בעלות חודשית של כמה עשרות שקלים
דומיין
הכתובת של האתר שלך, אם יצא לך כבר לראות, לכל אתר יש קישור ייחודי עם השם שלו, לדוגמה איקאה www.ikea.com הדומיין זה הכתובת של האתר שלך,
הדומיין בתשלום של כמה שקלים בודדים לחודש
וורדפרס (WordPress)
וורדפרס הוא הממשק בו בנוי האתר שלך, זה הממשק הפופולארי והמומלץ ביותר לבניית אתר, יציב חינמי ומאפשר ליצור בו כמעט הכל בלי הגבלה.
אלמנטור (Elementor)
אלמנטור הוא תוסף עריכה, את אלמנטור מתקינים בממשק הוורדפרס ודרכו אפשר לערוך ולעצב את דפי האתר השונים
תוספים (פלאגינס)
מלבד אלמנטור, שהוא התוסף הפופולארי והעיקרי, ישנם תוספים נוספים כמו ג'ט ועוד. כל תוסף מותקן בהתאמה אישית ולפי הצורך כדי לאפשר לך ליצור את האתר בהתאמה מדוייקת.
ווקומרס (WooCommerce)
ווקומרס, תוסף חנות שמותקן בממשק וורדפרס, אחד התוספים המוכרים ביותר לבניית אתר חנות
עיצוב, ניווט וחוויית משתמש
הדר ופוטר
אם יצא לך לראות, בכל אתר יש 2 אזורים תבניתיים שחוזרים על עצמם, ההדר בראשית האתר שמכיל את פירוט הדפים והלוגו.
הפוטר – בתחתית האתר, מכיל סיכום של התכנים, אפשרות ליצירת קשר ועוד.
תפריט / המבורגר
תפריט – כינוי לשורת פירוט העמודים (מופיעה בהדר, כמו שציינו קודם)
במצב מובייל של תצוגה דרך הפלאפון משתמשים בהמבורגר, כינוי לאייקון של 3 קווים זה מעל זה דרכו ניתן לעבור לתפריט כמו בתמונה הבאה:
כפתור
כפתור הוא לחצן, טקסט לחיץ.
משמש לרוב להנעה לפעולה
מפת אתר
כינוי לתכנון של חלוקת הדפים והאזורים השונים באתר
UI / UX
מתטאר חווית משתמש
UI – החלק העיצובי והויזואלי, שיהיה נעים ועדכני
UX – החלק התכנוני, שלב האפיון ותכנון האזורים והחלוקה בצורה נוחה ומדוייקת
פונטים
סוג הגופן של האתר, כמה שזה נשמע שולי הוא משפיע מאוד על הניראות והאויירה באתר
המלצה חמה! אל תשתמשי בפונטים חינמיים, בדקי מראש עם בונת האתר לגבי פונטים מקצועיים.
ניהול שוטף וביצועים
מהירות טעינה
המהירות בה האתר שלך עולה ומשך הזמן שלוקח לו להגיב לשינויים ומעבר בין אזורים, ככל שהאתר מהיר יותר כך הגולשים נשארים בו ולא נוטשים ונעלמים
קאש (Cache)
קאש זה כינוי לנתונים שהאתר אוסף כדי להגביר את מהירות האתר, אך פעם בתקופה רצוי לנקות קאש ולהעביר ניגוב על האבק שהצטבר, את מבצעת את זה בעצמך בלחיצה פשוטה, בהמשך מצורפת הדרכה
רספונסיביות
רספונסיביות היא ההתאמה של תצוגת האתר לכל סוג מכשיר, הרי לא היית רוצה שמהפלאפון הצר והארוך יראו את האתר כפי שהוא במחשב הרחב, בסיום הבנייה מבצעים ומוודאים התאמה רספונסיבית ותצוגה מיטבית מכל סוג מכשיר שהוא.
אבטחה
האבטחה היא שמירה על פרטיות נתוני האתר, חשוב בעיקר באתרי חנות עם סליקה מובנית.
עדכון תוספים
עם הזמן שחולף יוצאות כגרסאות עדכניות יותר לתוספים, ואת הרי תמיד רוצה להישאר הכי עדכנית שיש, לכן חשוב כל תקופה לעדכן את התוספים, מדובר בפעולה קלה ופשוטה (הדרכה בהמשך)
פוסט
כינוי למאמר או בלוג, העלאת תוכן משתנה שלך לאתר
סיימת לסייר
בקומה הראשונה
סיימת את השלב הראשון!
את יודעת מה זה דומיין, למה חשוב אחסון טוב, מה המשמעות של רספונסיביות, ומה בכלל ההבדל בין תוסף לג'ט 😉
זה הזמן להתקדם לשלב הבא ולהתחיל לבדוק מה כוללת הבנייה בפועל
TIP
טיפ
לדרך
second floor
קומה
שניה
הבנת שיש מעצבת,
מאפיינת, כותבת ובונה
וגם עוד כמה תחומים
אבל איך בתכלס כל זה
מתחבר לאתר אחד?
התהליך מורכב מ-4 חלקים
01
אפיון
02
כתיבה
03
עיצוב
04
בניה
נשמע קצת מורכב,
מול כמה נשות מקצוע אני אצטרך לתזז במקביל?
את מחליטה,
אפשר לעבוד מול מישהי אחת שעושה הכל ואפשר ללכת בכל שלב לאשת מקצוע אחרת.
באתרים שלי לדוגמה אני משלבת את הידע שיש לי באפיון, עיצוב ובנייה ומשלבת כתיבה שיווקית על ידי קופרייטרית מקצועית לאתרים, ובעת הצורך משלימה עם מתכנתת לרכיבים מורכבים ועוד.….
מהניסיון שלי (ושל הלקוחות שלי:) השילוב הזה יוצר אתרים ברמה גבוהה במיוחד!
ואיך תדעי לבחור מישהי מקצועית וטובה?
איך תדעי שהפקדת את האתר היקר(…) שלך בידיים הנכונות?
קבלי את שלושת רכיבי הזהב לבחירת
אשת מקצוע איכותית לבניית אתרים
01
סגנון
בקשי לראות דוגמאות לאתרים שעשתה בעבר. סגנון עיצובי הוא משהו אישי מאוד, וחשוב שתתחברי למה שאת רואה – לצבעים, לקו העיצובי, לאווירה. אם את מרגישה ש"זה בול אני" – כנראה הגעת למקום הנכון.
02
מקצועיות וניסיון
תבדקי אם האתרים שלה בנויים טוב ונכון, אם כיף לגלוש בהם ואם את מרגישה שהם עושים את העבודה, כדאי מאוד לבקש המלצות מלקוחות עבר ולשמוע מהם התרשמות
03
התנהלות
הקשיבי איך היא מתקשרת איתך כבר מההתחלה: האם היא זמינה? ברורה? נעימה? תחושת בטן והתנהלות מקצועית הולכות יד ביד, כך תוכלי לוודא שישאר לך טעם טוב לא רק מהאתר אלא גם מהדרך, לפני ואחרי
Start with this
הגיעה העת לקפוץ למים
מצאת מישהי אלופה, שלחה לך דוגמאות לאתרים מרשימים, קיבלת עליה המלצות,
היא שלחה הצעת מחיר שהתקבלה על דעתך ובחרת סגרת איתה.
והנה הגיעה העת להעביר את המקדמה לתשלום. כמה זה יוצא?
the cost
עם כמה תקציב
אני צריכה להיערך?
יש סקאלה די רחבה למחירים של אתרים
באופן כללי אתר מעולה שכולל את כל השלבים שהזכרנו אמור לעלות באזור 7000-14000
(במידה ומדובר באתר חנות מורכב המחיר עשוי להיות גבוה יותר)
מלבד זאת יש עלויות חודשיות קבועות, של אחסון ודומיין בסך של 40-60 ש"ח
שאר התוספים כגון אלמנטור, ג’ט ועוד – בתחום האחריות של בונת האתר.
ובכן. המקדמה הועברה, האסמכתא נשלחה, התהליך התחיל
אז בינתיים אפשר לנוח על ספה עם ספר טוב ולחכות לעדכון שהמלאכה הושלמה?
מסתבר שלא.
And what else
מה עוד נדרש ממך כבעלת עסק?
המון אנרגיה, זמינות ונכונות לתהליך. נכון שידיים אחרות שוקדות בפועל על הקמת האתר,
אבל עדיין, את הלב של העסק וזה דורש ממך לתת את עצמך, לענות לשאלונים, למלא בריפים ולתאר את החלומות והתכנונים שלך עד לפרט האחרון.
Content for the site
ויש את התכנים שתצטרכי להביא
המלצות מלקוחות בוידאו בצילומי מסך או בכל דרך אחרת, אם יש לך תמונות ספציפיות שתרצי לשלב או אולי תמונה שלך בעצמך גם תצטרכי להכין אותה מראש,
כמו כן באתר בלוג הכולל מאמרים תצטרכי להכין מראש כמה מאמרים שיהיו מוכנים להטמעה.
ותוך כדי התהליך ייתכן שיצוצו עוד צרכים בהתאם לתכנון האתר המתגבש – כמו דוגמאות לפרויקטים שעשית ועוד.
הזמן מתקדם ומתקדם,
המיילים רצים, השיחות מתבצעות, התכנונים נרקמים וההתקדמות בשיאה
ואחרי כחודשיים של השקעה, סופסוף את מגיעה אל הרגע המיוחל. האתר באוויר!
יש לך לינק קצר ואלגנטי שמתמצת בתוכו את כל העסק שלך
הגענו ליעד!
רגעים
של נחת
תענוג לשבת באמצע יום עבודה ולבהות להנאתך באתר שלך
כיף לשלוח אליו לידים קרים ולקבל אותם בחזרה חמים ונלהבים
ובאופן כללי עושה לך טוב להיות ממוצבת במקום גבוה,
של עסק מקצועי עם אתר שמדבר בעד עצמו
אין ספק, המאמץ היה שווה, את כנראה חושבת בסיפוק
ומה עכשיו?
מה האתר שלי צריך הלאה, ומי יטפל בו?
אז בואי נתחיל מכל מה שאת צריכה בשגרה השוטפת ויכולה לעשות לבד,
כמו להעלות מאמרים לבלוג, לעדכן מוצרים בקטלוג וכדומה
תחזוק שגרתי
מה הוא כולל?
בכנות, כשהאתר באוויר אין כבר כל כך הרבה מה להתעסק איתו, אלא אם כן צריך שינויים ספציפיים כמו החלפת תמונות או העלאת מאמר חדש.
יש כמה פעולות שכדאי לבצע מדי פעם כדי להעביר ניגוב קל על האבק שעשוי להצטבר…
עדכון תוספים
מדי פעם רצוי להיכנס לממשק ולעדכן
את התוספים (פלאגינס)
ניקוי קאש (Cache)
מומלץ כל תקופה לנקות קאש –
פעולה שמרעננת את פעילות האתר בלחיצה
גיוון ועדכון תכנים
אם יש לך מאמרים באתר או שירותים שלך, כדאי מפעם לפעם להוסיף עוד תכנים כדי ליצור עניין
לסיכום, רוב רובם של האתרים
שוכנים לבטח על תילם שנים על גבי
שנים בלי באגים ובלי דאגות
אבל— כמו בכל דבר, תמיד יכולים להתעורר צרכים או שינויים
איך מתמודדים בכזה מצב?
ובכן, יש דברים שאת יכולה לעשות לבד ויש כאלו שממש לא,
בדרך כלל דברים שהם דינאמיים כמו לעלות תוכן ולהוסיף המלצה את תוכלי לעשות לבד
בונת האתר שלך תתכנן מראש את הבנייה כדי שתוכלי לסדר בעצמך את הניירת.
אך לעיתים קורה שאת רוצה שינוי משמעותי יותר, שלא אפשרי לך לבצע אותו בקלות מאחורי הקלעים.
כמו להוסיף עמוד חדש, לשנות עיצוב או להוסיף פופאפ
אז אכן אין מנוס מלפנות לאשת מקצוע,
שימי לב שאת לא חייבת להיות תלוייה דווקא במי שבנתה את האתר שלך מלכתחילה,
כל בונה טובה תדע 'להתלבש' על האתר ולשנות את הדרוש שינוי.
תזכורת קטנה וחשובה
אם את לא יודעת מה את עושה עדיף לא לעשות 🙂
לפעמים מרוב ייאוש אפשרי למצוא את עצמך נוברת בכל ההגדרות נכנסת פנימה לתוכנה ומנסה לשנות דברים בעצמך, זהירות! אפשר בלי להתכוון לשנות ולמחוק רכיבים חשובים שאח"כ יהיה מסובך מאוד לשחזר.
במקרה שדברים נמחקו מומלץ לפנות לבונת אתרים מקצועית ולהתייעץ איתה איך לשחזר את החומר שנמחק.
קחי נשימה עמוקה
ונעבור לשלב הבא והאחרון
תסריטי אימה באתרים
לאמיצי לב בלבד
הגענו לשלב המפחיד באמת, זה שגורם לך להחסיר פעימה רק מהמחשבה עליו
מה קורה כשמתעוררים תקלות ובאגים באתר?
חשוב להדגיש, ברוב מוחלט של המקרים האתר עומד על תילו במשך שנים ארוכות בלי שמץ בעיות, אבל מה עושים כשקורים בכל זאת שגיאות?
יש כמה סוגי שגיאות נפוצות שעלולות להשבית או לשבש את האתר
ברוב מוחלט של המקרים אפשר בעצמך לאתר את הבעיה ולפתור אותה בקלות תוך כמה דקות.
שגיאות נפוצות ודרכי פיתרון
שגיאה 404
מה זה אומר?
הדף שניסית להגיע אליו באתר לא קיים
הפיתרון
צריך לשים לב אם אין לך טעות בקישור, אם הקישור תקין צריך לבדוק בתוככי האתר למה העמוד לא מוצג
מי מטפל בזה?
בונת האתר
שגיאה 508
מה זה אומר?
האתר חרג מהמשאבים שהוקצו לו (למשל יותר מדי גולשים או קבצים גדולים)
הפיתרון
פנייה לחברת האחסון להגדיל את מכסת המשאבים (RAM CPU וכו') ולעיתים – מעבר לחבילת אחסון חזקה יותר.
מי מטפל בזה?
בעלת האתר או בונת האתר מול חברת האחסון.
שגיאת אבטחה
מה זה אומר?
הדפדפן מתריע שהאתר לא בטוח (בשפה מקצועית SSL חסר או לא בתוקף)
הפיתרון
יש לפנות אל חברת האחסון ולבקש מהם להתקין 'תעודת אבטחה' הם כבד ידעו במה מדובר 🙂
מי מטפל בזה?
בונת האתר
תצוגה משובשת
מה זה אומר?
חלק מהאלמנטים לא מוצגים טוב: תמונות לא בגודל הנכון, טקסטים גדולים או קטנים מדי ועוד
הפיתרון
צריך לשים לב אם אין לך טעות בקישור, אם הקישור תקין צריך לבדוק בתוככי האתר למה העמוד לא מוצג
מי מטפל בזה?
את 🙂
וזה פשוט וקל, ללחוץ על הכפתור 'רענון קאש' בוורדפרס או ללחוץ על רענון תוספים (כמו בהדרכה שראית קודם)
הודעות ספאם
מה זה אומר?
את מקבלת פניות יצירת קשר דרך האתר בשפות זרות או הודעות אוטומטיות
הפיתרון
להתקין תוסף אנטי ספאם (כמו Akismet או reCAPTCHA) מומלץ!
מי מטפל בזה?
בונת האתר
שגיאות נפוצות ודרכי פיתרון
שגיאה 404
מה זה אומר?
הדף שניסית להגיע אליו באתר לא קיים
הפיתרון
צריך לשים לב אם אין לך טעות בקישור, אם הקישור תקין צריך לבדוק בתוככי האתר למה העמוד לא מוצג
מי מטפל בזה?
בונת האתר
שגיאה 508
מה זה אומר?
האתר חרג מהמשאבים שהוקצו לו (למשל יותר מדי גולשים או קבצים גדולים)
הפיתרון
פנייה לחברת האחסון להגדיל את מכסת המשאבים (RAM CPU וכו') ולעיתים – מעבר לחבילת אחסון חזקה יותר.
מי מטפל בזה?
בעלת האתר או בונת האתר מול חברת האחסון.
שגיאת אבטחה
מה זה אומר?
הדפדפן מתריע שהאתר לא בטוח (בשפה מקצועית SSL חסר או לא בתוקף)
הפיתרון
יש לפנות אל חברת האחסון ולבקש מהם להתקין 'תעודת אבטחה' הם כבד ידעו במה מדובר 🙂
מי מטפל בזה?
בונת האתר
תצוגה משובשת
מה זה אומר?
חלק מהאלמנטים לא מוצגים טוב: תמונות לא בגודל הנכון, טקסטים גדולים או קטנים מדי ועוד
הפיתרון
צריך לשים לב אם אין לך טעות בקישור, אם הקישור תקין צריך לבדוק בתוככי האתר למה העמוד לא מוצג
מי מטפל בזה?
את 🙂
וזה פשוט וקל, ללחוץ על הכפתור 'רענון קאש' בוורדפרס או ללחוץ על רענון תוספים (כמו בהדרכה שראית קודם)
הודעות ספאם
מה זה אומר?
את מקבלת פניות יצירת קשר דרך האתר בשפות זרות או הודעות אוטומטיות
הפיתרון
להתקין תוסף אנטי ספאם (כמו Akismet או reCAPTCHA) מומלץ!
מי מטפל בזה?
בונת האתר
last floor
לקראת
סיום
וואהוו. ,
בואי, תנוחי קצת ותתחילי לעכל
את המסע שעברת.
אחר כך אפשר להתקדם לכיוון
היציאה ולאסוף את המתנה
שארזתי במיוחד בשבילך
