Video: 16. Tvorba webu (HTML a CSS) - Další možnosti psaní CSS a proč je nepoužívat (Listopad 2024)
Na konferenci Google IO minulý týden bylo jednou z věcí, které mi připadají nejzajímavější, zlepšení, která jsou nyní k dispozici na webových stránkách a zejména na mobilním webu.
Richard Gingras, vrchní ředitel zpravodajských a sociálních produktů společnosti Google, hovořil o tom, jak má společnost „symbiotický vztah s vydavateli“ a jak Google a vydavatelé „touží po distribuci médií bohatý a otevřený ekosystém“. “
Vyhledávání je pro vydavatele důležitým zdrojem provozu. Poznamenal, že uživatelé prohledávají Google bilionykrát ročně a více vyhledávání na mobilu než na počítači. Mobilní je jiné: průměrný člověk kontroluje svůj telefon 150krát denně a každý den tráví 177 minut zařízením, čísla, která mi připadala trochu děsivá. V důsledku toho Google potřeboval znovu vytvořit vyhledávání pro mobilní svět pomocí věcí, jako jsou Chytré karty Google, systém hodnocení, který bere v úvahu, zda jsou weby vhodné pro mobilní zařízení, a nástrojů a funkcí, které pomáhají vylepšit vyhledávání na mobilním webu.
Mezi tyto snahy patří „akcelerované mobilní stránky“ (AMP), které zahrnují některé změny HTML5, CSS3 a JavaScript, aby se zrychlilo, jak rychle se stránky načítají z vyhledávače. Gingras poznamenal, že 40 procent diváků opustí web, který trvá načtení více než 3 sekundy. Stránky AMP dosud obsahují 125 milionů dokumentů z více než 640 000 domén.
Na základě toho hovořil o vytvoření „karuselů“ AMP s obsahem, který můžete procházet doleva a doprava, například v obrázcích. Toto začíná nejprve s recepty, ale rozšíří se do dalších kategorií. Tímto způsobem se výsledky vyhledávání přesunou ze standardních seznamů do „bohatých úryvků“ (včetně obrázků a dalších částí stránky) na nové bohaté karty, které jsou mnohem více vizuální. Viz obrázek nahoře jako příklad.
Mezi další nové funkce patří indexování v reálném čase, takže vydavatelé nemusí čekat, až Google indexuje své weby, ale místo toho budou moci pomocí nového rozhraní API indexovat své příběhy. Právě se chystáte vstoupit do pilotního projektu a v příštím roce bude vydáno více vydavatelům. Gingras také prosadil Google Search Console, která byla navržena tak, aby vydavatelům umožnila optimalizovat jejich přítomnost ve vyhledávání.
Rahul Roy-Chowdhury v rozhovoru o „stavu unie“ mobilního webu hovořil o tom, jak je web otevřený a decentralizovaný, a umožňuje snadné objevování obsahu a nejširší dosah, protože běží na všech platformách. Poznamenal, že Google představil Chrome v mobilu teprve před 4 lety, ale nyní má více než miliardu uživatelů měsíčně.
Mluvil o důležitosti stránek, které se rychle načítají a posouvají, ao AMP, který se rychle zaměřuje na počáteční obsah. Zaměřil se především na progresivní webové aplikace, ve kterých je do prohlížeče načtena pouze část webové aplikace, takže se načítá mnohem rychleji a má mnohem více funkcí.
David Merrell z The Washington Post ukázal, jak to funguje. AMP určitě umožňuje, aby se stránka rychle načítala v prohlížeči Chrome, ale s progresivní webovou aplikací získáte rychle v podstatě celý web ve formátu určeném pro mobily. Toto je nyní ve veřejném testování (a zdá se, že pracuje se Safari na iOS i na Androidu). Z toho, co jsem viděl, je to obrovské zlepšení rychlosti.
Roy-Chowdhury uvedl, že 66% elektronického obchodování se děje na mobilním webu, ale konverze na mobilních zařízeních probíhají rychlostí o 66 procent nižší než na ploše, protože dokončení transakce je obtížnější na malé obrazovce s malou dotykovou klávesnicí. Aby tento problém vyřešil, předvedl nové rozhraní API pro správu pověření, které umožňuje přihlášení mezi zařízeními a aplikacemi napříč aplikacemi, a nové rozhraní API pro webové platby, které umožňuje platby jedním klepnutím v rámci webových aplikací pomocí kreditní karty nebo platby Android.
Další novou funkcí je povolení oznámení z webových aplikací, nejen z nativních aplikací. Nové funkce umožňují oznámení push na mobil a umožňují ukládání obsahu offline; jako příklad uvedl Air Berlin své místo s palubním lístkem uloženým offline.
Roy-Chowdhury na závěr hovořil o důležitosti toho všeho pracovat na jakémkoli prohlížeči na jakékoli platformě a udržovat otevřené platformy. „Jsme v tom všichni společně, “ řekl.
Během show jsem mluvil s řadou vývojářů, kteří pracovali pro vydavatele, a většina byla ohromena konceptem AMP a progresivními webovými stránkami. Někteří to považovali za alternativu k budování specializovaných aplikací, nyní, když zvládají věci, jako jsou oznámení a offline obsah. Zatímco řada uvedla, že zajištění toho, aby jejich obsah fungoval s okamžitými články na Facebooku, bylo vyšší prioritou, než aby stránky fungovaly s AMP nebo navrhovaly progresivní webové aplikace, téměř každý, kdo vytvoří webovou aplikaci, měl zájem o to, aby byl rychlejší a pohotověji reagující. Tyto změny pravděpodobně ovlivní v příštím roce obrovské množství webů.