אפיון אתרים – כל מה שצריך לדעת על תהליך אפיון אתר ב-2022

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

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

מה הוא אפיון אתרים? 

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

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

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

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

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

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

יתרה מכך,  75% מהאמינות של אתר אינטרנט נקבעת על סמך האפיון הכולל שלו. 

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

איך מתבצע התהליך? 

תהליך אפיון אתר מתבצע במספר שלבים.

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

בשלב זה אפשר להגיע עם הלקוח להגדרת "מוצר בר-קיימא מינימלי" (MVP - Minimal Viable Product), מה שיאפשר להתמקד בתכונות הליבה של האתר לשם השגת היעדים תוך שמירה על עלויות סבירות.

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

להלן כמה טיפים ליצירת מפת אתר:

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

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

להלן כמה טיפים ליצירת wireframes:

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

 

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

רכיבים חשובים של התוכן צריכים לכלול:

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

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

אפיון UI/UX - חווית משתמש (UX) ואפיון ממשק משתמש (UI) הם שני מונחים המשמשים לעתים קרובות לסירוגין, אך הם למעשה מתייחסים לשני היבטים שונים של תהליך אפיון אתרים.

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

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

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

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

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

אפיון אתר רספונסיבי - נכון לאוגוסט 2022, מתוך הכמות הבלתי נתפסת של סמארטפונים בעולם - מעל 6.5 מיליארד מכשירים! - יותר ממחציתם גולשים באמצעותם באינטרנט (52.79% נכון למאי 2022). המשמעות היא שכל אתר חייב להיות  נגיש לגלישה דרך הטלפון, מה שמוסיף נדבך למלאכת האפיון, והוא הנדבך הרספונסיבי.

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

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

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

כמה זמן לוקח איפיון אתר? 

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

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

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

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

מה הוא תוצר העבודה של אפיון אתר? 

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

איך עובדים על פי מסמך אפיון האתר?

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

פילטרים בגוגל אנליטיקס – איך לדייק את הדאטא שלך

מה היא המטרה של פילטרים בגוגל אנליטיקס?

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

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

פילטרים מאפשרים לנו לקבוע אילו נתונים נכללים (או לא נכללים) בדוחות שלנו. 

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

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

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

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

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

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

  • דומיין ISP - מאפשר לסנן על סמך הדומיין של ה - ISP של האתר. זה שימושי במקרה של ארגון גדול (תאגיד, אוניברסיטה, בית חולים וכו') שיש לו אינטרנט ייעודי משלו.
  • כתובות IP - כשמתחברים לאינטרנט משתמשים בכתובת IP. רוב ספקי האינטרנט המקומיים נותנים לאתרים כתובת IP דינמית שיכולה להשתנות. הדרך הטובה ביותר לסנן נתונים באמצעות כתובות IP היא להבטיח שיש לכם כתובת IP סטטית, קבועה.
  • ספריות משנה - אפשר להשתמש בתבנית זו כדי לכלול (או לא לכלול) תנועה רק מאחת מתיקיות המשנה של האתר. לדוגמה, אם רוצים תצוגת דיווח שמכילה רק תנועה לתיקיית משנה של בלוג, אפשר להזין /blog/ בתבנית.
  • Hostname - מאפשר לכלול תנועה על סמך שם הדומיין. 

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

  1. החרגת תנועה פנימית
  2. החלפת תגי קמפיין באותיות קטנות
  3. אבטחת דיוק הנתונים
  4. החלפת כתובות אתרים של דפים באותיות קטנות
  5. החלפת מונחי חיפוש באתר באותיות קטנות
  6. הוסף שם דומיין לדוחות
  7. הכללת רק דומיין (או יותר) ספציפיים
  8. חיפוש והחלפה;

באיזה פילטרים כדאי לי להשתמש ובאילו מקרים?

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

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

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

החלפת תגי קמפיין באותיות קטנותLOWERCASE CAMPAIGN TAGSפילטר חשוב כשרוצים לעשות סדר בנתונים. אם יש כמה אנשים שיוצרים תגי קמפיינים כדי לעקוב אחר ביצועי השיווק, יש לשקול הוספת פילטרים כדי לאלץ את כל תגי הקמפיין לאותיות קטנות.
אבטחת דיוק הנתוניםENSURE DATA ACCURACYכדי להבטיח איסוף נתונים רק מהאתרים שצריך, אפשר ליצור פילטר "הכלל", שמציין את הדומיינים הרצויים.

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

החלפת כתובות אתרים של דפים באותיות קטנותLOWERCASE PAGE URLSלפעמים הדפים באתר משתמשים באותיות רישיות שונות. לדוגמה, ניווט לדף הבית עשוי להציג את הדף בתור /default.aspx או /Default.aspx. המשמעות היא שיהיו שתי שורות נפרדות בדוח למרות שהן העצם מתייחסות לאותו עמוד.

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

החלפת מונחי חיפוש באתר באותיות קטנותLOWERCASE SITE SEARCH TERMSאם יש פונקציית חיפוש באתר, סביר להניח שחלק מהאנשים משתמשים באותיות רישיות וחלק לא. (יש הבדל בין contact us ל - Contact Us). אפשר לייעל את דוחות החיפוש באתר על ידי הוספת פילטר אותיות קטנות למונחי החיפוש השונים שאנשים משתמשים באתר.
הוסף שם דומיין לדוחותADD DOMAIN NAME TO REPORTSמי שהוסיף קוד מעקב למספר אתרים (לדוגמה, אם משתמשים במעקב חוצה-דומיינים), שווה להוסיף את הפילטר הזה לתצוגת הדיווח. יישום פילטר זה יגרום לכך שיראו את כל ה - URL ולא רק את הסלאג
הכללת רק דומיין (או יותר) ספציפייםONLY INCLUDE A SPECIFIC DOMAIN (OR DOMAINS)מי שהוסיף קוד מעקב למספר אתרים יכול גם להשתמש בפילטרים כדי ליצור תצוגות דיווח בודדות עבור כל אתר לחוד, בנוסף לתצוגה כוללת של כמה אתרים ביחד. 
חיפוש והחלפהSEARCH AND REPLACEאפשר להשתמש בפילטרים של חיפוש והחלפה לניקוי מגוון נתונים בדוחות. לדוגמה, אם דוח הגשת טפסים בתור 'sub_form_01234', פילטר חיפוש והחלפה יחליף את הסטרינג הזה במשהו קריא יותר. 

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

 

דילוג לתוכן