מאמרים אחרונים מאמרים אחרונים
23/01/2019 15:14
אנו במיזם גרופ קיבלנו את תו אמון הציבור להגינות בעסקים.
24/10/2018 19:39
מתכנן הקמת חנות מתנות מקוונת? אספנו עבורך כל מה שחשוב לדעת לפני שאתה יוצא לדרך.
15/09/2018 19:27
יש לך עסק למכירת רהיטים או שאתה מתכנן אחד כזה בקרוב? קרא איך הקמת חנות וירטואלית למכירה של רהיטים בא...
06/09/2018 18:05
מחשבים זו אהבת חייך? האם חשבת למכור מחשבים, טלפונים סלולריים, קונסולות משחק וציוד היקפי באינטרנט? המ...
24/08/2018 13:39
הקמת פורטל בריאות באנגלית
תגובות אחרונות תגובות אחרונות
בניית חנות וירטואלית
29/08/2018 13:50
חברה לבניית אתר וחנות וירטואלי...
שפת שרת מול שפת לקוח
04/07/2018 15:45
היי, השפות PHP ו-PYTHON שתי...
שפת שרת מול שפת לקוח
04/07/2018 14:10
מה ההבדל בין php ל python

מהו אתר רספונסיבי

»
»
»
מהו אתר רספונסיבי

אנו חיים היום בעידן של ריבוי מכשירים היכולים להציג אתרי אינטרנט וריבוי רזולוציות שונות אפשריות לתצוגת אתרים. מבחינת מכשירים, נוכל למצוא מגוון רחב של מכשירי טלפון חכמים, מיני טאבלטים, טאבלטים, שעונים חכמים, מחשבים ניידים ומחשבים נייחים. גם מבחינת הרזולוציות, טווח הרזולוציות יכול לנוע מ- 320x200 במקרה של מכשירי אייפון 4 הישנים, המשך ברזולוציות גבוהות של 1920x1080 במסכים המציגים איכות Full HD וכלה במסכים סופר חזקים ברזולוציות של 4K, 8K או אף גבוהות יותר. נוסיף לכל זה את העובדה שמכשירי טלפון חכמים אפשר להחזיק לרוחב או לגובה, והגענו למאות תצורות מסך שונות.

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

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

 

בדיקה אם אתר הוא רספונסיבי נעשית בקלות יחסית:

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

 

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

אלו הם רק חלק מהיתרונות של אתר רספונסיבי:

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

 

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

להלן מספר "טריקים" נפוצים לחסכון במקום:

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

רוצה שנקפיץ גם את העסק שלך?

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

שילוב מנצח של טכנולוגיה שהיא חוד החנית עם ליווי אישי להצלחה!

 

לא מהססים! ממלאים את הטופס או מתקשרים עכשיו 077-7644819

 
שנקפיץ לך את העסק?
לחץ כאן
התקשר עכשיו 077-7644819
או מלא את הטופס להלן: