Accelerated Mobile Pages (AMP) и WordPress

Accelerated Mobile Pages (AMP) и WordPress

Accelerated Mobile Pages (AMP) и WordPress
Оцени тази информация

Какво представляват Accelerated Mobile Pages?

Accelerated Mobile Pages (AMP) или „Ускорени мобилни страници“ е инициатива с отворен код. Тя се появява в следствие на необходимостта от подобряване на ползваемостта на интернет съдържание от мобилни устройства.

В днешно време, потребителите очакват онлайн съдържанието да се зарежда изключително бързо и да бъде лесно за изследване и разглеждане. На практика обаче, може да изминат няколко секунди, преди да се зареди информацията или тя дори да не се зареди изцяло, понеже потребителя вече е напуснал сайта.

AMP или Accelerated Mobile Pages са уеб страници, които се зареждат мигновено.  Те са една стъпка напред за по – добър мобилен интернет за всички.

Какви са предимствата на Accelerated Mobile Pages?

Скоростта за зареждане играе наистина важна роля, колкото по – бързо се зарежда сайтът, толкова повече шанс да ангажираме потребителя съществува. Изследвания показват, че страница, която се зарежда около 10 секунди, може да доведе до степен на отпадане над 60%. Използвайки AMP формата, потенциално увеличаваме шансовете на мобилните потребители да консумират нашето съдържание.

AMP в WordPress

Голяма част от интернет сайтовете са изработени на WordPress, в тази статия ще покажем как да настроите Accelerated Mobile Pages в WordPress сайт.

Най – напред, трябва да инсталирате Yoast SEO, един от най – разпространените SEO plugin-и. След това е необходимо да инсталирате разширението за добавяне на AMP формат на вашите публикации. Можете да погледнете информация, документация и начини за инсталиране на разширението – AMP plugin. Най – накрая, трябва да добавите още едно разширение от създателите на Yoast SEO. То ще осигури безпроблемната работа и синхронизация между SEO плъгина и AMP разширението. Може да видите повече информация: Glue for Yoast SEO & AMP. Тази свръзка реално ще направи така, че AMP разширението да използва правилните meta данни от Yoast SEO.

AMP WordPressСлед като всичко изброено по – горе е инсталирано, ще имате на разположение допълнително меню AMP в Yoast SEO секцията на административния панел на WordPress. Можете да активирате този формат за публикации, страници и медия файлове, като в общия случай е най – удачно да разрешите AMP само за публикациите си. Освен това, ще можете да изработите шаблона за дизайн на вашата ускорена страница. В графата Design има възможност да се изберат цветове, лого, допълнителни meta и link тагове. В последната секция е мястото, където да се помести Analytics проследяването на интеракциите със сайта ви. Имайте предвид, че стандартния Google Analytics проследяващ код няма да работи според очакванията, за тази цел използвайте следния кодов фрагмент:

<amp-analytics type=“googleanalytics“ id=“analytics1″>
<script type=“application/json“>
{
„vars“: {
„account“: „UA-XXXXXX“
},
„triggers“: {
„trackPageview“: {
„on“: „visible“,
„request“: „pageview“
}
}
}
</script>
</amp-analytics>

Не забравяйте да заместите „UA-XXXXXX“ с ID-то на вашата собственост в Google Analytics. По този начин, всички създадени до сега публикации, както и новосъздадените, ще имат ускорена версия за мобилни устройства.

Как да проверя дали AMP работи на WordPress сайт?

WordPress AMP PreviewМожете да проверите дали дадена ваша публикация има AMP версия, това става, като добавите „/amp/“, в URL адреса на съответния WordPress пост. Погледнете изображението, за видите как изглежда една примерна ускорена страница. Това което се забелязва е, че няма тежки елементи, слайдери, както и други графични елементи. Логично, големината на този вид страници е доста по – малка от стандартното.

Също така, добре е да се уверите, че страницата отговаря на официалните стандарти на AMP. За тази цел, добавете „#development=1“ към края на URL адреса на ускорената страница и вижте в конзолата на Chrome резултата. Например, заредете „www.pro-soft.bg/wordpress/instalirane-tema/amp/#development=1“ в Chrome. След това натиснете „Inspect“ някъде на страницата и отидете на таб „Console“. След проверка, трябва да се изписва надпис „AMP validation successful.“

 

Когато мине определен период от време, ще забележите в Google Search Console, че вашите ускорени страници се индексират. Можете да намерите тази информация в Google Search Console -> Облик на търсенето -> Accelerated Mobile Pages.

amp google search console

Допълнителни предимства на AMP

Съгласно информация от Google, сайтове, които използват Accelerated Mobile Pages или „Ускорени мобилни страници“, ще могат да се възползват и от специални функции за показване в резултатите от търсенето с Google.

Ако се интересувате от още интересна и полезна информация за настройка на WordPress сайт, погледнете нашия онлайн курс за WordPress сайтове.