Progresivní webové aplikace (PWA) spojují dosah webu se zážitkem z nativní aplikace. Zjistěte, jak fungují a co znamenají pro SEO.

Na této stránce
Shrnutí
Progresivní webová aplikace je postavená na webových technologiích, ale chová se jako nainstalovaná nativní aplikace: běží z jediného kódu na různých zařízeních, funguje offline a zůstává dohledatelná ve vyhledávání.
Chcete jít dál? Zeptejte se
Progresivní webové aplikace, neboli PWA, jsou aplikace postavené na technologiích webové platformy, které přinášejí zážitek blízký aplikaci pro konkrétní platformu. Stejně jako web běží PWA na mnoha platformách a zařízeních z jediného kódu. Stejně jako nativní aplikace ji lze nainstalovat do zařízení, používat offline i na pozadí a propojit ji s operačním systémem a dalšími aplikacemi.
Právě tato kombinace je přitažlivá: získáte dosah a dohledatelnost webu s velkou částí vybroušenosti nativní aplikace, aniž byste udržovali zvlášť sestavení pro každou platformu. Pro marketéry je nejdůležitější, že PWA zůstává v jádru webem, takže ji lze stále procházet, indexovat a zobrazit ve vyhledávání.
PWA je webová aplikace, která spojuje možnosti tradičního webu s funkcemi a pocitem nativní mobilní aplikace. Spouští se z plochy telefonu, může běžet na celou obrazovku bez prvků prohlížeče a chová se jako nainstalovaný software, přesto se doručuje přes web, a ne přes obchod s aplikacemi. Slovo progresivní znamená, že se vylepšuje podle toho, co prohlížeč a zařízení podporují.
Protože je pod povrchem stále webem, PWA si zachovává skutečné, odkazovatelné adresy URL a lze ji sdílet, ukládat do záložek a najít ji vyhledáváním. To je zásadní rozdíl oproti nativní aplikaci uzamčené v obchodě: PWA žije v obou světech zároveň.
Každá PWA potřebuje minimálně dvě věci: webový manifest aplikace a service worker. Manifest je soubor JSON, který aplikaci popisuje, s položkami jako name nebo short name, ikonami ve velikostech 192 a 512 pixelů, startovací adresou (start URL) a režimem zobrazení, například standalone. Tyto vlastnosti umožňují prohlížeči nabídnout instalaci a spustit aplikaci jako nativní software.
Třetím požadavkem je HTTPS. PWA musí být doručována přes zabezpečené připojení, a to jak kvůli ochraně uživatelů, tak proto, že se service workery bez něj nezaregistrují. Zabezpečené doručení je proto základní součástí každého spolehlivého technického SEO u PWA.
Service workery jsou motorem PWA. Service worker je soubor JavaScript, který funguje jako proxy mezi prohlížečem a sítí. Po instalaci může zachytávat požadavky v rámci svého rozsahu a odpovídat z mezipaměti. Díky tomu se PWA načte okamžitě a zůstává funkční offline nebo na slabém připojení.
Service workery dělají víc než ukládání do mezipaměti. Zvládají synchronizaci na pozadí pro odložené úlohy, stahování velkých souborů na pozadí a push notifikace pro opětovné zapojení uživatelů. Aplikaci také tiše aktualizují na pozadí, takže uživatelé vždy dostanou nejnovější verzi bez čekání na obchod s aplikacemi. Tato spolehlivost přímo přispívá k silnému zážitku ze stránky.
Oproti nativní aplikaci je PWA levnější na vývoj a údržbu, protože běží z jediného kódu, a obchází kontrolu obchodu s aplikacemi i zpoždění způsobená schvalováním. Nativní aplikace si stále drží náskok v nejhlubší integraci se zařízením, ale u mnoha produktů PWA zmenší většinu tohoto rozdílu. Oproti běžnému webu PWA přidává instalovatelnost, podporu offline a funkce na pozadí, které obyčejná stránka nenabídne.
Praktický přínos je v zapojení uživatelů. Protože PWA kombinuje rychlé načítání s chováním podobným aplikaci, bývá spojována s vyšším zapojením a nižší mírou okamžitých odchodů než tradiční mobilní weby. Proto do nich investují obchodníci i vydavatelé.
Na rozdíl od nativních aplikací ukrytých v obchodech se PWA zobrazují ve vyhledávačích a indexují se jako každý web. Tato dvojí povaha znamená, že jediná PWA se může umisťovat v organických výsledcích a zároveň ležet na domovské obrazovce uživatele a zachycovat poptávku z obou směrů. Udržet obsah dostupný pro procházení vyhledávači je proto zásadní, a to PWA spojuje s pečlivou hygienou procházení a indexace.
Pro generativní AI platí totéž. AI asistenti zobrazují obsah, který dokážou procházet a zpracovat, takže PWA, která vykresluje obsah procházitelným způsobem, může získat viditelnost v odpovědích AI stejně jako v klasickém vyhledávání. Pokud PWA budete brát nejprve jako web a spojíte ji se zdravým výzkumem klíčových slov a plánováním obsahu, zůstane dohledatelná všude.
Klasickým rizikem je vykreslování na straně klienta. Protože PWA často sestavují obsah pomocí JavaScriptu v prohlížeči, měly rané vyhledávače s jejich indexací potíže. Moderní vyhledávače už dozrály a podporují history API pro vytváření odkazovatelných adres URL, ale stále musíte zajistit, aby obsah viděli procházející roboti, ideálně pomocí vykreslování na straně serveru nebo předrenderování kritických stránek.
Kromě vykreslování dejte každému smysluplnému zobrazení vlastní skutečnou adresu URL, zpřístupněte správné titulky a metadata a ověřte, že důležité stránky jsou indexovatelné. PWA, která skrývá obsah za navigací určenou jen pro aplikaci, přichází o viditelnost ve vyhledávání, což je jedna z jejích největších výhod oproti nativním aplikacím. Může také oslabit uživatelský zážitek návštěvníků, kteří přicházejí poprvé z vyhledávání.
PWA se hodí pro produkty, které těží jak z dohledatelnosti webu, tak ze zapojení podobného aplikaci: e-shopy, zpravodajské a mediální weby, cestovní nástroje a softwarové přehledy. Mají zvláštní cenu tam, kde uživatelé používají nestabilní sítě nebo jednodušší zařízení, protože mezipaměť offline a lehké načítání udrží zážitek použitelný.
Jsou také silnou alternativou tam, kde by vývoj a údržba samostatných nativních aplikací byly příliš nákladné. Jediná PWA může sloužit na mobilu i na počítači, instalovat se na vyžádání a přitom být nalezena ve vyhledávání. Často tak přináší většinu hodnoty nativní aplikace za zlomek nákladů. Ve srovnání se staršími přístupy, jako je AMP, PWA nabízí mnohem bohatší interaktivitu při zachování rychlosti.
Progresivní webová aplikace spojuje dosah webu se zážitkem nativní aplikace: je postavená z jediného kódu, instalovatelná, funkční offline a přitom dohledatelná ve vyhledávání. Jejím jádrem jsou manifest, service worker a HTTPS a její hlavní strategická výhoda oproti nativním aplikacím spočívá v tom, že ji mohou procházet, indexovat a zobrazovat jak vyhledávače, tak AI asistenti.
Abyste tuto výhodu ochránili, vykreslujte obsah tak, aby ho roboti mohli číst, dejte každému zobrazení skutečnou adresu URL a sladěte PWA se zdravým zážitkem ze stránky a s nástroji Sorank pro výzkum a plánování obsahu. Zdroje: MDN Web Docs, Positional a Seobility.
Zdroje
PWA jsou pro SEO dobré, pokud se postaví správně, protože v jádru zůstávají weby a lze je procházet a indexovat jako jakýkoli jiný web, na rozdíl od nativních aplikací uzamčených v obchodě. Hlavním rizikem je vykreslování na straně klienta, které skrývá obsah před roboty. Použijte vykreslování na straně serveru nebo předrenderování, dejte každému zobrazení skutečnou adresu URL a ověřte, že klíčové stránky jsou indexovatelné.
PWA vyžaduje minimálně webový manifest, service worker a HTTPS. Manifest aplikaci popisuje názvem, ikonami, startovací adresou a režimem zobrazení, aby prohlížeč mohl nabídnout instalaci. Service worker zajišťuje podporu offline a funkce na pozadí a HTTPS je povinné, protože se service workery na nezabezpečeném připojení nezaregistrují.
PWA běží z jediného webového kódu na různých platformách a dá se najít ve vyhledávání, zatímco nativní aplikace je specifická pro platformu a distribuuje se přes obchod s aplikacemi. PWA jsou levnější na vývoj a údržbu a vyhýbají se zpožděním kvůli schvalování v obchodě. Nativní aplikace stále nabízejí hlubší propojení se zařízením, ale PWA u většiny produktů tento rozdíl z velké části zmenší.
VYZKOUŠELI SORANK PŘED VÁMI
