מה זה אתרים רספונסיביים?
אתרים רספונסיביים אלו אתרים שמתאימים את עצמם לרזולוציות השונות של גודל המסך. בימינו כשהסמארטפון הפך למחשב הקטן שנמצא עם רובנו בכיס רוב היום והגלישה באינטרנט נעשית לרוב מהמובייל, חשוב שהאתר שאותו בונים יהיה רספונסיבי, בנוסף בניית אתר רספונסיבי יכול לשפר את הדירוג במנוע החיפוש גוגל. השאירו פרטים לברורים-חוזרים בהקדם!
בניית אתרים רספונסיבים עם תפריט מקצועי
בניית אתרים רספונסיבים, עם תפריט ברור ונוח לכלל האנשים ומה הכוונה?
שהמרווח בין השורות בתפריט יהיה גדול מספיק על מנת שיהיה נוח למגע האצבע במובייל, שהתפריט יפתח כמו שצריך בלי קפיצות והפרעות כמו שראיתי בלא מעט אתרים, בחירת צבעים נכונה לתפריט, שהמבקר באתר יבין את הכתוב ללא כל מאמץ, בחירת מילות המפתח שנכניס לתפריט חשובה גם כדי שהמבקר באתר יבין וינווט בדיוק לאן שהוא רוצה בקלות ובמהירות ובנוסף מילות מפתח נכונות יעזרו גם בקידום האתר.
אתרים רספונסיביים עם פונט קריא
בניית אתר רספונסיבי עם בחירת פונט נכונה אשר מתאים הן לעיצוב וחשוב ביותר, הפונט יהיה קריא וברור.
הטקסט
כאשר אנו בונים אתר רספונסיבי נבחר בגודל המתאים של הטקסט עם מרווח נכון בין שורה לשורה שלא יהיה מרווח גדול מידי ובטח לא צפוף מידי המקשה על הקריאה. נשים לב בנראות המובייל שהטקסט יהיה מספיק גדול כדי שלמבקר באתר יהיה נוח ולא יצטרך להשתמש באצבעותיו כדי להגדיל את המסך ולקרוא, זה קורא בלא מעט אתרים, לי אישית זה הורס לגמרי את הנוחות וחווית הקריאה וסיכוי קלוש שאחזור לאתר כזה, אין לי ספק שגם מבקרים אחרים מרגישים כך באתרים הללו.
בחירת צבעים נכונה
בחירת צבעים נכונה עם שילוב צבעים נכון לאתר.
כשהגולש קורא טקסט אם זה מנראות מסך מחשב ובעיקר מהמובייל, צריך ששילוב הצבעים יהיה נכון ולא יציק לעין, לכן יש לשלב את צבעי הטקסט עם צבעים המתאימים לרקע האתר.
לדוגמא: כשהרקע כהה עם צבע טקסט שאינו בהיר מספיק, עניין זה יקשה על המבקר באתר לקרוא בקלילות ובהנאה וללא כל מאמץ, דוגמא נוספת: בחירת צבע טקסט צורם לעין אשר מפריע מאוד לקריאה. התוצאה בד"כ-יציאה מהאתר!
תמונות
במסך מחשב מלבד תמונה איכותית וקלת משקל לא תהיה בעיה לרוב, במסך המובייל נשים לב שגודל התמונה תהיה בגודל הנכון שתראה טוב במסך הקטן.
ניצול היתרונות בבניית אתרים רספונסיבים
1.הוספת קישור לחיוג מהיר למובייל בלחיצה – כאשר הגולש נמצא באתר, לחיצה קטנה והשיחה אצלכם.
2. הוספת חיבור לווצאפ- כאשר הגולש נמצא באתר, באמצעות לחיצה על כפתור הווצאפ, יהיה ניתן לשלוח הודעה במספר שניות.
*ניתן להוסיף אפשרות של שיתוף פוסטים מהאתר לווצאפ.
3. הוספת קישורים לרשתות חברתיות- פייסבוק, טוויטר, אינסטגרם ועוד..
4. כפתור 'סטיקי' – כפתורים אשר נמצאים על המסך ומלווים את הגולש לאורך כל השהייה באתר.
כפתור 'סטיקי' יכול להיות פעולה של מספר דברים, כגון: ווצאפ ,חיוג מהיר, רשתות חברתיות ,טופס צור קשר, הודעת SMS ועוד.
מהו אתר רספונסיבי לעומת אתר מותאם למובייל?
ישנם עסקים הבוחרים לבנות אתר המותאם למובייל בכתובת אתר אחרת , מה הכוונה? בתחום בניית אתרים יש מה שנקרא אתר מותאם למובייל ולא בניית אתר רספונסיבי, יש הבדל בין השניים! בניית אתר רספונסיבי כמו שכבר הסברתי מתאים את עצמו לגודל המסכים השונים ממנו הגולשים מגיעים והאתר קיים באותה הכתובת בכל המסכים לעומת זאת בניית אתר מותאם למובייל הינו אתר שבונים אותו על כתובת אתר אחרת, האתר המותאם למובייל יבנה בנוסף לאתר הראשי של העסק ויותאם במיוחד לגלישה במובייל ,הוא יותר תמציתי. ניקח מהאתר הראשי את התוכן הכי חשוב שכדאי להתמקד בו ונכניס לאתר המותאם במובייל, גם העיצוב של האתר המותאם למובייל מעוצב בצורה נוחה לגלישה במסך המובייל הקטן. השאירו פרטים -חוזרים בהקדם!
