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

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

Accelerated Mobile Pages, המוכרת בשמה המקוצר AMP

שיטת AMP הופכת במהרה לסטנדרט בבניית דפי אינטרנט למובייל, כאשר דף המיישם את הדרישות הטכניות של AMP נטען במהירות הגדולה ב-15%-80% מדפי אינטרנט רגילים וללא AMP במובייל.

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

התקנה והפעלה של תוספי AMP

כדי להתחיל ליישם את שיטת AMP באתר שלכם תצטרכו את הפלאג-אין AMP מבית Automatic. כדי ש-AMP יעבוד זהו התוסף הבסיסי שעליכם להתקין. הפלאג-אין ייצר אוטומטית גרסאות תואמות AMP של כל הפוסטים שלכם. תוכלו לצפות בפוסטים אלו ע"י הוספת /AMP לכתובות הדפים.

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

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

AMP for WP – שילוב של גוגל אדסנס, תמיכה בתגיות rel=canonical, בונה עמודי AMP בסגנון "גרירה והפלה" ויכולת לבנות תוכן AMP אשר הינו שונה מהתוכן בעמודי מובייל רגילים.

Glue for Yoast SEO & AMP – תוסף המאפשר לייצר פוסטים, דפים ומדיה מותאמים ל-AMP. הפלאג-אין גם מוודא כי תוסף ברירת המחדל של AMP מושך מטא-דאטה נכון. לתוסף יכולות דומות לאפשרות של AMP for WP מבחינת יצירת עמודי AMP וניתן אפילו לשנות את לוגו האתר בעמודי AMP לעומת עמודים אחרים.

הגדרת גוגל אנליטיקס

כדי להגדיר את הדפים שלכם למעקב גוגל אנליטיקס, יש למצוא את נתוני המעקב הספציפיים לכם. התחברו לגוגל אנליטיקס, לחצו על סמל ההגדרות, כעת בחרו את החשבון הרצוי ואת האתר הרלוונטי. לחצו היכן שרשום "Tracking Info" בטור האתר (Property). כעת לחצו על "Tracking Code", הנתון צריך להתחיל עם האותיות UA.

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

קביעת הגדרות פלאג-אין

בצעד זה נפרט אודות קביעת הגדרות בסיסיות לפלאג-אין Glue for Yoast שהוזכר בראשית מדריך זה. אם בחרתם שלא להתקין את התוסף המסוים הזה, פשוט דלגו על חלק זה של המדריך. ההגדרות המומלצות המפורטות להלן יאפשרו לכם להתאים אישית את המראה והתחושה של דפי AMP באתר וגם תמיכה בסוגי תוכן מרובים. כדי להתחיל גשו לתוסף Yoast SEO ← AMP ← Post Types. כאן תוכלו לבחור אלו סוגי פוסטים ותכנים יותאמו לדרישות AMP.

בלשונית השנייה, תחת Design, תוכלו לקבוע את המראה והאווירה של דפים מותאמי AMP באתר. ניתן ליישם עיצוב CSS, להתאים אישית צבע של תוכן וקישורים, להעלות אייקון AMP מותאם אישית ולקבוע תמונת ברירת מחדל לדפים שאין להם תמונות המשויכות אליהם.

בדיקה ואישור של הגדרת AMP באתרכם

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

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

בדיקת AMP: גשו לקישור https://search.google.com/test/amp. הדביקו את ה-URL במיקום המתאים ולחצו על הרצת הבדיקה (Run Test).

קונסולת המפתח: האפשרות קיימת רק למי שמשתמש בדפדפן גוגל כרום. פתחו את דף ה-AMP בדפדפן שלכם, הצמידו את הסיומת #development=1 לכתובת וכעת פתחו את קונסולת כלי הפיתוח של כרום (תפריט כרום, כלים נוספים, כלים עבור מפתחים ואז ללחוץ על לשונית "קונסולה") והריצו בדיקה לשגיאות אימות. אם הכל מוגדר כשורה, האימות אמור לתת תוצאה תקינה.

מאמת AMP: גשו לקישור https://validator.ampproject.org/. הדביקו את כתובת דף ה-AMP הנבדק בשדה המתאים (URL), ולחצו על Validate (אימות). הכלי ידגיש שגיאות ויתייג אותן בהתאם בתוך קוד ה-HTML.

*ניתן גם להשתמש בתוסף AMP Validator לכרום כדי לראות את אותן התוצאות בכתובת ה-URL עצמה.

הגשת כתובות ה-AMP החשובות ביותר שלכם לאינדוקס

כאשר אתם משתמשים בבדיקת AMP דרך קונסולת החיפוש של גוגל, אתם יכולים פשוט ללחוץ על כפתור הגשה לגוגל (Submit to Google) לאחר בדיקת הדף וקבלת אימות מוצלח.

לחלופין, ניתן להגיש את הדף לאינדוקס בגוגל ישירות מתוצאות החיפוש אם אתם מחוברים לחשבונכם ב-Google Search Console.

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

צפייה בקונסולת החיפוש של גוגל לאיתור שגיאות

קונסולת החיפוש של גוגל מספקת דרך יעילה לנהל את כל דפי ה-AMP שלכם ממיקום נוח וברור אחד.
התחברו לחשבון קונסולת החיפוש של גוגל (לשעבר וובמאסטר טולס).
תחת "תצוגת החיפוש" (Search Appearance) לחצו על Accelerated Mobile Pages.

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

בדיקת מהירות הדף

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