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

תוכן עניינים:

Anonim

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

הבנת המעבר למדד נייד ראשון

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

$config[code] not found

לבדוק ולהאיץ את מהירות הטעינה

מחקרים אחרונים מצביעים על כך ש -47% מהצרכנים רוצים לטעון דף אינטרנט תוך שתי שניות או פחות, ו -40% מהצופים יעזבו אתר אם תהליך הטעינה אורך שלוש שניות או יותר. נתונים סטטיסטיים אלה, יחד עם ההכרזה של Google כי מהירות טעינת דפים לנייד תהיה גורם מכריע בקביעת הדירוג לאחר המעבר, צריך להיות מספיק כדי להפוך את כל בעל העסק פעמיים לבדוק את זמן הטעינה של האתר שלהם. קבע את מהירות הטעינה של כל אחד מדפי האתר שלך באמצעות השימוש ב- Google Chrome Tools וב- Speed ​​Speed ​​Insights.

אם אתה צריך להאיץ את מהירות הטעינה שלך, השיטות הבאות הן בין אלה מומלץ ביותר:

  • AMP: פרויקט הדפים המואצים - AMP הוא מפעל קוד פתוח שמעסיק HTML מופרד כדי לטעון את דפי האתר שלך מהר יותר מה- HTML הרגיל. זה, יחד עם Google לאחסן את התוכן במאגר האחסון שלה, מסייע לשפר את זמן הטעינה של האתר שלך.
  • פרוגרסיבי Web Apps - PWAs הן אפשרויות עבור אלה שאינם רוצים לעבור לפרויקט AMP. PWAs להגיב במהירות תקשורת המשתמש לטעון במהירות, מה שהופך אותם חלופה קיימא AMP.
  • PWAMP - PWAMP הוא תערובת של PWA שפותחה על AMP, JS, CSS ו- HTML, אבל אתרים המשתמשים PWAMP לא יכול לאשר מהר ככל דפי AMP לעשות. עם זאת, דפי PWAMP עדיין מהירה להציע את אותם יתרונות כמו PWAs.

שים את זרקור על חוויית המשתמש

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

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

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

מטב את העיצוב והתוכן שלך

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

  • עיצוב אתרים מותאם - Google ממליצה על עיצוב אתרים עם יכולת תגובה, שהיא גישה עיצובית שמטרתה למטב את המראה והפונקציונליות של האתר על מגוון של מכשירים וגדלים שונים.
  • השתמש בתפריטים הנפתחים - Google קבעה שהיא לא תעניש אתרים להגנה על התוכן שלהם מאחורי תפריטים נפתחים אם התוכן נטען באותו זמן כמו הדף, לכן אל תהסס לשלב תפריטים נפתחים באופן סביר בעת בניית האתר שלך לנייד.
  • אל תשתמש ב- Flash - רוב המשתמשים בנייד אינם יכולים לראות תוכן Flash, לכן הימנע מכל זה והשתמש ב- Java או ב- HTML כדי להוסיף רכיבים מרתקים אלה לאתר שלך.
  • ודא תוכן קל לקריאה - להפוך את התוכן קל לקריאה על מסכים קטנים; לספק מספר קישורים בחלקים ארוכים יותר של טקסט, כך שמשתמשים יכולים בקלות להגיע לאן הם רוצים ללכת ולהשתמש כותרות לחלק את התוכן שלך ולהפוך את הדפים שלך נראה יותר מסודר.
  • הפוך את גודל הטקסט ואת יכולות מסך מגע קל ללחוץ על - ודא האתר שלך הוא "ברז ידידותי" על ידי הפיכת נקודות הברז שלך את הגודל הנכון והשאיר שטח נרחב בין רכיבים ללחיצה

תמונה דרך Shutterstock

1 הערה ▼