האפשרות AMP (Accelerated Mobile Pages – עמודים מואצים לנייד) היא מסגרת עם קוד פתוח שמאפשרת לדפדפנים ולאפליקציות לטעון את התוכן של האתר שלך במהירות במכשירים ניידים.
האפשרות AMP נגישה לאתרים חדשים שמאפשרים הפעלה של תוספים באמצעות התוסף של AMP. התוסף של AMP הותקן כברירת מחדל עבור אתרים של WordPress.com שמאפשרים הפעלה של תוספים ושנוצרו לפני 13 ביוני 2022.
במדריך הזה
התוסף של AMP מאפשר לך ליצור אתרי אינטרנט ופרסומות שנטענים כמעט ללא עיכוב ולתת למבקרים באתר חוויה חלקה ומזמינה יותר בשימוש בניידים ובמחשבים שולחניים.
היתרון העיקרי של AMP הוא חוויית שימוש עם טעינה מהירה בנייד. לכל הפוסטים בבלוג של האתר שלך (העמוד הראשי, עמודי ארכיון ועמודים כלליים אינם נתמכים כרגע) יהיו גרסאות שתואמות ל-AMP שייווצרו באופן דינמי. בתוצאות ב-Google, עמודים מהאתר שלך יופיעו עם עיטור AMP בחיפושים שמקורם במכשירים ניידים:
כדאי לעיין באתר AMP לפרטים נוספים על אופן הביצוע של האפשרות הזאת.
אם ברצונך להציג את האתר בגרסה שאינה AMP ל-Google (ולמבקרים פוטנציאליים באתר), ניתן לכבות את תוסף ה-AMP בתוספים ← תוספים מותקנים.
📌
האפשרות AMP זמינה רק עבור אתרים ציבוריים שאינם חוסמים סורקים (crawlers). אם תיבת AMP אינה זמינה, יש לבדוק את ההגדרה של פרטיות האתר ולהגדיר אותה כ'ציבורי'.
אפשר לעבור אל מראה ← להתאים אישית ← AMP ← עיצוב כדי לשנות את המראה של גרסת AMP של הפוסטים שלך. מאחר שמהפרט של AMP דורש עיצוב מינימלי לעמוד, יוצגו לך אפשרויות לשינוי הצבע של טקסט הכותרת, הצבע של רקע הכותרת והצבע של הקישור ולשינוי ערכת הצבעים של צבע הרקע.
CSS מותאם אישית לא חל על גרסת AMP של הפוסטים.
כדי להשתמש בתוסף של AMP לאחר התקנתו והפעלתו, יש ללחוץ על AMP בלוח הבקרה שלך.
בהגדרות של AMP יופיעו שלושה מצבי תבנית:
רגיל: במצב הזה, התוסף מגדיר את ה-AMP כגרסה היחידה של התוכן באתרים במחשבים שולחניים ובמכשירים ניידים. כל התוכן באתר יוצג כעמודי AMP תקפים (מצב שנקרא AMP-first – עדיפות ל-AMP).
במצב הזה לא נוספת שאילתה של ?amp לכתובות URL.
משתנה: אם המצב הזה זמין בערכת העיצוב שלך, השירות של AMP יוגדר לפי התבנית והסגנון של ערכת העיצוב בהצגה של תוכן AMP ותוכן שאינו AMP. כלומר, לתוכן AMP ולתוכן שאינו AMP יהיו מראה ואווירה זהים.
במצב הזה, נוספת שאילתה של ?amp לכתובות URL ולתוכן AMP.
במקרה הזה עמודי AMP בדרך כלל יוצגו במכשירים ניידים ממקורות מסוימים בלבד, כגון מחיפושים של Google וטוויטר, או על ידי הוספה ידנית של השאילתה של ?amp.
קריאה: תוכן AMP יוצג בתבניות הבסיסיות (עם הסרגל הכחול בחלקו העליון של העמוד) שאינן חלק מהתבניות בערכת העיצוב הפעילה שלך. במצב הקריאה יש סבירות נמוכה יותר להשפעה על פונקציונליות שמקורה בערכות עיצוב או בתוספים של צד שלישי.
במצב הזה, כתובות ה-URL בפוסטים של AMP בדרך כלל יקבלו סיומת של /amp/ ועמודים יקבלו סיומת של ?amp.
כדי לגשת לניתוח סטטיסטי של AMP, יש להגדיר את Google Analytics באתר שלך. ניתן לראות איך להגדיר את Google Analytics כאן.
- בחשבון שלך ב-Google Analytics, יש ללחוץ על Admin (מנהל מערכת) ← Property Settings (הגדרות נכס) ולהשיג את Property ID (מזהה הנכס) שנראה כמו UA-XXXXX-Y.
- יש לתקן את ה-Script הבא ולהחליף את UA-XXXXX-Y במזהה הנכס שלך.
{
"vars": {
"account": "UA-XXXXX-Y"
},
"triggers": {
"trackPageview": {
"on": "visible",
"request": "pageview"
}
}
}
3. יש להעתיק את ה-Script ובאתר שלך, יש לעבור אל המקטע 'AMP' ← 'נתונים אנליטיים'. בשדה 'סוג', יש להזין googleanalytics.
יש להדביק את הקוד בשדה 'קביעת תצורה של JSON'.
4. יש ללחוץ על 'לשמור'.
ייתכן שיישלחו אליך הודעות מ-Google בנוגע ל-AMP באתר שלך.
המילה 'שגיאה' בהקשר הזה עלולה קצת להטעות כי לפעמים היא מצביעה על בעיה שיש לתקן ובדרך כלל, זה לא המקרה. ה'שגיאות' הן הגדרות שלא תואמות ל-AMP ולכן הן הוסרו מהתצוגה של העמוד (אנחנו מצפים שהתוסף של AMP יבצע את הפעולה הזאת במצבים 'רגיל' ו'משתנה'). לא מבוצעות עריכות על הקבצים של ערכת העיצוב שלך. ההגדרות האלה הן בדרך כלל (אם לא תמיד) CSS נוסף (קוד CSS מעל המגבלה של 50 kb) או JavaScript. אינדקס השגיאות רושם את כל הפריטים האלה שמופיעים ברחבי האתר.
באופן כללי, אפשר להתעלם מהן אלא אם משהו נראה לא תקין או אם ההגדרות לא פועלות בעמוד שלך.
מקרה זה יכול להופיע כאשר קוד ה-CSS שנדרש לחלק מהעמוד שלך נמחק כתוצאה מה-CSS שחרג מהמגבלה של 50 kb.
אפשרויות לתיקון:
- אפשר לחפש קוד CSS בין השגיאות שניתן להסיר לחלוטין מהאתר (לדוגמה, מתוספים או ממודולים של Jetpack שאפשר להשבית).
- אם בעמוד יש קוד CSS בשורה שמקורו מעורך הבלוקים או מבונה העמודים, כדאי לצמצם את מספר הפריטים בעמוד זה (אפשר לפרק אותו לעמודים בנים או לחלק אותו לעמודים).
- אם ברצונך "לשמור" את ה-CSS כפי שהוא: הפעולה לא תאפשר לעמודים שכוללים את ה-CSS המסוים להיות עמודי AMP מתואם והם יוצגו בפורמט שאינו AMP.
- אפשר להשבית את AMP בעמוד מסוים על ידי עריכת העמוד בלחיצה על ההגדרה 'להפעיל את AMP' בהגדרות 'מצב ונראות של מסמך'.
לדוגמה, הווידג'ט של טוויטר לא מוצג, הווידג'ט של פייסבוק לא מציג פוסטים, המצגת לא פועלת, תתי-תפריטים נפתחים לא עובדים, התפריט הנייד לא פועל.
בעיות כאלו נגרמות בגלל קוד JavaScript שעליו הפריטים האלה מתבססים או, אם מדובר בהנפשות, בגלל קוד JavaScript שהוסר.
באופן כללי, מאחר שהמילה 'שגיאה' עלולה להטעות, יכולות להיות שתי משמעויות לגבי ההמשך:
- בדרך כלל, אין צורך לבצע שום פעולה.
- אם קיימת שגיאת עיצוב באתר או אם אפשרות שמתבססת על JavaScript לא עובדת, ייתכן שצריך לתקן את הבעיה.
התוסף AMP מסיר קודים של JavaScript ו-HTML שלא עונים על המפרט בגרסאות AMP של העמודים (בדפים עם סיומת של /?amp בכתובת ה-URL).
התוסף גם מסיר קוד CSS שחורג מהמגבלה של 50 kb (אך קודם ינסה לצמצם את הגודל).
הסרה של JS יכולה עדיין ליצור חוויית AMP סבירה, כל עוד הפעולה של ערכת העיצוב/התוספים יכולה להמשיך ללא הקוד המסוים של CSS או JavaScript.
באפשרותך לבחון את הגרסה של AMP באתר שלך ולראות אם ההסרה של ה-mark-up סבירה. אם ההסרה של רוב קטעי ה-Script אינה אפשרית מבחינתך – ניתן לעשות שלוש פעולות עיקריות:
- להחליף לערכת עיצוב / לתוספים שתואמים ל-AMP.
- להשתמש בערכת עיצוב בת ו/או בתוספים מותאמים שמונעים פלט של markup לא חוקי כדי להוסיף רכיבים של AMP.
- להפעיל את מצב 'קריאה'. כפי שצוין למעלה, עמודי AMP לא ייראו כמו עמודים אחרים באתר שלך אבל הגרסה של האתר שלך עדיין תהיה תואמת במלואה.
- אפשר גם להשבית את AMP בעמודים מסוימים בלחיצה על ההגדרה 'להפעיל את AMP' בהגדרות 'מצב ונראות של מסמך'. פעולה זאת תיצור גרסה של עמוד שאינה תואמת ל-AMP.
אתם חייבים להיות מחוברים על מנת לשלוח תגובה.