Jak nastavit AMP v WordPress

Vítejte v druhé části Průvodce AMP pro WordPress. V našem posledním článku jsme se dozvěděli o důležitosti webové strategie pro mobilní zařízení a o tom, jak může být AMP potenciálním hráčem na změnu her. V dnešním průvodci se budeme učit o:

• Jak integrovat AMP s WordPress
• Nejlepší pluginy WordPress pro přizpůsobení AMP
• Opravdu potřebujeme implementovat AMP na našem webu WordPress?

Začněme.

AMP pro WordPress Video Guide

Když vyzvedneme místo, kde skončil poslední příspěvek v naší sérii, můžete spolu s videem WPCrafter sledovat, jak snadno nastavit AMP na svém webu WordPress. Adamovo video vás provede každým krokem našeho průvodce – užijte si to!

Jak nastavit AMP pro WordPress

Nastavení AMP pro WordPress je velmi jednoduchý proces. Vše, co musíte udělat, je nainstalovat plugin WordPress AMP vyvinutý společností Automattic a zbytek bude následovat.

• Přejděte na hlavní panel WordPress> Pluginy> Přidat nový
• Hledat „AMP“

Vyberte plugin a klikněte na Nainstalovat nyní

Po aktivaci pluginu budou všechny poštovní adresy URL na vašem webu obsahovat verzi AMP. Můžete přejít na libovolný odkaz, připojit / amp / na konec URL a uvidíte verzi AMP.

Pojďme se podívat na normální verzi webové stránky.

A toto je verze AMP stejné stránky:

To je vše – úspěšně jste nastavili AMP ve WordPressu. Těžko uvěřit, že je to tak jednoduché, že??

Pokud však nemáte docela permalinks povoleno, můžete získat verzi zesilovače připojením ?amp = 1 na odkaz příspěvku. Například odkaz na příspěvek by byl:

• Normální verze: http://example.com/2016/01/01/hello-mobile-web/
• Verze AMP: http://example.com/2016/01/01/hello-mobile-web/amp/
• Verze AMP (s vypnutými programy Pretty Permalinks): http://example.com/2016/01/01/hello-mobile-web/?amp=1

Plugin AMP přidává do hlavičky vašich „normálních“ HTML stránek standardní metaznačku, která umožňuje Googlu a dalším vyhledávacím strojům rozpoznat existující AMP verzi stránek. Používá logo webu, které můžete nastavit v WordPress Theme Customizer.

Je důležité si uvědomit, že plugin podporuje pouze převod příspěvků do verzí AMP. Podle popisu pluginu přístupného na 1^Svatý V listopadu 2016 se vyvíjí podpora AMP verzí stránek WordPress a brzy se objeví.

Měření dopadu na výkon AMP

Rozhodli jsme se změřit dopad na verzi stránky AMP stránky v Pingdomu. Výsledky byly dramaticky odlišné. Mějte na paměti, že naše nastavení WordPress bylo ve sdíleném hostitelském prostředí pomocí výchozího motivu Dvacet čtrnáct bez nainstalovaných modulů pro ukládání do mezipaměti nebo optimalizace..

Následující snímek obrazovky ukazuje výkonnostní měřítko základní verze stránky:

A to je výsledek AMP verze stránky:

Výsledky jsou nápadně oddělené.

Každá ze složek zaznamenala obrovské zlepšení:

• Velikost stránky se snížila o 70%
• Doba načítání se snížila o 35% na méně než 900 milisekund
• Počet žádostí byl snížen o téměř 60% ze 17 na pouhých 7!

To vše bylo dosaženo pomocí AMP při zachování obsahu stránky. Následující tabulka zachycuje podrobnosti testu pro vaši informaci:

Když se podíváme na tato čísla, je zřejmé, že získání AMP není žádným problémem. Nejen, že to pomůže zlepšit vaše SEO skóre, ale také poskytuje krásný, přehledný uživatelský dojem.

A co víc, můžete také zahrnout sledovací mechanismy do AMP verze stránky. Pokryjeme to v následující sekci.

Rozšíření schopností AMP

I když optimalizace obsahu pro čtenáře je dobrou praxí, je také důležité zachovat konzistenci značky. To znamená, že i verze AMP existujícího obsahu by se měly řídit barevným schématem značky, písmeny a obecným uživatelským rozhraním.

Plugin AMP WordPress nemá možnosti takové změny provést. Jeho cílem bylo poskytnout rychlý a snadný způsob, jak zajistit, aby byl celý váš stávající obsah WordPress kompatibilní s AMP – což je práce, která se daří docela dobře.

Enter, AMP pro WP – akcelerované mobilní stránky zapojit.

Tento bezplatný plugin rozšiřuje možnosti AMP ve WordPressu tím, že nabízí další funkce, jako například:

• Integrace Google Analytics
• Podpora stránek AMP WooCommerce
• Související příspěvky pod příspěvkem
• Seznam posledních komentářů
• Vlastní nahrání loga
• Sociální sdílení bar
• Podpora vkládání bohatého obsahu včetně videí a obsahu z obsahových platforem, jako je YouTube, Instagram, Twitter, Vine atd.

Předpokladem je, že plugin vyžaduje instalaci a aktivaci pluginu AMP, aby správně fungoval. Jako obvykle si můžete nainstalovat tento plugin podobně, jako jsme nainstalovali plugin AMP na začátku tohoto příspěvku.

Po aktivaci jste připraveni nakonfigurovat různé možnosti, které plugin nabízí. Zamiřte na Panel WordPress> AMP přístup k nastavení.

Z mnoha nastavení, které plugin nabízí, jsme vyzkoušeli:

• Zapnutí komentářů
• Přidávání souvisejících příspěvků
• Přidání navigace k dalším / předchozím příspěvkům

Zde je snímek obrazovky, jak se verze AMP starala o uložení změn:

A tady je představení:

Zde je snímek obrazovky vanilla AMP pro srovnání:

Doba zatížení se dále snížila o dalších 7,4%. Je zajímavé, že ačkoli se velikost stránky a počet žádostí mírně zvýšily, došlo ke zlepšení celkové úrovně výkonu (zvýšení o 3 body).

Celkově vzato, tento plugin je vynikající, pokud máte vážný tlak na AMP a zajistíte, aby obsah, reklamy a analytika fungovaly s platformou dobře.

Závěr

Vzhledem k prudkému nárůstu používání mobilních telefonů v posledních několika letech to již není volba pro on-line podnikání, aby šel nejprve na mobilní zařízení. Je to absolutní nutnost. Projekt Accelerated Mobile Pages je ambiciózním úsilím o dosažení tohoto cíle a stále více a více mediálních domů jej rychle adaptuje.

Ačkoli pro novější blogy je jednodušší začlenit AMP, blogy s tisíci stránek obsahu by to určitě mohly být obzvláště náročné. Důvod je jednoduchý – ne každý dodržuje správné standardy při online publikování. Organizace se vyvíjejí. Dokonce i webové technologie, které byly před pěti lety „horké“, jsou dnes zastaralé. Zatímco se AMP snaží co nejlépe stavět na existujících webových technologiích, může dojít k několika případům, kdy existují určité nekompatibility / chyby. A tyto chyby mohou nepříznivě ovlivnit vaše skóre SEO.

V ideálním případě by podniky měly měřit své příchozí zdroje provozu – jaké procento z toho pochází z mobilního zařízení? Kolik z nich pochází z mobilního vyhledávání? Jaká je míra okamžitého opuštění mobilních návštěvníků? To jsou otázky, které byste měli položit před zvážením AMP.

Pokud jste přesvědčeni, že obsah vašeho webu je technicky strukturován podle nejnovějších standardů, pak všemi prostředky – pokračujte s AMP! Vylepšíte pouze SEO.

Pokud však víte, že existuje mnoho interních nesprávných konfigurací, přerušených odkazů a chyb, bylo by nejlepší tyto problémy řešit (a případně vyřešit) před pokračováním v programu AMP..

Jaké jsou vaše názory na AMP? Používáte jej ke konzumaci obsahu? Implementovali jste ji na svůj web? Rádi bychom od vás slyšeli!