לפני מסירת אתר אנחנו מבצעים בדיקת איכות (QA) קפדנית בכמה שכבות.
משיטת הבדיקות שלנו תוכלו ללמוד מה לבקש ממי שבונה לכם את האתר או, במידה וכבר יש לכם כבר אתר, תהליך לבדיקת האתר שלכם בעצמכם. אמנם התהליך מיועד במקור לאתרים חדשים, אבל רלוונטי לא פחות לאתרים קיימים שרוצים לשפר.
היות ואתר הוא דינמי ומשתנה לא מעט לאורך זמן, מומלץ לעבור על הרשימה הזו מדי פעם ולחזור על הבדיקות כדי לוודא שהאתר תקין.
6 רמות הבדיקות שכדאי לבצע:
1. ברמה הפונקציונלית: האם האתר מתפקד בצורה תקינה וחלקה?
2. ברמה העיצוב (UX): האם העיצוב מדויק ונכון גם מבחינת חוויית המשתמש?
3. ברמת התשתית: האם מבחינת ה"מנוע" של האתר והקוד שלו הכל מוכן ועבר אופטימיזציה?
4. ברמה התוכן/השיווק: האם נמצאים כל האלמנטים שאמורים להתכנס ביחד כדי להניע את המשתמש שלך לבצע פעולות אתר?
5. ברמת הקידום (SEO): האם האתר בנוי בהתאמה מלאה למנועי החיפוש ומוכן להמריא מעלה?
6. ברמת האבטחה: האם האתר מאובטח וברור גם איך לשמור עליו כזה?
בדיקה פונקציונלית
- קישורים תקינים: לעבור על כל הקישורים בתפריט, בפוטר, בעמודות הצידיות של האתר. לבדוק את הכפתורים בטפסים השונים, את הדפדוף אחורה וקדימה בין דפים, את הקישורים בין הדפים הפנימיים, ב-Sidebar וכו'.
- בדיקת טפסים: שליחת טופס תקינה, כולל מצבי תודה ושגיאה, לוודא שהטופס אכן מגיע למייל הנכון או לרשימת התפוצה הנכונה במערכת הדיוור או ה- CRM שלכם או המייל האוטומטי שמתקבל לאחר מילוי הטופס אצל השולח.
- בדיקת פעולות שונות ברחבי האתר- חיפוש, סינון, שליחה.
- בדיקת מערכת ניהול התוכן של האתר.
- רשתות חברתיות: שיתוף מאמרים, קישורים לפרופילים.
- תקינות של האתר בדפדפנים שונים (גרסאות אחרונות ומעודכנות).
- עמוד 404 מוגדר נכון.
- התאמה למובייל: בדיקה במערכות הפעלה ומכשירים שונים + בדיקה נוספת באמצעות כלים ייעודיים כגון הכלי של גוגל.
- בדיקת מצב התוספים (Plugins) ריבוי תוספים או תוספים בלתי נחוצים ולא עדכניים גורמים להאטה משמעותית בטעינת האתר ולסכנות אבטחה (רבים מסיפורי הפריצות לאתרי WordPress מקורם בתוסף סורר, לא במערכת עצמה). הסירו תוספים מיותרים וודאו שלא נעשה שימוש בתוספים במקום ישירות בקוד נקי.
- Google analytics מותקן וקורא את נתוני האתר.
- גרסת WordPress מעודכנת. חשוב לוודא שהאתר מותאם לפחות לאחת הגרסאות הגדולות האחרונות.
- בדיקת מהירות האתר (פוסט נפרד בנושא ממש כאן).
בדיקת עיצוב וחווית משתמש UX
בבדיקה נקודתית לא ניתן לשנות בעיות מהותיות בעיצוב או UX, לכן חשוב לעבוד מראש עם אנשים מקצוע שיילוו בהחלטות האלה מתחילת הדרך. ברשימה הבאה יש נושאים בסיסיים שיעזרו לבעלי אתרים קיימים לראות את הבעיות העיקריות, ואולי להימנע מהן בעתיד:
- גדלי פונטים: היררכיה ברורה בין האלמנטים הבסיסיים של הטקסט. כותרת ראשית; כותרת משנה; טקסט רץ; קישורים; תפריטים; כפתורים.
- מרווחים נכונים בין שורות ופסקאות
- אורך מתאים של שורות: לא קצרות מדי (כדי שיהיה רצף קריאה ללא קטיעות) ולא ארוכות מדי (כדי לא ליצור מאמץ בקריאה).
- תפריטים: אחד הגורמים שמשפיעים בצורה ישירה על חווית הגלישה. תפריט שמתוכנן לא נכון יגרום לנטישה מהירה יותר של האתר. כדאי לשים לב לכמות הקישורים הנכונה בכל תפריט (ישנו מספר קישורים מקסימלי, שמעליו כבר קשה לבחור והתוצאה היא חוסר בחירה) ולחלוקה נכונה בין תפריטים לתתי-תפריטים.
- אחידות והרמוניה בין הצבעים של הפונטים, של התמונות, של הרקעים, קווי הפרדה, כפתורים ואיקונים.
- CTA: אלמנטים של קריאה לפעולה באמצעים שונים (כפתורים, רכיבים "צפים" או "דביקים", פופ-אפים, טקסטים, באנרים) ממוקמים נכון, מעוצבים נכון, יעילים.
- התאמה לקריאה בגדלי מסך שונים: מסכי דסקטופ ענקיים, מסכי לפטופ ממוצעים, טאבלטים וכמובן מובייל.
- Favicon מעוצב שמייצג את האתר בדפדפן.
תוכן ואלמנטים שיווקיים
חשוב לוודא שהתוכן באתר מתוכנן ומתוחזק בצורה מיטבית ויש מספיק כלים שיווקיים מתאימים:
- בכל מקום שבו יש טקסטים לוודא שסימני הפיסוק נכונים והטקסט רהוט וללא שגיאות
- חלוקת גושי טקסט לפסקאות, רשימות ממוספרות, כותרות ביניים, הדגשות במקומות הנכונים
- שילוב במינון נכון של תוכן שיווקי ותוכן מקצועי
- הפניות נכונות לרשתות חברתיות
- פופאפים מנוסחים היטב ומניעים לפעולה
- הרשמה לעדכונים מהאתר או לדיוור (ניוזלטר)
- בלוג או מאגר ידע נוח לשימוש
- עמודי תודה מוגדרים נכון לכל הטפסים ועמודי הנחיתה
קידום אורגני SEO ואופטימיזציה
- באתר חדש: לוודא שהוסרה חסימה למנועי חיפוש
- כיווץ משקל תמונות (שימוש בשירות כמו tinypng)
- התקנה והגדרה נכונה של תוספי קידום (Yoast/All in one SEO וכדומה)
- התקנת מפת אתר מעודכנת וריענון שלה מול גוגל מדי תקופה
- שתילת פיקסלים: פייסבוק, גוגל וכו' (על פי תכנית הקידום שלך). מומלץ להגדיר דרך Google Tag Manager על מנת לשמור על עצמאות וגמישות לאורך זמן, ללא תלות במתכנת או בתוספים.
- אחסון: מהירות האחסון ואיכותו יכולים לשנות מהותית את הדירוג של האתר בגוגל. זה לא המקום לחסוך. חשוב לוודא שהאתר מאוחסן בשירות ברמה נאותה.
- CACHE
- בדיקת מהירות האתר בכלים חיצוניים (כולל בדיקה של גרסת המובייל) כגון Google speed insights, Gtmetrix , Pingdom.
- הפניות 301 תקינות
- כותרות H1/H2/H3 מוגדרות נכון
- קובץ Robots.Txt תקין
- חיבור ל Google Search console ו- Google webmaster tool
מצב האבטחה
ברור שלא כל בלוג צריך רמת אבטחה של בנק או של ה-CIA. אבל לקום בבוקר ולגלות שהאתר נפרץ זו חוויה לא נעימה בלשון המעטה. ישנם מספר צעדים ועקרונות שחשוב לשמור עליהם כדי לוודא שהאתר מאובטח בצורה סבירה:
- הימנעות משימוש בתוספים עבור כל פעולה קטנה. תוספים מזדמנים (בניגוד לתוספים מוכרים ומאובטחים כמו תוספי SEO מרכזיים וכדומה) הם סוס טרויאני ומקור ידוע לפרצות אבטחה. עדיף תמיד לבקש ממתכנת לבצע עבורכם את העבודה ולא לגלות שהתוסף החביב שהתקנתם גרם לצרות צרורות.
- אחסון: המלצה חוזרת, לא לאחסן את האתר שלך בשירות אחסון חינמי או זול באופן חשוד. זה סימן בין השאר לאחסון פחות מאובטח וכזה שגם הגיבוי שהוא נותן לא יציב ולכן במקרה של פריצה יהיה קשה יותר לשחזר את האתר.
- התקנת תעודת SSL
- שימוש בסיסמאות חזקות לעורכי האתר, והימנעות מפיזור הרשאות לאדמין למי שאינו חיוני.
- חסימת IP לניסיונות Login מרובים.
- שירותי אבטחה בשכבה נוספת לאתרים רגישים יותר (cloudflare/CDN).
- שינוי כתובת ה Login הדיפולטית.
מה לקחת איתך?
בדיקה של אתר היא לא דבר פשוט, אבל היא קריטית לפני שעולים לאוויר וכדאי לחזור עליה מדי תקופה.
לא מספיק לבדוק רק את הצג הטכני. גם התכנים, העיצוב וה-UX חייבים לעבור בדיקה מדוקדקת.
חשוב לוודא שמפתחי האתר שלך מבצעים את הבדיקות לפני ההשקה.
אם יש לך אתר שזקוק לבדיקה מקצועית לקראת שדרוג או בנייה מחדש, נוכל להציע שירות ייעודי של Check Up מקצועי לאתר.
אכן חשוב להכניס את הנקודות הנוגעות ל QA להסכם העבודה של האתר.
בשלב בדיקת הפונקציונליות אנחנו בודקים גם את האדמין, יחד עם הלקוח במידה והוא מנהל בעצמו את האתר. הוספתי את הפירוט הזה לפוסט, תודה רבה!
רשימה מפורטת ומצוינת, תודה. כמובן שחשוב להסכים מראש (ולהכניס להסכם העבודה) על הבדיקות האלה והיקפן. אני מוסיפה גם בדיקות של אפשרויות העריכה וניהול התוכן ע"י צוות האתר: הזנת טקסט, עיצוב כותרות מתוך עורך הטקסט, הטמעת תמונות וסרטונים וכיו"ב.