{"id":1399,"date":"2016-10-25T10:00:22","date_gmt":"2016-10-25T12:00:22","guid":{"rendered":"https:\/\/blog.umbler.com\/?p=1399"},"modified":"2018-12-05T18:25:41","modified_gmt":"2018-12-05T20:25:41","slug":"tudo-que-voce-precisa-saber-sobre-o-google-amp","status":"publish","type":"post","link":"https:\/\/blog.umbler.com\/br\/tudo-que-voce-precisa-saber-sobre-o-google-amp\/","title":{"rendered":"Tudo que voc\u00ea precisa saber sobre o Google AMP"},"content":{"rendered":"

O Google tem interesse em aproveitar o mercado mobile, disso n\u00e3o h\u00e1 d\u00favidas. O Mobilegeddon j\u00e1 deixou isso claro, a iniciativa Accelerated Mobile Pages mostrou o comprometimento e a futura puni\u00e7\u00e3o aos pop-ups<\/a> sacramentou que sim, o Google quer melhorar as experi\u00eancias de uso mobile, e outra, quer que voc\u00ea, eu e todos n\u00f3s nos mantenhamos nos navegadores \u2013 mais do que nos apps \u2013 nos nossos celulares. O AMP, que foi anunciado em outubro de 2015 e passou a aparecer nos resultados de buscas em fevereiro de 2016, \u00e9, das mudan\u00e7as recentes, a que mais tem potencial de auxiliar (e complicar um pouco) a vida de muitos desenvolvedores, profissionais de marketing e publica\u00e7\u00f5es na Web.<\/p>\n

Experimente fazer uma pesquisa no Google usando o seu celular, pode ser o seu time do cora\u00e7\u00e3o, sua banda preferida ou o jogo que voc\u00ea mais gosta de jogar. Voc\u00ea provavelmente ver\u00e1 algo assim, os resultados que aparecem no carrossel no in\u00edcio s\u00e3o justamente de p\u00e1ginas que j\u00e1 s\u00e3o aceleradas pelo AMP.
\n\"amp-google\"<\/p>\n

Accelerated Mobile Pages<\/h2>\n

Imagine que voc\u00ea veja um artigo muito interessante no Twitter e clique para acess\u00e1-lo. Ele come\u00e7a a carregar e…e…e… demora um monte.
\n\"demora-carregamento-site\"
\nPense bem, todo mundo j\u00e1 passou por isso: a internet n\u00e3o \u00e9 l\u00e1 grande coisa, voc\u00ea clica para abrir um site e ele demora uma eternidade para carregar: quando a p\u00e1gina est\u00e1 pronta para ser lida, voc\u00ea j\u00e1 nem lembra por que a abriu. Exageros \u00e0 parte, de acordo com o Google, uma p\u00e1gina mobile leva, em m\u00e9dia, 22 segundos para carregar em mobile, mas 53% pessoas tendem a abandonar <\/a> uma p\u00e1gina se ela leva mais do que tr\u00eas segundos para carregar.<\/p>\n

A iniciativa Accelerated Mobile Pages vem combater esse mal e fazer com que p\u00e1ginas carreguem conte\u00fado imediatamente. Com um foco inicial bem forte em publishers – ve\u00edculos, como jornais e portais de not\u00edcias – que precisam oferecer conte\u00fado rico, com imagens e v\u00eddeos e que tamb\u00e9m dependem da visualiza\u00e7\u00e3o de an\u00fancios para monetizar seu conte\u00fado, a AMP tem como objetivo oferecer conte\u00fado que carrega imediatamente e que funciona em qualquer aparelho e sistema operacional mobile.<\/p>\n

We want webpages with rich content like video, animations and graphics to work alongside smart ads, and to load instantaneously. We also want the same code to work across multiple platforms and devices so that content can appear everywhere in an instant\u2014no matter what type of phone, tablet or mobile device you\u2019re using.<\/p>\n

Fonte: Google Blog<\/em> <\/a><\/p><\/blockquote>\n

Essa iniciativa \u00e9 vista como a resposta do Google aos Instant Articles do Facebook e Apple News, tamb\u00e9m com foco em publishers e em formas de apresentar e monetizar os conte\u00fados, s\u00f3 que, diferente das propostas dos outros gigantes da Internet, o AMP \u00e9 open source, permitindo que qualquer empresa fa\u00e7a uso da sua biblioteca e princ\u00edpios. O gigante de e-commerce E-bay <\/a>, inclusive, foi um dos primeiros a adotar a tecnologia<\/a> para suas p\u00e1ginas de produtos.<\/p>\n

Na apresenta\u00e7\u00e3o do AMP \u00e9 poss\u00edvel perceber que o objetivo do Google n\u00e3o \u00e9 \u201csubstituir a web\u201d e sim \u201cconstruir algo em cima dos padr\u00f5es j\u00e1 existentes e consolidados\u201d que ela oferece. Isso pode parecer at\u00e9 mesmo contradit\u00f3rio, uma vez que o Android \u00e9 um produto do Google e que os apps pr\u00f3prios deles s\u00e3o cinco dos nove mais baixados. Mas, como bem aponta a mat\u00e9ria da CIO <\/a>, o Google est\u00e1 longe de ter um grande market share no mercado de apps, mas domina a Web (ou vai me dizer que voc\u00ea tem usado o Bing?). Pensar em op\u00e7\u00f5es para que a web mobile seja mais r\u00e1pida e segura faz todo o sentido para quem \u00e9 a grande refer\u00eancia de busca web.<\/p>\n

Como funciona o Google AMP?<\/h2>\n

As p\u00e1ginas feitas com o AMP s\u00e3o pensadas como vers\u00f5es mobile do desktop: caso voc\u00ea seja um publisher que tenha acessos via desktop tamb\u00e9m (quase todos), \u00e9 necess\u00e1rio que voc\u00ea tenha, ent\u00e3o, duas vers\u00f5es da mesma p\u00e1gina: uma desktop e a AMP, ou ainda, tr\u00eas vers\u00f5es: a desktop, a mobile a AMP. \u00c9 poss\u00edvel construir todo o seu site mobile usando o framework, mas, como existem limita\u00e7\u00f5es principalmente de JavaScript, pode ser um desafio.
\n\"post-16-10-25-googleamp-750x400-chart\"
\nO framework AMP para desenvolvimento tem tr\u00eas principais pilares:<\/p>\n