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

בניית אתרים רספונסיביים – כך תתאימו את האתר שלכם לכל גולש

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

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

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

למה צריך אותו?

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

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

איך זה עובד?

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

מה ההבדל בינו לבין אתר מותאם לסלולר?

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

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

האם וורדפרס הוא אתר רספונסיבי?

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

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

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

איך לדעת אם אתר כלשהו הוא רספונסיבי?

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

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

מה צריך לזכור כשבונים אתר רספונסיבי?

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

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

בחזרה לעמוד הראשי לחצו כאן

מה יש לנו להציע?

  • קידום אתרים אורגני
  • בניית אתרי WordPress
  • עיצוב אתרים
  • שיווק ברשתות החברתיות
  • פרסום בגוגל AdWords

© כל הזכויות שמורות לאלחנן עטריאן | שירותי שיווק באינטרנט