כיצד לאמת דפי אינטרנט מואצים (AMP)

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

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

עכשיו, יש דבר אחד אחרון לעשות: לאמת את הדפים האלה.

AMP Validators

קיימות מספר דרכים לאימות דפי ה- AMP שלך:

1. הוסף את # פיתוח = 1 שביל בסוף כתובת האתר של דף AMP. הדו"ח יהיה מוקרן ב מסוף הכרטיסייה תחת DevTools.
2. לחלופין, תוכל להשתמש ב- IMP מקוון.
3. תוכל גם להשתמש בתוסף Chrome AMP.

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

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

מבנה נתונים

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

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

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

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

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

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

שגיאות overlooked

רוב השגיאות נרשמות ב- Docs באופן מפורש וניתן בקלות להרים אותן במבט חטוף. עם זאת, מספר שגיאות מקושרים עם משתנים שאנו עשויים שלא להבחין בהם “ערך מאפיין לא חוקי”, שאומר "התכונה '% 1' בתג '% 2' מוגדרת לערך הלא חוקי '% 3'.".

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

זוהי רק דוגמה אחת. קיימים מספר אלמנטים מותאמים אישית - amp-img, amp-iframe, ו amp- מודעות - עם מערכות משלהם של חוקי האימות כנגד השימוש בתכונה וערכה.

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

מחשבה סופית

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