ההשפעה של AMP על קידום האתר בגוגל וחווית המשתמש

עדכון: 27-08-2019

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

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

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

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

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

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

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

איך זה נראה?

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

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

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

צילום מסך של AMP – לרוחב

AMP – דוגמה לעמוד לאורך

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

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

בדיקת תקינות AMP לעמוד באתר BBC

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

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

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

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

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

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

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

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

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

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

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

הטמעת תגיות AMP באתר

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

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

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

• האתר הרשמי של פרוייקט AMP
• עמוד התמיכה של גוגל
• תיקיית הקודים והתיעוד באתר GitHub

לסיכום

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

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