כששמעתי על גוגל אנליטיקס בתחילת דרכי בתחום האינטרנט, היה נשמע לי שזה משהו שצריכים אנשי קידום בלבד. ואני, בתור מפתח, לא צריך לבזבז על זה זמן. עד שגילית כמה פשוטה ההתקנה וכמה זה יכול לעזור לקדם את האתר בגוגל. זהו אחד הצעדים הפשוטים שאפשר לעשות ב-5 דקות, אם כבר יודעים או לפי מדריך זה: איך להתקין גוגל אנאליטיקס ב-5 דקות. מדריך להתקנה פשוטה.
בנה אתר אינטרנט בעצמך
אתר אינטרנט היום - חובה לכל עסק!!! מטרת בלוג זה - לעזור לעסקים קטנים לבנות אתר אינטרנט בעצמם ללא ידע ועם מינימום הוצאות מהשלב הראשון. אני אשתדל כל יומיים לעדכן פוסט או להעלות פוסט חדש. תהנו תהנו תהנו והעיקר שתצליחו
יוני 28, 2017
יוני 26, 2017
איך להתקין גוגל אנאליטיקס ב-5 דקות. מדריך להתקנה פשוטה
בתחלה יש להוסיף את האתר לאחד מחשבונות גוגל אנליטיקס שלכם, שיכול לאגד מספר אתרים בקבוצה אחת, או ליצור חשבון חדש ולהוסיף את האתר אליו.
למי שיש חשבון גוגל/ג'ימייל יש גם חשבון אנליטיקס ואין צורך בהרשמה נוספת.
למי שיש חשבון גוגל/ג'ימייל יש גם חשבון אנליטיקס ואין צורך בהרשמה נוספת.
- פותחים את הכתובת הזאת בדפדפן - analytics.google.com.
- לוחצים על מנהל מערכת
יוני 12, 2017
תוספים שחייבים בכל אתר - השלב החמישי
❗ איך מתקינים תוספים
♦ בתפריט העריכה נכנסים ל- תוספים לאחר מכן נכנסים ל- תוסף חדש אחרי שראינו את התוסף שאנחנו מעוניינים לוחצים על התקן עכשיו ובסוף לא לשכח ללחוץ על הפעל
❣ יש לשים לב ולא לשכח לעדכן את התוספים כשיש עדכון.
התוסף - "יוסט SEO"
יו כמה יש לדבר על התוסף הזה... על איך שהוא עובד, איך לעבוד איתו וכו'.
✅ עמוד התוסף
הוא חינמי ויש לו גם גירסת פרמיום, אבל גם החינמי עושה עבודה מצויינת. (כאן נדבר על הגירסה החינמית)
✅ חלק מהיתרונות
התוסף הטוב ביותר לקידום בגוגל - אוסף את כל המידע עלינו ועל הקישורים שיש לנו מרשתות חברתיות ומציג אותנו ביחד כמעצמה בפני גוגל.
עוזר לנו עם תגיות (שאנחנו בדרך כלל שוכחים) עוזר לנו להציג את התוכן שלנו לגוגל בצורה טובה, מסודרת ואיכותית.
כיום - רוב התוסף כבר מתורגם לעברית והוא בשאיפה להיות בעברית מלאה.
✅ להיות טובים יותר עם התוסף
בכל עמוד, פוסט, קטגוריה וכ' יש אינדיקציה לפי עיגולים
✅ אפשרויות נוספות
🔴 מילוי כתורת ותאור לכל עמוד, פוסט, קטגוריה וכ' בנפרד.
ניתן לעשות זאת למטה בכל אפשרות, שם תוכלו לראות בדיוק איך הוא יוצג בגוגל ותוכלו לשנות שם איך שאתם רוצים.
🔴 עריכת מבנה קישורים של האתר (פירורי לחם) מאפשר ליצור ניווט קל לטובת הגולשים ולמנועי החיפוש.
ניתן לעשות זאת בשני דרכים:
- לכל עמוד, פוסט, קטגוריה וכ' בנפרד. שם בכל עריכה יש למטה את האפשרות לשנות והאפשרות של מחרוזת משנה את הקישור.
- לשנות בצורה כללית - בתפריט שבצד "הגדרות" ⬅ "מבנה קישורים"
❗ זה על קצה המזלג.
ישנם כמה וכמה תוספי אבטחה.
ניקח תוסף אבטחה שחזק בתחום הזה והוא התוסף wordfence
עמוד התוסף ברשימת התוספים
קישור של הגדרות איך להגדיר נכון את התוסף הזה
תוסף אבטחה - wordfence
חשוב לזכור: כל תוסף שאנחנו מתקינים אנחנו גם צריכים להגדיר אותו על מנת שיעשה את העבודה כמו שאנחנו רוצים ומצפים.
במידה ותרצו עוד דוגמאות לתוספי אבטחה תגידו.
<label> השם שלך (חובה)
[text* your-name] </label>
♦ נפתח לנו שורה מעל השדה על ידי תגית <label> ליד כתוב את שם השדה, כך שאנחנו בטופס נראה רק את שם השדה
♦ לאחר מכן השדה הוא נכתב לנו בצורה כזו [text* your-name]
[ ] - הסוגריים המרובעות אומרים שאנחנו מגדירים שדה
Text – מה יהיה אפשר להזין בשדה הזה
- במקרה שלנו זה טקסט
* - שדה חובה – בכל שדה שנשים כוכבית אחרי המילה הראשונה של הגדרת השדה יהיה שדה חובה
your-name – מה יכיל השדה ואיך נקרא לשדה כשנרצה להכניס אותו שיופיע לנו במייל
♦ ולסיום <label/> סגירת התגית - כל תגיד שפותחים צריך לסגור אותה
על מנת לראות את הטופס נעתיק את השורקוד לפוסט או עמוד ושם בתצוגה יהיה אפשר לראות את הטופס
איך הפרטים של הטופס יגיעו אלינו במייל?
בשביל מה צריך מייל 2 ולמה זה טוב?
בהצלחה לכולם, שבוע נהדר והמשך עשיה פוריה
♦ הוספת שדה - כשנמצאים בהוספת טופס או כשעורכים טופס, מיתחת למילה טופס ישנם לחצנים כגון: טקסט, אימייל, כתובת url, טלפון וכ' שמכניסים שדות לטופס.
ניקח דוגמא את הלחצן טקסט, נלחץ עליו, נפתח לנו תיבה, שם מגדירים אם השדה חובה ומה יהיה ברירת מחדל של השדה ואם אנחנו יודעים קוד, נוכל להוסיף שם ID ואפילו class (למטה נוכל לראות את כל הקוד של השדה שאנחנו מכניסים)
♦ התאמת השדה לנתון - חשוב להתאים את השדה שאתם רוצים לנתון שאתם רוצים לקבל ממלא הטופס כדי להוסיף חווית משתמש טובה יותר.
לדוגמא: בשדה מספר יהיה שדה שאפשר להזין בו רק מספרים וכך דרך הנייד לממלא הטופס נפתחת לו ישירות המקלדת של המספרים.
♦ כותרת לשדה -השדה נוסף ללא הכותרת לכן, או נכניס את שם השדה בברירת מחדל בהגדרת השדה, כך ששם השדה יופיע לנו בתוך השדה או שנוסיף את התג <label> בשורה לפני השדה, נוסיף את שם השדה, נוסיף את השדה ולסיום נסגור את התגית <label/> בכלל מומלץ להכניס כל שדה בתג זה.
♦ מחיקת שדה - על מנת למחוק שדה שאנחנו לא רוצים בו, נבחר את אותו הקוד של אותו שדה ונמחוק אותו.
♦ לא נשכח לעשות שמירה בסוף.
איך הפרטים של הטופס יגיעו אלינו במייל?
♦ יש לנו עוד כרטסיה נוספת כשאנחנו עורכים או מוסיפים טופס שנקראת אימייל - שם יש לנו את השדות
➖ אל - לאיזה מייל אנחנו רוצים שתגיע ההודעה (בדרך כלל המייל שלנו או של בעל האתר)
➖ מאת - ממי אנחנו רוצים לראות שקיבלנו את ההודעה
לדוגמא: אם אנחנו רוצים לקבל את המייל בשם ממלא הטופס עם המייל שלו נרשום את השדה של ממלא הטופס ואת השדה של המייל מהטופס, רק יש לשים לב שאנחנו עוטפים את המייל בסוגריים משולשים <> לדוגמא:
[your-name] <[your-email]>
כך יופיע לנו שם ממלא הטופס עם המייל שלו
➖ נושא - אם נרצה ששדה מסויים מהטופס יהיה הנושא שנקבל במייל פשוט נכניס את השם של השדה
לדוגמא: השדה שלנו [text text-795]
במייל נכתוב [text-795]
➖ מידע נוסף - אם לדוגמא נרצה להשיב לממלא הטופס בלחיצת השב נמלא בשדה הזה [reply-to: [your-email
➖ תוכן ההודעה - שם נכניס את כל השדות שאנחנו רוצים וגם מלל שאנחנו רוצים
לדוגמא: יש לנו שדה טלפון ואנחנו רוצים לדעת שזה מספר טלפון נכתוב כך: טלפון: [tel-763]
אפשר לראות למעלה את כל השדות שמופיעים לנו בטופס ולסדר איך בדיוק נקבל את הטופס
➖ קבצים מצורפים - במידה וביקשנו שיצרפו קובץ בטופס, כאן נכניס את השדה על מנת שהקובץ יופיע לנו במייל
מייל 2
❗מייל 2 נועד בעיקר כדי להחזיר מייל לממלא הטופס במידה ונירצה
לדוגמא: יש לנו באתר טופס צור קשר ולאחר מילוי ושליחת הטופס שהמשתמש ממלא מגיע לו מייל עם הפרטים שאנחנו רוצים כגון: פנייתך התקבלה באתר אנחנו נשוב אליך בהקדם.
♦ בכרטסיה אימייל - יש למטה מייל (2) כשנסמן שם v יפתחו לנו אותם שדות שיש לנו באימייל
➖ אל - לאיזה מייל אנחנו רוצים שתגיע ההודעה לדוגמא: אנחנו רוצים שההודעה תגיע לממלא הטופס נכתוב שם [your-email]
➖ מאת - ממי אנחנו רוצים שהמשתמש יראה שהוא קיבל את ההודעה
לדוגמא: אם אנחנו רוצים שהוא יראה שהוא קיבל מהאתר, נשאיר את ברירת המחדל, אבל אם נרצה שיראה שקיבל מהמייל שלנו - בתוך הסוגריים האלה <> נשנה את הכתובת למייל שלנו.
➖ נושא - אנחנו יכולים לכתוב איזה נושא שאנחנו רוצים
➖ מידע נוסף - אם לדוגמא נרצה שממלא הטופס יוכל אחר כך גם לשלוח לנו מייל בלחיצת על השב נמלא בשדה הזה
reply-to: ונכתוב את הכתובת מייל שלנו
➖ תוכן ההודעה - אפשר לכתוב שם כל מה שרק נרצה, אם נרצה להכניס את השדה של תוכן ההודעה שהמשתמש שלח לנו שיהיה לו העתק, נכניס את שם השדה של ההודעה לדוגמא: [your-message]
אם נרצה לכתוב הפרטים נקלטו במערכת אנו נשוב אליך בהקדם
נכניס את הטקסט הזה או כל טקסט אחר כמו שהוא
➖ קבצים מצורפים - במידה וביקשנו שיצרפו קובץ בטופס, כאן נכניס את השדה על מנת שהקובץ גם יישלח למלא הטופס
♦ אחרי הכרטסיה של טופס, אימייל ישנה עוד כרטיסיה שנקראת "הודעות" שם מופיע לנו המצבים ובכל מצב יש לנו שדה של ההודעה שתופיע למשתמש באותו מצב, שם אנחנו יכולים לשנות את ההודעה לפי מה שאנחנו חושבים.
לדוגמא:
❗ מצב - ההודעה נשלחה בהצלחה
תוצג ההודעה - ההודעה נשלחה
❗ מצב - שליחת ההודעה נכשלה
תוצג ההודעה - ארעה שגיאה בשליחת ההודעה
אם אנחנו רוצים לשנות מכל סיבה שהיא את ההודעה שתוצג למשתמש - כאן המקום.
מאי 23, 2017
מהו אפיון וחוויית משתמש ולמה הם חשובים
בשבועות הבאים נדבר על מה הוא אפיון ומה זה חווית משתמש ועל החשיבות שלהם
נתחיל בחוויית משתמש
יש חוויית משתמש גרועה
ויש חוויית משתמש טובה
♦ ניתן דוגמא גסה, אבל שתמחיש את העיקרון
איך מרגיש הדייר שמגיע הביתה עם הקניות שגר בקומה חמישית בלי מעלית? ולהפך איך מרגיש הדייר שחוזר עם הקניות שגר בקומה חמישית בבניין עם מעלית?
❗ כך זה גם באתרים ובכל דבר, שניהם רוצים להגיע ליעד ושניהם יגיעו אליו השאלה מה יהיה בדרך עד שיגיעו למטרה.
נכון בבניין עם מעלית או ללא מעלית זה קצת קשה לעבור בניהם כי יש את הקטע הפיננסי, אבל כשמדובר באתרים? בקליק אחד אתה בוחר באיזה אתר לבחור או איזה אפליקציה נוחה לך יותר.
חווית משתמש
♦ בכל דבר שאנחנו משתמשים בו יש לנו חוויה מסוימת אם היא טובה, פחות טובה או אפילו גרועה
❗ניתן דוגמאות
✍🏽 העט שאנחנו כותבים איתו - הוא כותב בצורה חלקה? כיף לנו לכתוב איתו? נמליץ עליו לחברים? איך היינו משפרים את חווית הכתיבה שלנו עם העט הזה או שפשוט מושלם לנו לכתוב איתו והיינו קונים כזה לכל מי שאנחנו אוהבים
וכך בכל דבר ודבר אפשר לחשוב על החוויה לשאול את עצמינו שאלות ולענות לעצמינו את התשובות
איך אני יכול לשפר את המוצר? איך יכול להיות לי יותר נחמד ונוח עם המוצר?
ברגע שנשאל כל הזמן את עצמינו איך ואיך בסוף נגיע לתשובות שאפילו יפתיעו אותנו
היום ננסה לשפר את החוויה בסביבה הקרובה אלינו
בואו נחשוב רגע על המקום שאנחנו חיים בו, האם יש משהו שם שמציק לנו באופן קבוע?
עכשיו נחשוב איך אנחנו מורידים את ההפרעה הזו
אני מאמינה אם נשים לב לפעולות שלנו במשך היום תמיד נימצא משהו שמציק לנו שאפשר לשפר אותו ולדלג על ההפרעה
כגון:
▪ דלת ארון שלא נסגרת
▪ דלת שתמיד נתרקת
▪ ערימות כביסה שפולשת לנו על כל הספה ודורשות קיפול
▪ שמש שחודרת לבית והורסת את הריהוט וכד'
בפעולה פשוטה ועם טיפת מאמץ וחשיבה יצירתית אנחנו מדלגים על אותה הצקה תמידית שאולי אפילו כבר התרגלנו אליה...
אבל נחשוב איזה כיף יהיה לא לשמוע את הדלת נתרקת שוב וכד'
❗ תחשבו יצירתי, תחשבו כיף ותשימו לב לשיפורים הקטנים שמשנים את החיים
ניתן כמה דוגמאות לשיפור חווית משתמש בסביבה שלנו
הבעיה - כמויות הכביסה לקיפול שתופסות את כל הספה.
הבעיה - כמות הניירת שמפוזרת בבית
הבעיה - כמויות הגרביים הבודדים
אשמח לעוד שיתופים אם וכאשר יש לכם
הפתרון - התקנתי שולחן מתקפל ליד החבלים, מורידה מהחבל וישר מקפלת, מחזירה לארון ומקפלת את השולחן
התוצאה - הספה פנויה, הכביסה מקופלת ומסודרת
הפיתרון - כופסא יפה שעומדת על המזנון ולשם נשלח כל הניירת
התוצאה - כשצריכים נייר יודעים איפה לחפש והבית לא זרוע בניירת
הפתרון - בחדר כביסה בפינה נטושה מתלה לגרביים וכל גרב נקי ניתלה שם
התוצאה - מציאת זוגות גרביים במהירות או בזמן התעסקות בכביסה אפשר לשלוף את הגרב המתאים
❗ תחשבו יצירתי, תחשבו כיף ותשימו לב לשיפורים הקטנים שמשנים את החיים
אחרי שניסנו לחשוב על חווית המשתמש בעולם האמיתי ננסה היום לחשוב על חווית המשתמש בעולם הדיגיטאלי
אחרי שדמיינו איך אנחנו רוצים את האתר שלנו נחשוב רגע
♦ משתמשים בדרך כלל מזהים/סורקים מסך ולנו יש 2-4 שניות כדי לעניין את המשתמש ולהשארו באתר
♦ לתת למשתמש להגיע למבוקשו ב-עד 5 קליקים
♦ אנחנו מצליחים לתפוס את המשתמשים שלנו או שהכל נראה להם קצת לא ברור והם ברגע סוגרים את החלון?
♦ בכמה קליקים המשתמש מגיע אל מבוקשו? האם זה הגיע לו בקלות וברוגע או שהזיע עד ליעד?
יש לנו 3 דברים עקריים
- זמן
- כסף
- איכות
זמן - כשיש לנו זמן אנחנו יכולים להוציא מוצר איכותי יותר כי יש לנו זמן לעשות את כל המחקרים והבדיקות שצריך כשאין לנו זמן זה בא על חשבון האיכות, למרות שעם הזמן תמיד אפשר להשתדרג וצריך להשתדרג באיכות וביכולות
כסף - כמה כסף יש להשקיע, מה התקציב שלנו? לבדוק מה הכי חשוב לנו ולפי זה להחליט במה להשקיע. לדוגמא: ישנם פיצ'רים שרוצים אותם והם מאוד יקרים והתקציב הוא פחות לכן מתפשרים על משהו פחות איכותי או על פחות פיצ'רים
איכות - ככול שיש לנו יותר זמן ויותר כסף כך גם האיכות שלנו גדלה וכן גם להיפך, ככול שאנחנו לחוצים בזמן ועם פחות משאבים כך גם האיכות שלנו בהתאם.
אלו שלושה מאפיינים שיש להסתכל עליהם לפני תחילת פרויקט, לראות מה חשוב לנו ומה יש לפנינו ולפי זה לעבוד.
דוגמאות:
♦ אנחנו רוצים לעשות אתר כמה שיותר מהר, עם לוח זמנים צפוף בגלל לחץ מלקוח או כל סיבה אחרת, יש לקחת בחשבון שזה יבוא על חשבון האיכות.
♦ אנחנו רוצים אתר אבל אין לנו תקציב, אנחנו רוצים אותו במינימום הוצאות - במקרה הזה יש לחשב טוב טוב לאן כל שקל הולך והאם על מה שאנחנו רוצים להוציא כסף הוא הכרחי או שזה בזבוז של תקציב.
♦ ננסה להמחיש יותר בדוגמא:
יש לנו רעיון בראש לאתר שיעשה את העבודה בדיוק כמו שאנחנו רוצים
- זמן - אין לנו - אנחנו לחוצים על הרעיון שכבר יהיה באויר
- כסף - יש לנו סכום מכובד להתחיל איתו
- איכות - הכל בראש - אנחנו יודעים בדיוק מה צריך ואיך הוא ייראה
נשמע קלאסי ביותר, מה צריך יותר מיזה?
אנחנו נגשים למתכנת, מספרים לו מה אנחנו רוצים - הוא מבין מה שאמרנו, אבל תהיו בטוחים שהוא לא בראש שלנו והוא לא באמת יודע בדיוק מה אנחנו רוצים, אבל אל דאגה הוא כתב הכל, סגרנו על סכום לתשלום וקבענו בעוד שבוע לראות מה מתקדם.
המתכנת - מבשיל שרוולים ועובד במרץ
כאן מתחילים התיקונים שלא ניגמרים וכמובן גם התשלום בהתאם והזמן עובר
❗ לכן
♦ למתכנת כדאי לגשת עם סירטוטים ברורים ומדוייקים מה יהיה בכל מסך ואיך כל מסך יתנהג כך אנחנו חוסכים, זמן, כסף ובילבול ומקבלים גם הרבה איכות
♦ נמחיש בעוד דוגמא:
יש לנו רעיון בראש ולא ממש ברור לנו איך אנחנו רוצים שיהיה
- זמן - יש לנו
- כסף - לא חסר
- איכות - אנחנו לא ממש מבינים מה זה אומר באתרים
ננסה לזרום עם הרעיון ונראה לאן נגיע
אנחנו ניגשים למתכנת, מספרים לו את הרעיון שלנו, הוא מנסה לזרום איתנו ולהבין מה בערך האתר אמור לעשות ומה אנחנו רוצים.
המתכנת - קצת הלך לאיבוד אבל עשה הכל כמו שהוא חושב ולפי מה שנראה לו ונוח לו
⁉ עובר הזמן והאתר באויר, פינקנו אותו בקידום ממון אבל המשתמשים ממש לא מרוצים ממנו ולא מבינים מה הולך שם
החלטנו לצאת בסקר ולשאול את המשתמשים מה הם חושבים על האתר ומה הם חושבים שצריך שינוי ומה עוד הם צריכים שיהיה באתר?
❗ כאן הבנו שבמקום לעשות את האתר למשתמש עשינו אותו בשבילנו כי לא חשבנו עליו ולכן הכל צריך שינוי ואולי עדיף אפילו להתחיל הכל מהתחלה
הירשם ל-
רשומות (Atom)
