כיצד לזהות התקנים ניידים הפוגעים בדפי האינטרנט שלך

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

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

ספק קישור לגרסת אתר אחרת

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

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

החסרונות הם:

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

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

השתמש ב- JavaScript

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

השתמש ב- CSS @media כף יד

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

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

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

השתמש ב- PHP, JSP, ASP כדי לזהות את סוכן המשתמש

זוהי דרך טובה בהרבה להפנות משתמשים ניידים אל גרסת נייד של האתר מכיוון שהוא אינו מסתמך על שפת סקריפטים או CSS שהמכשיר הסלולרי אינו משתמש בו. במקום זאת הוא משתמש בשפה בצד השרת (PHP, ASP, JSP, ColdFusion וכו ') כדי להסתכל על סוכן המשתמש ואז לשנות את בקשת HTTP להצביע על דף נייד אם מדובר במכשיר נייד.

קוד PHP פשוט לעשות זאת ייראה כך:

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

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

השתמש ב- WURFL

אם אתה עדיין נחוש להפנות את המשתמשים הניידים שלך לאתר נפרד, אז WURFL (File Universal Resource File) הוא פיתרון טוב. זהו קובץ XML (וכעת קובץ DB) וספריות DBI שונות המכילות לא רק נתוני סוכני משתמשים אלחוטיים מעודכנים אלא גם אילו תכונות ויכולות אותם סוכני משתמשים תומכים.

כדי להשתמש ב- WURFL, אתה מוריד את קובץ התצורה של XML ואז בוחר את השפה שלך ומיישם את ה- API באתר שלך. ישנם כלים לשימוש ב- WURFL עם Java, PHP, Perl, Ruby, Python, Net, XSLTו- C ++.

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

הפיתרון הטוב ביותר הוא עיצוב רספונסיבי

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

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

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