הנושאים החמים
- הוסף לסימניות
- #1
מתוך דה מרקר:
יותר ויותר ישראלים עוברים לגלישה באמצעות סמארטפונים. לפי סקר TIM מלפני שנה, כרבע מבני הנוער גולשים לאתרי אינטרנט באמצעות הטלפון הנייד שלהם. האייפון עומד להיות כנראה הסמארטפון הפופולרי בישראל, ועקב כך יצטרכו מנהלי אתרי אינטרנט להיערך בהתאם. המשימה הזאת הופכת להיות חשובה יותר. ארגונים כבר לא יכולים להתעלם מהאופן שבו אתר האינטרנט שלהם נראה על פלטפורמות אלטרנטיביות למחשב, וכמובן שהחזר ההשקעה בהתאמה של אתרי אינטרנט לסמארטפונים יילך ויגדל. בדרך של התאמת האתר לאייפון אנו לא רק מושכים גולשים המשתמשים באייפון וסמארטפונים אחרים, אלא גם גולשי כרום וכמובן אנשים בעלי צרכים מיוחדים שייהנו מהנגשת האתר עבורם.
ישנן כמה דרכים להתמודד עם העובדה שהאייפון הגיע לישראל. הראשונה היא לטמון את הראש בחול ולהתעלם מהקהל הגדול שישתמש בו. זוה בה נוקטים רוב החברות להן יש אתרי אינטרנט. במקרה הטוב דואגים לכך שהאתר יתמוך בדפדפנים שונים, ותו לא. מבחינתן, האינטרנט לא השתנה באופן מהותי בשנים האחרונות, למרות שיותר ויותר מאיתנו גולשים באמצעים ניידים: האייפון, סמארטפון אחר, מחשבי לוח בעלי מסך זעיר וכדומה. הדרך השנייה היא להתמודד עם העובדה ששוק האינטרנט משתנה ורבים אינם גולשים עוד ממחשב שולחני או נייד, אלא משתמשים בפלטפורמות אלטרנטיביות שהמובילה שבהן, נכון לעכשיו, היא האייפון. חברות מבוססות וגדולות במשק בוחרות לבנות אפליקציה של ממש למכשיר ולשווק את תכני החברה דרך ה-AppStore. זו דרך לא זולה, כי היא דורשת עלות פיתוח גבוהה יחסית, וכמובן יכולת שיווק והפצה שאין לכל חברה. לאחר הפיתוח יש להפיץ את התוכנה דרך חנות האפליקציות של אפל - תהליך שהוא לעיתים מסורבל וארוך, ולאחר מכן להשקיע בפרסומה. דרך אלטרנטיבית היא התאמת אתר האינטרנט של החברה לגולשי האייפון, על מנת שגם אלו יוכלו לגלוש לאתר ברשת ולקרוא את תכניו.
באופן עקרוני אפשר להתאים את אתר האינטרנט לאייפון בשתי דרכים שונות - בניית גרסה ייחודית ל-מכשיר, שתוצג אך ורק למשתמשיו כאשר ייכנסו אליו באמצעות הדפדפן ספארי, או התאמה של האתר הקיים לאייפון -דרך פשוטה וזולה בהרבה לפיתוח, שבצידה יתרונות נוספים. הנחת העבודה היא שלא בונים גרסה מיוחדת של אתר האינטרנט עבור אייפון, אלא מתאימים את אתר האינטרנט הקיים לשימוש באייפון בפרט ולכל פלטפורמה בכלל. לפי שיטה זו, על רוב אתרי האינטרנט הבנויים היטב, מספיק לייצר מספר התאמות פשוטות בעלות נמוכה יחסית על מנת לאפשר גלישה נוחה למשתמשי אייפון וסמארטפונים אחרים. כך בעצם "אוכלים את העוגה ומשאירים אותה שלמה": לא מאבדים לקוחות שגולשים לאתר עם הסמארטפון שלהם ולא מוציאים סכומים גבוהים על הפיתוח.
שלבי התאמת אתר האינטרנט לאייפון
טיפול בפלאש
טכנולוגיית פלאש מאפשרת להריץ באתר האינטרנט תוכנות ויישומים אינטראקטיביים כולל וידאו ואודיו, ורצה בכל דפדפן באופן זהה. אפשר להתקין פלאש בכל דפדפן קיים - מאינטרנט אקספלורר ועד קונקוורר (דפדפן לינוקס), ולמצוא פלאש כמעט בכל אתר בישראל: בין אם מדובר בבאנרים, סרטונים, משחקונים ותכנים לכל דבר. ההנחה הרווחת היא שלרוב המוחץ של גולשי האינטרנט יש יכולת להריץ פלאש, אך בגרסת ספארי המותאמת לאייפון אין תמיכה בפלאש. לכן, אם מתאימים את האתר לאייפון, חשוב לטפל בכל נושא הפלאש באתר. במקרים מסוימים אפשר לוותר על הפלאש ולהשיג את אותו האפקט של אינטראקטיביות עם טכנולוגיה חלופית כמוjQuery . jQuery היא שם של ספריה לשפת הסקריפט הפופולרית JavaScript. באמצעות jQuery (וספריות אחרים) ניתן ליצור יכולות אינטראקטיביות דומות מאד לפלאש בקלות ובמהירות. בדומה לפלאש, גם jQuery נראית היטב בכל הדפדפנים. באתרים של חברות גדולות בחו"ל כבר זנחו את פלאש לטובת jQuery בחלק משימושיו הקלאסיים - הצגת תמונות מתחלפות, מצגות ואפקטים של סאונד. במידה ואינכם רוצים או יכולים להעסיק מומחה ל-jQuery או לספריית JavaScript אחרת שתוכל להמיר את הפלאש באתר, ספקו לפחות תוכן אלטרנטיבי לפלאש, שיוצג אם לגולש אין יכולת להציג פלאש. תוכן אלטרנטיבי זה יכול להיות תמונה או טקסט במידה ומדובר באלמנט ויזואלי, או סקריפט שמבצע באופן טקסטואלי את הפעולה של הפלאש במידה ומדובר בפלאש שיש לו תפקיד ביצועי. את התוכן האלטרנטיבי מציבים בקלות באמצעות תגית ה-Object.
התאמת נגישות אינטרנט
אתר אינטרנט נגיש הוא אתר שאוכלוסיות מיוחדות יכולות לנווט בו בקלות ולמצוא את מבוקשן ביעילות. מדוע זה חשוב לענייננו? כיוון שהקלות ושיפורים שנעשים על מנת להנגיש את האתר הופכים אותו לידידותי הרבה יותר עבור גולשי אייפון וסמארטפונים אחרים. למשל: כפתורים גדולים יחסית באתר, שילוב צבעים נכון וטקסט ברור מקילים את הגלישה על מי שגולש באמצעות האייפון. אם ניקח את אתר אינטרנט ישראל כדוגמה, שני הקישורים שמקילים על הניווט באתר - אל התפריט ואל התוכן המרכזי, הם הקישורים הפופולריים ביותר עבור אלה שמשתמשים באייפון. לא חייבים בכל מקרה לעמוד בכללי נגישות מחמירים, אך מחשבה והקפדה על פרופורציות נכונות בין חלק הניווט לתוכן המרכזי, בנייה נכונה לפי סטנדרטיזציה והקפדה על יחס נכון בין אלמנטים ורווח ביניהם, יעשו את האתר ידידותי בהרבה גם עבור גולשי אייפון.
היררכיה נכונה של אלמנטים
חלק מאתרי האינטרנט בנויים בשיטה מיושנת של טבלאות. בניית אתר לפי טבלאות נחשבה כלהיט בשנות ה-90 אך כיום היא אינה מקובלת משלל שיקולים. אחד מהם הוא ממשק הניווט של אייפון שמאפשר גישה מהירה לחלקי האתר באמצעות לחיצה כפולה על אלמנט, אם למשל יש באתר מספר חלקים: חלק עליון, ניווט ותוכן שגם בו יש היררכיות משנה. לחיצה כפולה על אלמנט מסוים (לדוגמה מאמר או חלק במאמר) מבצעת זום-אין אוטומטי לאלמנט הזה. היררכיה נכונה של אלמנטים, ולא באמצעות טבלאות, מקלה מאוד על הניווט באמצעות אייפון.
התאמה לספארי
עד מהפכת האייפון נחשב ספארי לדפדפן זניח למדי. בעוד שרוב האתרים משקיעים בהתאמה ובדיקה שהם נראים היטב באינטרנט אקספלורר ופיירפוקס, מעטים משקיעים מחשבה בבדיקה ובהתאמת האתר לספארי. למרות שספארי (וכרום של גוגל) אינו שונה מבחינה מהותית מפיירפוקס, קיימים כמה הבדלים מינוריים בתצוגה של אלמנטים. שווה להשקיע עוד כמה שעות עבודה על מנת לוודא שאתר האינטרנט נראה טוב בספארי (ובכרום).
אופטימיזציית תמונות
תמונות הן חלק חשוב מכל אתר אינטרנט. מכיוון שרשת אלחוטית נוטה להיות איטית יותר ועל אינטרנט סלולרי משלמים - ראוי וחשוב לבצע אופטימיזציה של תמונות וקוד שיאפשרו אתר מהיר יותר. אפשר להפחית משקלים של תמונות באמצעות שימוש בדחיסה טובה יותר שאינה פוגמת באיכות. ניתן להקטין נפח של קוד באמצעות שימוש בטכניקות Front End טובות. הדבר מיטיב גם עם שאר המשתמשים, כמובן, וגם עם בעל האתר (בהנחה שמדובר באתר פופולרי) שאינו צריך לשלם על נפח תעבורה גבוה.
רן בר-זיק הוא מפתח PHP בקבוצת eWave, המתמחה בפיתוח ואינטגרציה של מערכות מידע מבוססות Web, ומפעיל האתר אינטרנט ישראל.
יותר ויותר ישראלים עוברים לגלישה באמצעות סמארטפונים. לפי סקר TIM מלפני שנה, כרבע מבני הנוער גולשים לאתרי אינטרנט באמצעות הטלפון הנייד שלהם. האייפון עומד להיות כנראה הסמארטפון הפופולרי בישראל, ועקב כך יצטרכו מנהלי אתרי אינטרנט להיערך בהתאם. המשימה הזאת הופכת להיות חשובה יותר. ארגונים כבר לא יכולים להתעלם מהאופן שבו אתר האינטרנט שלהם נראה על פלטפורמות אלטרנטיביות למחשב, וכמובן שהחזר ההשקעה בהתאמה של אתרי אינטרנט לסמארטפונים יילך ויגדל. בדרך של התאמת האתר לאייפון אנו לא רק מושכים גולשים המשתמשים באייפון וסמארטפונים אחרים, אלא גם גולשי כרום וכמובן אנשים בעלי צרכים מיוחדים שייהנו מהנגשת האתר עבורם.
ישנן כמה דרכים להתמודד עם העובדה שהאייפון הגיע לישראל. הראשונה היא לטמון את הראש בחול ולהתעלם מהקהל הגדול שישתמש בו. זוה בה נוקטים רוב החברות להן יש אתרי אינטרנט. במקרה הטוב דואגים לכך שהאתר יתמוך בדפדפנים שונים, ותו לא. מבחינתן, האינטרנט לא השתנה באופן מהותי בשנים האחרונות, למרות שיותר ויותר מאיתנו גולשים באמצעים ניידים: האייפון, סמארטפון אחר, מחשבי לוח בעלי מסך זעיר וכדומה. הדרך השנייה היא להתמודד עם העובדה ששוק האינטרנט משתנה ורבים אינם גולשים עוד ממחשב שולחני או נייד, אלא משתמשים בפלטפורמות אלטרנטיביות שהמובילה שבהן, נכון לעכשיו, היא האייפון. חברות מבוססות וגדולות במשק בוחרות לבנות אפליקציה של ממש למכשיר ולשווק את תכני החברה דרך ה-AppStore. זו דרך לא זולה, כי היא דורשת עלות פיתוח גבוהה יחסית, וכמובן יכולת שיווק והפצה שאין לכל חברה. לאחר הפיתוח יש להפיץ את התוכנה דרך חנות האפליקציות של אפל - תהליך שהוא לעיתים מסורבל וארוך, ולאחר מכן להשקיע בפרסומה. דרך אלטרנטיבית היא התאמת אתר האינטרנט של החברה לגולשי האייפון, על מנת שגם אלו יוכלו לגלוש לאתר ברשת ולקרוא את תכניו.
באופן עקרוני אפשר להתאים את אתר האינטרנט לאייפון בשתי דרכים שונות - בניית גרסה ייחודית ל-מכשיר, שתוצג אך ורק למשתמשיו כאשר ייכנסו אליו באמצעות הדפדפן ספארי, או התאמה של האתר הקיים לאייפון -דרך פשוטה וזולה בהרבה לפיתוח, שבצידה יתרונות נוספים. הנחת העבודה היא שלא בונים גרסה מיוחדת של אתר האינטרנט עבור אייפון, אלא מתאימים את אתר האינטרנט הקיים לשימוש באייפון בפרט ולכל פלטפורמה בכלל. לפי שיטה זו, על רוב אתרי האינטרנט הבנויים היטב, מספיק לייצר מספר התאמות פשוטות בעלות נמוכה יחסית על מנת לאפשר גלישה נוחה למשתמשי אייפון וסמארטפונים אחרים. כך בעצם "אוכלים את העוגה ומשאירים אותה שלמה": לא מאבדים לקוחות שגולשים לאתר עם הסמארטפון שלהם ולא מוציאים סכומים גבוהים על הפיתוח.
שלבי התאמת אתר האינטרנט לאייפון
טיפול בפלאש
טכנולוגיית פלאש מאפשרת להריץ באתר האינטרנט תוכנות ויישומים אינטראקטיביים כולל וידאו ואודיו, ורצה בכל דפדפן באופן זהה. אפשר להתקין פלאש בכל דפדפן קיים - מאינטרנט אקספלורר ועד קונקוורר (דפדפן לינוקס), ולמצוא פלאש כמעט בכל אתר בישראל: בין אם מדובר בבאנרים, סרטונים, משחקונים ותכנים לכל דבר. ההנחה הרווחת היא שלרוב המוחץ של גולשי האינטרנט יש יכולת להריץ פלאש, אך בגרסת ספארי המותאמת לאייפון אין תמיכה בפלאש. לכן, אם מתאימים את האתר לאייפון, חשוב לטפל בכל נושא הפלאש באתר. במקרים מסוימים אפשר לוותר על הפלאש ולהשיג את אותו האפקט של אינטראקטיביות עם טכנולוגיה חלופית כמוjQuery . jQuery היא שם של ספריה לשפת הסקריפט הפופולרית JavaScript. באמצעות jQuery (וספריות אחרים) ניתן ליצור יכולות אינטראקטיביות דומות מאד לפלאש בקלות ובמהירות. בדומה לפלאש, גם jQuery נראית היטב בכל הדפדפנים. באתרים של חברות גדולות בחו"ל כבר זנחו את פלאש לטובת jQuery בחלק משימושיו הקלאסיים - הצגת תמונות מתחלפות, מצגות ואפקטים של סאונד. במידה ואינכם רוצים או יכולים להעסיק מומחה ל-jQuery או לספריית JavaScript אחרת שתוכל להמיר את הפלאש באתר, ספקו לפחות תוכן אלטרנטיבי לפלאש, שיוצג אם לגולש אין יכולת להציג פלאש. תוכן אלטרנטיבי זה יכול להיות תמונה או טקסט במידה ומדובר באלמנט ויזואלי, או סקריפט שמבצע באופן טקסטואלי את הפעולה של הפלאש במידה ומדובר בפלאש שיש לו תפקיד ביצועי. את התוכן האלטרנטיבי מציבים בקלות באמצעות תגית ה-Object.
התאמת נגישות אינטרנט
אתר אינטרנט נגיש הוא אתר שאוכלוסיות מיוחדות יכולות לנווט בו בקלות ולמצוא את מבוקשן ביעילות. מדוע זה חשוב לענייננו? כיוון שהקלות ושיפורים שנעשים על מנת להנגיש את האתר הופכים אותו לידידותי הרבה יותר עבור גולשי אייפון וסמארטפונים אחרים. למשל: כפתורים גדולים יחסית באתר, שילוב צבעים נכון וטקסט ברור מקילים את הגלישה על מי שגולש באמצעות האייפון. אם ניקח את אתר אינטרנט ישראל כדוגמה, שני הקישורים שמקילים על הניווט באתר - אל התפריט ואל התוכן המרכזי, הם הקישורים הפופולריים ביותר עבור אלה שמשתמשים באייפון. לא חייבים בכל מקרה לעמוד בכללי נגישות מחמירים, אך מחשבה והקפדה על פרופורציות נכונות בין חלק הניווט לתוכן המרכזי, בנייה נכונה לפי סטנדרטיזציה והקפדה על יחס נכון בין אלמנטים ורווח ביניהם, יעשו את האתר ידידותי בהרבה גם עבור גולשי אייפון.
היררכיה נכונה של אלמנטים
חלק מאתרי האינטרנט בנויים בשיטה מיושנת של טבלאות. בניית אתר לפי טבלאות נחשבה כלהיט בשנות ה-90 אך כיום היא אינה מקובלת משלל שיקולים. אחד מהם הוא ממשק הניווט של אייפון שמאפשר גישה מהירה לחלקי האתר באמצעות לחיצה כפולה על אלמנט, אם למשל יש באתר מספר חלקים: חלק עליון, ניווט ותוכן שגם בו יש היררכיות משנה. לחיצה כפולה על אלמנט מסוים (לדוגמה מאמר או חלק במאמר) מבצעת זום-אין אוטומטי לאלמנט הזה. היררכיה נכונה של אלמנטים, ולא באמצעות טבלאות, מקלה מאוד על הניווט באמצעות אייפון.
התאמה לספארי
עד מהפכת האייפון נחשב ספארי לדפדפן זניח למדי. בעוד שרוב האתרים משקיעים בהתאמה ובדיקה שהם נראים היטב באינטרנט אקספלורר ופיירפוקס, מעטים משקיעים מחשבה בבדיקה ובהתאמת האתר לספארי. למרות שספארי (וכרום של גוגל) אינו שונה מבחינה מהותית מפיירפוקס, קיימים כמה הבדלים מינוריים בתצוגה של אלמנטים. שווה להשקיע עוד כמה שעות עבודה על מנת לוודא שאתר האינטרנט נראה טוב בספארי (ובכרום).
אופטימיזציית תמונות
תמונות הן חלק חשוב מכל אתר אינטרנט. מכיוון שרשת אלחוטית נוטה להיות איטית יותר ועל אינטרנט סלולרי משלמים - ראוי וחשוב לבצע אופטימיזציה של תמונות וקוד שיאפשרו אתר מהיר יותר. אפשר להפחית משקלים של תמונות באמצעות שימוש בדחיסה טובה יותר שאינה פוגמת באיכות. ניתן להקטין נפח של קוד באמצעות שימוש בטכניקות Front End טובות. הדבר מיטיב גם עם שאר המשתמשים, כמובן, וגם עם בעל האתר (בהנחה שמדובר באתר פופולרי) שאינו צריך לשלם על נפח תעבורה גבוה.
רן בר-זיק הוא מפתח PHP בקבוצת eWave, המתמחה בפיתוח ואינטגרציה של מערכות מידע מבוססות Web, ומפעיל האתר אינטרנט ישראל.
