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

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

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

שלבי התאמת אתר האינטרנט ל-iPhone

טיפול בפלאש

נכון לכתיבת מאמר זה, אין פלאש בגרסת ספארי המותאמת ל-iPhone, ולכן חשוב לטפל בכל נושא הפלאש באתר. במקרים מסוימים אפשר לוותר עליו ולהשיג את אותו אפקט בדיוק של אינטראקטיביות עם טכנולוגיה חלופית כמו jQuery. באתרים של חברות גדולות בחו"ל כבר זנחו חלק מהשימושים הקלאסיים של פלאש לטובת jQuery שגם היא יכולה להציג תמונות מתחלפות, מצגות ואף אפקטים של סאונד שיתאימו גם ל-iPhone. במידה ואינכם רוצים או יכולים להעסיק מומחה ל-jQuery או לספריית JavaScript אחרת שתוכל להמיר את הפלאש באתר האינטרנט שלכם, ספקו לפחות תוכן אלטרנטיבי לפלאש באמצעות תגית ה-object.

התאמת נגישות אינטרנט

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

היררכיה נכונה של אלמנטים

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

התאמה לספארי

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

אופטימיזצית תמונות

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

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

* רן בר-זיק הוא מפתח PHP בקבוצת eWave ומפעיל האתר אינטרנט ישראל.