התאמת האתר למכשירים ניידים: מדריך מלא

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

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

מה קורה אם תתעלם מהאינטרסים של משתמשים בנייד

על פי comScore, בינואר 2014, נתח התנועה הניידת בארצות הברית עלה לראשונה על נתח הביקורים באתר ממחשבים שולחניים. לדברי קבוצת קוקוק, המצב ברוסיה שונה: נכון לאמצע שנת 2014, כ -80% מהמשתמשים ביקרו באתרים באמצעות מחשבים שולחניים, כולל מחשבים ניידים. עם זאת, ב Runet, יש מגמת עלייה בולטת בתנועה ניידים. שים לב ללוח הזמנים של שימוש במערכות הפעלה על ידי משתמשים מקומיים.

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

  • בחר בתפריט "סקירה כללית על הקהל" והשתמש באפשרות "הוסף פלח".
  • בדף שנפתח, סמן את התיבה לצד האפשרויות "תנועה מניידים", "תנועה ממחשבי לוח" ו"תנועה מטלפונים חכמים ומ- Tablet PC ". לחץ על "החל".
  • בקטע 'סקירת קהל', הערך את הנתון הכולל של התנועה לנייד, וכן את נתח התנועה לפי סוג המכשיר.
ראה גם: רשימת שאלות לבדיקת הגרסה הניידת של האתר

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

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

מה לשאוף: סימנים של משאב ידידותי לנייד

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

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

כיצד להשיג זאת בפועל? המשך לקרוא.

שלב 1: ודא שאתה משתמש בעיצוב ידידותי לנייד.

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

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

הגרסה הניידת של האתר

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

  • WPtouch Pro. לאחר ששילם 49 דולר פעם אחת, אתה יכול לבחור אחד הנושאים ניידים הציע וורדפרס ולהשתמש בו כל הזמן.
  • DudaMobile. הפונקציונליות הבסיסית של תוסף זה זמין בחינם. אם אתה משלם 159 דולר בכל פעם, תקבל גישה תכונות מתקדמות ותמיכה.
  • WP Mobile Edition. תוסף זה מזהה באופן אוטומטי את המאפיינים של גאדג 'ט נייד ומציג את הגרסה הניידת המתאימה של האתר עבור המבקר.

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

ראה גם: 14 צ 'יפס מגניב מתוך 11 אתרים ניידים הטוב ביותר

עיצוב מסתגלת

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

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

תבניות תגובה WordPress זמינים ב- Wordpress.org.

שלב 2: החלף את הקישורים על לחצני ההקשה.

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

באיזה גודל יש ללחוץ על לחצן או על רכיב ניווט עבור משתמש נייד כדי להשתמש בו בהצלחה? התמקד בהמלצות הבאות:

  • אפל ממליצה למפתחי הממשקים לסמארטפונים ליצור לחצנים ורכיבי ניווט בגודל מינימלי של 44 על 44 פיקסלים.
  • נוקיה רואה בגודל המינימלי של השליטה להיות 48 על 48 פיקסלים או 0.7 על 0.7 ס"מ.
  • מיקרוסופט מחשיבה את גודל הכפתור האופטימלי ל -34 34 פיקסלים.

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

כיצד ליצור לחצנים ידידותיים לנייד ואלמנטים ניווט

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

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

שלב 3: ודא שאתה משתמש בטפסים נוחים.

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

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

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

  • סומו. תוסף חינם המאפשר לך ליצור טפסים ניידים נוח.
  • OptinMonster. תוסף בתשלום ליצירת טפסים ניידים.
  • ClickBank. שירות זה יצטרך הבעלים של חנויות מקוונות. זה מאפשר לך "לקשור" את האתר מותאם לסל התנועה הנייד לעיבוד ולשלם עבור הזמנות.
  • Gumroad שירות נוסף לעיבוד ותשלום הזמנות, ידידותי למשתמשים ניידים.
  • Authorize.net. שירות לקבלת תשלומים מאתרים לנייד.

שלב 4: להציע למשתמשים תוכן קריא

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

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

נוח לקרוא מתוכן המסך הנייד עונה על המאפיינים הבאים:

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

שלב 5: להתאים הודעות דוא"ל ממסך קטן.

ניתן להתאים את האימייל לקריאה מהמסכים של גאדג'טים ניידים באמצעות כלי הדיוור הבאים:

  • MailChimp.
  • אובר.
  • קשר קבוע.

בחירת שירות הדואר, ודא שיש לך לעשות הכל כדי לקרוא את המכתבים שלך.

הצטרף לאבולוציה הניידת ואל תאבד את התנועה.

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

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

צפה בסרטון: קידום חנויות באינטרנט - טיפים לקידום אתרי E-Commerce ומסחר אונליין (אַפּרִיל 2020).

Loading...

עזוב את ההערה שלך