כיצד להתקין AMP בוורדפרס

  1. 1. מבוא ל- Google AMP עבור וורדפרס
  2. 2. כרגע קורא: כיצד להתקין AMP בוורדפרס

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


  • כיצד לשלב AMP עם וורדפרס
  • התוספים הטובים ביותר לוורדפרס להתאמה אישית של AMP
  • האם אנחנו באמת צריכים ליישם AMP באתר וורדפרס שלנו?

נתחיל.

AMP למדריכת וידיאו וורדפרס

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

כיצד להתקין AMP עבור וורדפרס

amp-plugin-wordpress-hero

מגדיר AMP לוורדפרס זהו תהליך פשוט מאוד. כל שעליך לעשות הוא להתקין את התוסף WordPress AMP שפותח על ידי Automattic והשאר יבואו אחריו.

  • עבור אל לוח המחוונים של וורדפרס> תוספים> הוסף חדש
  • לחפש אחר “AMP”

בחר את התוסף ולחץ על להתקין עכשיו

כיצד להתקין -מגבר-WordPress-plugin

עם הפעלת התוסף, לכל כתובות האתר לפרסום באתר שלך תהיה גרסת AMP. אתה יכול לעבור לקישור של כל פוסט, להוסיף / amp / לסוף כתובת האתר ותוכלו לראות את גרסת ה- AMP.

בואו נסתכל על הגרסה הרגילה של דף האינטרנט.

test-site-no-amp_rz

וזו גרסת ה- AMP של אותו דף:

test-site-amp_rz

זהו – הגדרת בהצלחה AMP בוורדפרס. קשה להאמין שזה כל כך פשוט, לא?

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

  • גרסה רגילה: http://example.com/2016/01/01/hello-mobile-web/
  • גרסת AMP: http://example.com/2016/01/01/hello-mobile-web/amp/
  • גרסת AMP (עם Permalinks די מושבת): http://example.com/2016/01/01/hello-mobile-web/?amp=1

התוסף AMP מוסיף מטא תג רגיל בראש של דפי ה- HTML “הרגילים” שלך המאפשר לגוגל ומנועי חיפוש אחרים לזהות את גרסת ה- AMP של הדפים הקיימים. הוא משתמש בלוגו של האתר שאתה יכול להגדיר בו התאמה אישית של WordPress Theme.

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

מדידת השפעת ביצועי AMP

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

צילום המסך הבא מראה את מדד הביצועים של הגרסה הבסיסית של הדף:

מבחן אתר-ללא-amp-pingdom

וזו תוצאה של גרסת ה- AMP של הדף:

מבחן אתר-מגבר-פינגום

התוצאות שונות זו מזו.

כל אחד מהמרכיבים חווה שיפור אדיר:

  • גודל העמוד פחת ב- 70%
  • זמן הטעינה פחת בכ -35% לתחתית 900 אלפיות השנייה
  • לא אחת מהבקשות צומצמה בכמעט 60% מ -17 ל -7 בלבד!

כל זה הושג על ידי AMP, תוך שמירה על תוכן העמוד. הטבלה הבאה לוכדת את פרטי הבדיקה לעיונך:

גורם רגילAMPשיפור
גודל עמוד (KB)563.816770%
זמן טעינה (שניות)1.420.92935%
מספר הבקשות17ז59%

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

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

הרחבת יכולות AMP

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

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

להיכנס ל AMP עבור WP – דפים ניידים מואצים חיבור.

amp-for-wp-plugin-2-hero

תוסף חינמי זה מרחיב את היכולות של AMP בוורדפרס על ידי הצעת פונקציות נוספות כגון:

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

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

amp-for-wp-plugin-2-להתקין-הפעל

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

מתוך ההגדרות הרבות שהתוסף מציע, ניסינו:

  • הפעלת תגובות
  • הוספת פוסטים קשורים
  • הוספת ניווט לפוסטים הבאים / קודמים

להלן צילום מסך של מראה גרסת AMP לאחר שמירת השינויים:

amp-for-wp-plugin-2-hero-test-page-500-px

והנה ההופעה:

מבחן amp-for-wp-plugin-2-speed

להלן צילום המסך של דף AMP וניל להשוואה:

מבחן אתר-מגבר-פינגום

זמן הטעינה פחת עוד ועוד 7.4%. מעניין לציין שלמרות שגודל העמוד ומספר הבקשות גדלו מעט, חל שיפור בציון הביצועים הכולל (עלייה של 3 נקודות).

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

סיכום

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

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

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

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

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

מה המחשבות שלך על AMP? האם אתה משתמש בו כדי לצרוך תוכן? יישמתם אותו באתר שלכם? נשמח לשמוע ממך!

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me