Как да инсталирате и конфигурирате приставката за ускорени мобилни страници (AMP) в WordPress
Страниците, оптимизирани с AMP, ще се показват в мобилния браузър в горната част на резултатите от търсенето с Google, измествайки традиционните HTML статии в дъното на класацията. Те ще се заредят много бързо.
Честно казано, ние сме скептични относно AMP за блогъри или малки издатели. Често пишем съдържание, което се класира в горната част на резултатите от търсенето с Google. И сега трябва да овладеем нова технология с ограничени ресурси и надеждата, че нашето съдържание ще бъде на върха. Интересното е, че за разлика от големите издатели, в търсенето няма записи в AMP блогове:
През 1995 г. Microsoft пусна MSN News като част от MSN Online Network, която стартира с Windows 95, отговорът на Microsoft на AOL. MSN News изискваше Application Viewer, който работи на платформата Microsoft Media Viewer. В рамките на една година мрежата трябваше да се слее с NBC, която по-късно стана MSNBC.com. Microsoft настрои своята среда за разработка, за да генерира едновременно Media View и HTML. Това създаде огромен брой нови проблеми.
Безплатен WordPress AMP плъгин
Добрата новина е, че WordPress пуснабезплатен AMP плъгин, който ще ви помогне да внедрите AMP без усилия. Съществуват обаче и много ограничения. Необходимо е да се опрости дизайна, има конфликти с добавките на WordPress и общите методи за оптимизация. AMP може да бъде допълнителна тежест за разработчиците на теми на WordPress.
AMP е само в началото на своето пътуване и сме разочаровани, че Google избра да създаде изцяло нова среда за разработка, вместо да избере да работи с издателите за оптимизиране на HTML5 за по-бързо персонализиране на зареждането на страниците. Би било по-логично. Но в екипа на Googleедни гении! (Сарказъм.)
Въпреки опасенията ни, днес ще ви преведем през инсталирането на AMP плъгина за WordPress и Yoast SEO Glue за AMP плъгина, което ви дава повече контрол върху това как изглежда вашият сайт.
Как изглежда AMP в WordPress?
В примера можете да видите разликите между AMP и HTML страници. Разбира се, в AMP версията страницата се зарежда по-бързо.
Изображение на страницата в оригинален HTML5 :
Следващият етикет за връзка се добавя към всяка страница в блока head >. Това казва на търсачките, че е налична AMP версия на тази страница.
Изображение на страница в AMP версия :
Премахнаха менюто и навигацията на сайта, както и почти цялата марка, но страницата се зарежда много бързо.
Нека сега да поговорим за активирането на AMP в WordPress.
AMP WordPress плъгини
Можете да разгледате иизтеглите AMP приставката за WordPress от директорията с приставки на WordPress или директно от вашата конзола.
Просто отидете на Plugins → Add New и потърсете AMP:
След инсталирането щракнете върху Активиране:
Лепило за Yoast SEO & AMP
Universal AMP Plugin от WordPress предлага няколко опции. Yoast SEO създаде добавка за техния популярен плъгин, който допълнително подобрява вашата поддръжка на AMP.
Можете даизтеглите Glue for Yoast SEO & AMP от директорията на безплатните добавки. Но първо се уверете, че сте инсталирали плъгинаYoast SEO.
Можете да промените настройките на AMP чрез страничната лента на Yoast SEO - просто щракнете върху AMP в долната част на менюто:
Първо, Yoast ви позволява да разширите функционалността на AMP. По подразбиране AMP променя само подходящи публикации - това са специални новинарски статии:
Забележка: Ако видите празенстраници под раздели, след което не забравяйте да актуализирате оригиналния плъгин за Yoast SEO, това трябва да помогне.
Второ, Yoast предлага няколко полезни начина за персонализиране на марката, дизайна и цветовете:
Накрая, те предоставят начин за хостване на персонализиран код на Analytics в стил AMP. Не е толкова лесно, колкото изглежда. Разгледайте кода, който поставихме по-долу:
НамерихмеAMP версия за внедряване на Google Анализ. Просто настройте своя изходен код за вашия уебсайт:
Ние сме уверени, че Yoast ще продължи да актуализира своя Glue плъгин заедно с разработването на AMP плъгина.
Отстраняване на грешки в AMP
Няколко дни след инсталирането на AMP получихме имейл от Google Search Console, съобщаващ за 10 грешки в страницата. Но всъщност всички наши AMP записи на сайта не работеха.
Щракнахме върху една от страниците:
След това щракнахме върху Отваряне на страницата и разгледахме грешките по-подробно. Можете също да го направите ръчно, като добавите/amp#development=1 в края на URL адреса. След това отворете конзолата за разработчици във вашия браузър:
Трябва да направим повече изследвания, например дали W3 Total Cache ще изключи скриптове за определени пътища като/amp/ или трябва да потърсим друго решение. Като преместите този скрипт обратно към главата > ние унищожаваме Google Page Speed.
Не сме решили кое е по-важно: Google Page Speed, AMP поддръжка или разработка и отстраняване на грешки.
Не сме сигурни дали AMP страниците на вашия блог наистина ще се показват в горната част на търсенето и също така се съмняваме, че ще получите много приходи от тях без допълнителни настройки. Google изглежда приспособява AMP за големи медийни издатели, които имат ресурсите да персонализират марката, естетиката и приходите.
AMP е общественият пътуеб оптимизация, докато Facebook Instant Articles е само „за елита“. Но бихме предпочели Google да създаде модел за приоритетно зареждане в HTML5.
Вярваме, че AMP пречи на малките издатели да продължат да работят. Радваме се, че WordPress продължава да помага, най-вероятно и дизайнерите на теми ще измислят нещо. Изглежда, че сега Google помага само на големите уеб издатели.