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

אחד הדברים המסתכלים ביותר בגלישה מהמובייל הוא הטעינה האיטית של עמודים ואלמנטים מיותרים הגורמים לחוויה לא מלהיבה (בלשון המעטה).

הכירו את Accelerated mobile page – AMP

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

הAMP (בעברית – עמודים מואצים לסלולר) הוא בעצם גרסה דיאטטית של HTML המציגה לגולש תבנית המתוכננת לטעינה סופר מהירה מהסלולר.

מה שהופך את הAMP למהיר במיוחד הוא "שק תגי" HTML וCSS ספציפיים בהם ניתן להשתמש (למשל – לא ניתן להשתמש בטפסים בעמודי AMP) ומגבלות נוספות אותן תוכלו לראות בסרטון של מאלט אובל הנמצא בהמשך הפוסט.

בנוסף, השימוש בתקן של AMP יאפשר לגוגל לשמור ולטעון את העמודים בגרסת קאש ישירות מהשרתים שלהם – האם זה ישפיע על קידום האתר בגוגל?

איך זה נראה?

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

הAMP עדיין לא פעיל בארץ אך ניתן לראות אותו גם מהארץ כשגולשים מהמובייל בgoogle.com דרך פרוקסי.

ככה נראים צילומי מסך מהטלפון שלי לחיפוש שעשיתי על דונלד טראמפ (מאוד פופולרי בימים האלה 😉 )

צילום מסך של AMP
צילום מסך של AMP – לרוחב
AMP - דוגמא לעמוד לאורך
AMP – דוגמא לעמוד לאורך

איך מוודאים שהעמוד שיצרנו עומד בתקן AMP?

  1. נכנסים לעמוד הAMP מהדפדפן במחשב.
  2. מוספים לכתובת הURL שלו #development=1 (לדוגמא, על מנת לבדוק את העמוד הבית שלי הכתובת הייתה www.idanbenor.co.il#development=1 )
  3. פותחים את הChrom Devtools console ובודקים שגיאות אימות.
בדיקת תקינות AMP לעמוד באתר BBC
בדיקת תקינות AMP לעמוד באתר BBC

הסבר מקיף ניתן למצוא כאן.

מה בדיוק קורה שם?

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

איך זה משפיע לנו על הSEO?

באופן רשמי – אומר ג'ון מולר כי הAMP אינו פרמטר המשפיע על דירוג האתר בגוגל.

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

על פי הנחיות גוגל – חווית גלישה טובה יותר = דירוגים טובים יותר, אפשר להבין לבד את המגמה 🙂 (וכמובן באופן אוטמטי הAMP מקבלים עדיפות היות והם מופיעים מעל כל תוצאות החיפוש).

מה לגבי תוכן כפול?

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

  • על מנת להסביר למנוע החיפוש שישנה גרסת AMP רלוונטית לעמוד נטמיע תגית rel=amphtml .
  • על מנת למנוע כפילות תוכן נטמיע בעמוד הAMP תגית קנוניקל שתצביע לגרסת הדסקטופ של העמוד.

הטמעת תגיות AMP באתר
כך נראה עמוד דסקטופ באתר בBBC:

עמוד הדסקטופ של BBC

כך נראה עמוד AMP באתר BBC:

עמוד AMP באתר BBC

קישורים שימושיים:

לסיכום

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

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

11 תגובות

  1. גולוג הגב

    נמשיך לעקוב, תודה על המידע!

  2. רמי הגב

    אתרי וורדפרס יכולים להתקין את התוסף https://wordpress.org/plugins/amp/

    תוסף מבית אוטומטיק, ורץ על כל אתרי וורדפרס.קום.

  3. יוסי הגב

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

  4. רוב הגב

    לא בדיוק הבנתי, זה עמוד נוסף זהה לעמוד שקיים למחשבים רגילים ורק בסלולר רואים אותו?

  5. אבישי ביטון הגב

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

    • עידן בן אור הגב

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

      לגבי פלאגין לוורדפרס – לא בדקתי לכן אני לא יודע להגיד אם יצא אחד עדכני שעובד 🙂

  6. יואב הגב

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

    יש מספר דברים שלא כל כך הבנתי שאשמח לשאול אם אפשר:
    1. מה המגבלות ש AMP יוצר לאתר?
    2. האם מלבד למגבלות האלה יש עוד חסרונות ל AMP
    3. מה הבעיות של התוסף לוורדפרס? והאם עדיף לעשות את זה באמצעות מתכנת? והאם ידוע לך כמה יכול לעלות להפוך אתר תדמיתי סטנדרטי לפורמט הזה?

    המון תודה
    יואב

    • עידן בן אור הגב

      היי יואב,
      המגבלות הן בעיקר סל מוגבל של תגיות HTML, CSS ושימוש מוגבל בJS.
      במידה ותצליח ליצור חוויה מעולה לגולש תחת המגבלות האלה תגלה שבעצם אין מגבלות 🙂

      לגבי התוסף לוורדפרס – לא יודע לענות על זה.

      נ.ב
      לא בהכרח אתר תדמית צריך להשתמש בAMP.

השארת תגובה