אתר אינטרנט רספונסיבי

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

אתר מותאם לכל המכשירים

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

אתר אינטרנט מותאם מובייל (רספונסיבי) איך זה בעצם עובד?

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

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

1. בניית אתר אינטרנט מותאם.
2. בניית גרסא סלולרית לאתר האינטרנט.

מה ההבדל בינהם?

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

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