Mobilní web stále roste rychlým tempem.
Smartphony se i nadále silně prodávají, přičemž Apple pouze prognózuje přinese 180 miliard dolarů od svých smartphonů do roku 2021. Existují více než 224 milionů uživatelů smartphonů ve Spojených státech, čímž se mobilní web stane základním cílem každého majitele stránek.
Pokračující růst uživatelů mobilních webových sítí dává přednost vývojářům a vývojářům, kteří chtějí, aby pochopili správný design pro zrychlené mobilní stránky.
Praxe urychlených mobilních stránek zdůrazňuje návrhy, které se přizpůsobují tomu, co vyhledávače vnímají jako přátelské , včetně definovaného publika, vysoce kvalitního obsahu, správného formátování a bezproblémové kompatibility s mobilními zařízeními. Během prohlížení Google v mobilu si všimnete řady zrychlených mobilních stránek zkratkou AMP ve výsledcích vyhledávání .
Zrychlené mobilní stránky stále používají HTML, i když obsahují speciální prvky, které upřednostňují rychlost v mobilních zařízeních. Technické požadavky AMP jsou zavedeny společností projekt AMP , se standardy pracoval vedle velkých dopravních vlivů, jako je Google. Projekt byl vytvořen v reakci na neohrabaná uživatelská rozhraní a pomalé časy načítání při procházení lokalit na mobilním zařízení.
AMP zdůrazňuje okamžitou rychlost a známý vzhled, což tvůrcům umožňuje stylovat své stránky v rámci AMP. Navzdory rozdílu v prezentaci obsahu a barevných schématech má design na většině stránek AMP podobný pocit navigace.
Výsledkem je rychlejší a soudržnější zážitek z prohlížení, který zlepšuje rychlost přenosu dat, zvyšuje zapojení čtenářů a usnadňuje prohlížení mobilních webů jako základny.
Se silou a potenciálem AMP je tak zřejmé, že pro návrháře je praktické, aby si uvědomili níže uvedené tipy, aby pomohli optimalizovat zkušenost AMP, takže jejich klienti budou mít prospěch různými způsoby.
Udělejte dojem na stránce, kterou začne většina návštěvníků. Statický obsah lze na AMP zobrazit tak, aby zobrazoval dostupné produkty, což je zajímavé pro stránky elektronického obchodování, stejně jako ty, které zobrazují obecný obsah.
The Funkce karuselu AMP umožňuje návrhářům zobrazovat na horizontální ose více podobných částí obsahu. Po importu komponentu karuselu do záhlaví můžete použít typ = "karusel", abyste zobrazili seznam obrázků, které se objevují jako souvislý proužek. Je to okouzlující funkce, která je ideální pro titulní stránku, když se snažíte přitáhnout návštěvníky k tomu, aby viděli něco přes domovskou stránku.
Povzbuzujte návštěvníky webu k tomu, aby hlouběji naházeli do vašeho obsahu. To můžete dosáhnout zobrazením seznamu souvisejících produktů nebo příspěvků, které jste právě prohlíželi. Můžete staticky publikovat seznam relevantního obsahu, který ho okamžitě provedete použitím
Pokud návštěvníci zadají vstupní stránku, která neodpovídá jejich požadavkům, opustí buď stránku nebo podívejte se dále na to, co hledají . Návrh alternativních produktů je vynikající metodou pro přizpůsobení vyhledávacího procesu uživatelem, přinejmenším je přitahuje více na místo. Dokonce i když nenajdou, co přesně hledají, mohou najít alternativu, která dělá práci stejně dobře.
Je důležité, aby každý majitel webu zjistil, jak návštěvníci interagují s obsahem. The
Při analýze analýzy je důležité mít na paměti, že při použití technologie AMP je inteligentní ukládání do mezipaměti přirozeně zakotveno. Výsledkem je, že můžete sledovat menší provoz než obvykle. Při analýze čísel nejprve pamatujte na paměťový prvek.
V ideálním případě budou designéři nikdy něco špatně, ale může se stát. Chcete-li zajistit, aby vše fungovalo správně na stránce, použijte integrovaný ověřovač AMP přidáním # development = 1 do konce adresy URL stránky. Pokud otevřete nástroje Chrome dev-tools a zobrazí se zpráva "Ověření AMP úspěšné", pak vše funguje. Pokud tomu tak není, můžete hlouběji kopat, dokud se problém nevyřeší. Pomocí nástroje dev dev-tools můžete také ověřit, že všechny externí zdroje, od obrázků a videí až po vlastní písma a prvky iframe, jsou správně načteny.
Kromě toho můžete ověřit metadata pomocí Nástroj pro testování strukturovaných dat Google , a to buď načtením adresy URL nebo vkládáním fragmentu kódu. Tyto nástroje vám pomohou zajistit, že je vše ověřeno, takže je procházení vyhledávačů povoleno. V poznámce o prolézání vyhledávačů také zkontrolujte soubor robots.txt a ověřte, že v žádném řádku neexistuje "Disallow: / amp /" . Pokud tam je, crawlery nebudou moci přistupovat k vašim souborům AMP.
Další výhodou AMP je již existující rámec pro implementaci reklam. Komponenta amp-ad nebo amp-embed je kontejner pro zobrazení reklamy. Reklamy se načítají spolu se všemi ostatními zdroji
JavaScript je v dokumentu AMP neexistující. Namísto toho AMP načte iframe z pískovce iframe. Můžete nastavit hodnoty šířky a výšky v rámci
Můžete také nastavit zástupný symbol nebo volbu pro ne k dispozici, přes atribut zástupného symbolu. Videoreklamy jsou také možné s nativní podporou s důkladnou podporou multimediálních komponent .
Zrychlené stránky pro mobilní zařízení pomáhají zvyšovat viditelnost vyhledávačů mezi mobilními uživateli, a to zejména v okamžiku, kdy společnost Google ve výsledcích vyhledávání přijímá stránky AMP.
Navíc rychlejší časy načítání, flexibilní přizpůsobení a vizuální komponenty, které se snaží zlepšit míru odchodů, umožňují lepší mobilní uživatelskou zkušenost než kdy předtím.
Zrychlené mobilní stránky poskytují fantastický rámec pro pokračující růst uživatelů mobilních webů.