תאימות דפדפנים – איך האתר שלך נראה באינטרנט?

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

התפלגות דפדפנים – רשימת דפדפנים נפוצים נכון להיום

כיום, עדיין מוביל בראש הטבלה עם כ-57% מהגולשים ברשת, נמצא דפדפן IE(internet explorer) בגרסאות IE6 ו-IE7. אחריו, עם כ-30% נמצא דפדפן FIREFOX בגרסאות 1.5, 2.0 ו-3.0. שאר ה- 13% הנותרים מתחלקים בין דפדפן SAFARI, OPERA ושאר דפדפנים עלומי שם. הבעיה העיקרית היא שמרבית האתרים נבנו בעבר כשהם תואמים לדפדפן IE6 בתקופה שהוא שלט בשוק ללא תחרות וכיום, כאשר גולשים באתרים האלה עם דפדפנים אחרים פתאום הדברים לא ממש נראים או פועלים כמו שהם אמורים...

למה יש אתרים שלא נראים טוב בדפדפנים השונים?

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

אז איך אפשר לתקן את זה?

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

איך יוצרים תאימות דפדפנים באתר חדש?

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

לסיכום

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