Как да направите GeneratePress и AMP напълно съвместими

GeneratePress и AMP са съвместими. В тази публикация ще ви покажа как можете да направите GeneratePress 100% съвместим с AMP.

Accelerated Mobile Pages (AMP) е проект с отворен код, създаден от Google заедно с Automattic. Целта е да направим уебсайтовете по-бързи на мобилни телефони.

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

Но ако имате повечето си посетители от настолен компютър, може да не забележите значителна разлика, но все пак си заслужава.

Генериране Press е най-бързата WordPress тема, която съм виждал. Можете да видите моята Преглед на GeneratePress. Добрата новина е, че е 100% съвместим с AMP.

Внедряване на AMP на вашия уебсайт/блог

Най-добрият начин за внедряване на AMP е използването на Официален плъгин за AMP който е създаден и се поддържа от самия Google.

Посетете директорията на WordPress, за да инсталирате и активирате приставката. За да направите това, щракнете върху плъгини от таблото си за управление, след което щракнете върху Добавяне на нов. След като сте на страницата, потърсете AMP. ще видите приставката за AMP.

След като бъде инсталиран, активирайте приставката. След това щракнете върху настройките. Ще видите три опции. Стандартен режим, Преходен режим или Режим на четене. Режимът на четене ще работи нормално. Тъй като не разчита на вашата тема, за да функционира. Но ако имате проблем с стартирането на GeneratePress в преходен или стандартен режим, следвайте стъпките тук.

Дори ако използвате друга приставка за AMP, тези стъпки ще работят.

Как да направите GeneratePress и AMP напълно съвместими

Следвайте тези стъпки, за да направите GeneratePress и AMP напълно съвместими:

1. Изтеглете и инсталирайте приставката AMP за GeneratePress

Има официален Plugin от Tom Usborne, разработчикът и основателят на GeneratePress. Целта на приставката е да коригира всички проблеми със съвместимостта с AMP.

Плъгинът все още не е наличен в директорията на WordPress. Но Том ми каза в имейл, че скоро ще го направи достъпен.

Засега можете вземете плъгина от GitHub.

След като сте там, щракнете върху Клониране или изтегляне. След това щракнете върху изтегляне на zip.

Сега, за да отидете на таблото за управление на WordPress, щракнете върху плъгини, след което щракнете върху добавяне на нов. На новата страница щракнете върху плъгина за качване, след това изберете файла, който току-що сте изтеглили, и го инсталирайте.

След като го инсталирате, го активирайте. Това е всичко

2. Превключете AMP на преходен или стандартен режим

Сега отидете отново в настройките на приставката за AMP и превключете към преходен или стандартен режим. Преходният режим означава, че рамката на вашата тема се използва за обслужване на AMP и не-AMP, докато стандартният означава, че вашият сайт е първо AMP.

Ако вашият сайт работи в AMP преходен режим, той ще работи в стандартен режим. Единствената разлика между двете е каноничният URL адрес.

Когато сте в преходен режим, трябва да добавите ?amp в края на вашите връзки, включително началната страница за достъп до AMP.

Но когато сте в стандартен режим, не е необходимо добавяне. Вашите канонични URL адреси са amp.

За този тест използвам преходен режим, за да покажа, че работи. Предпочитам да използвам AMP в режим на четене, защото повечето ми посетители са от настолен компютър.

3. Проведете AMP тест.

След преминаване към преходен режим или стандартен. Ще видите много грешки! Не изпадайте в паника!

Можете да видите грешките, които получих по-долу след промяната BloggingTools към преходен режим.

Имаше 48 индекса на грешката.

Повечето от тези грешки са предупреждения. Някои от тях са причинени от добавки. Предупрежденията са, за да знаете, че маркираните елементи няма да се показват в AMP.

Не забелязах голямо предупреждение, което да е свързано с темата.

Основният проблем, който забелязах, беше от моя плъгин за кеширане, Breeze. Това беше добавянето на CSS, което изглежда не направи AMP щастлив. Така че деактивирах Breeze и продължих да тествам.

Можете да използвате Официален инструмент на Google за тестване на AMP.

Резултатът показва, че AMP работи без проблеми. Вижте по-долу.

Ето теста за началната ми страница.

След това тествах страница с публикации:

От горното можете да видите, че AMP и GeneratePress са напълно съвместими.

Чести проблеми

Ако все още имате проблеми с AMP да работи в преходен или стандартен режим, проблемът най-вероятно е някой от вашите добавки.

Основните виновници вероятно ще бъдат плъгини за кеширане или плъгини за оптимизация, които не са съвместими с AMP.