Conversamos muito sobre a AMP (páginas móveis aceleradas) do Google desde o seu lançamento mundial na lista dos principais motores de busca….

.. . e neste artigo quero dar minha opinião sobre seus pontos positivos e negativos, como desenvolvedor e proprietário do site. Mas primeiro…

Por quê?

Resposta oficial. Precisamos de um formato diferente do HTML para gerar páginas de carregamento rápido?
Obviamente, a resposta lógica é não, porque HTML não é o problema, HTML é realmente bastante eficiente. O problema em termos de velocidade de carregamento são iframes, redes de publicidade na internet (redes de anúncios), gifs e outras tags de script. Que AMP tentou liquidar em apenas uma vez ! Mas eles não têm isso não realizado...
Então, por que estamos fazendo isso? Leia.

Os lados bons

• A web — e os sites de notícias em particular — tornou-se um grande Bazar por causa de anúncios e botões de compartilhamento. Sabemos que bloquear anúncios melhora significativamente nossa experiência de navegação. Inicialmente, o AMP não autoriza nenhum conteúdo de terceiros. As especificações exigem ferramentas externas para se conectar a componentes HTML personalizados. Dê uma olhada. É uma grande vitória para os usuários, mas para os desenvolvedores é mais uma especificação personalizada para lidar. Espero que você esteja usando as redes de anúncios autorizadas, caso contrário… azar. E a propósito, seu CMS está pronto paraamplificador-youtube>?
• Parte da especificação AMP é marcar seu conteúdo com metadados. Para os utópicos, o Google quer que os editores implementem metadados para que tenham uma melhor compreensão dos atributos e do contexto do conteúdo da página, mas para os cínicos, é extrair seu conteúdo e injetá-lo diretamente em uma SERP (Search Engine Result Page). O lado bom: as novidades json-ld spec é muito mais claro que seu predecessor Microdata (infelizmente ainda vivo), que envolve atributos itemscope, itemprop, meta, RDFa ou mesmo vcard aninhados em elementos DOM.
• Mais visibilidade na página de resultados do Google.com. O ícone AMP pode atrair mais visitas à sua listagem. Também foi lançado com um pequeno reforço de Ranking (atualizar : oficialmente, sem reforço de classificação). Minha experiência é que o Google costuma dizer isso para fazer com que os desenvolvedores adotem novos protocolos. Pessoalmente, não percebi um ligeiro aumento. E mesmo que tenha aumentado sua classificação, todos os seus concorrentes seguiriam e em 6 meses, não haveria mais vantagem competitiva. Para editores do Google Notícias, que é o caso de meu website, o carrossel de notícias aparece com mais frequência e os artigos AMP são vistos muito mais do que antes. Obrigado Google!
• Velocidade! Sim, a renderização é quase instantânea. E eu sei que todos os usuários não-4G/não-Wifi do planeta acharão esse recurso matador. Inclui SSL por padrão. E até a boa e velha tag foi abandonado em favor deamp-img> por razões de velocidade.

O lado errado

• Manutenção uma cópia carbono do conteúdo do seu site. Sim, AMP vive por conta própria URL que você mesmo hospeda. Somente o Google poderá visitá-lo, não deveria ser um alvo para enviar seus visitantes (você poderia). Os problemas aparecerão, e você perceberá isso mais tarde. Além disso, o Google servirá aos usuários própria cópia do seu site. Eles fecham a porta para páginas personalizadas para usuários logados. Eles permitem que você faça ping na CDN para atualizar uma versão mais fresca. Mas sim, é mais coisas para gerenciar. Não é legal. Embora o Webmaster Tools tenha bons relatórios de problemas. Mise à jour : e este novo ferramenta de depuração.
• Seguindo o ponto acima. Eu pensei que todos nós estávamos fazendo web responsiva e não fazendo mais páginas especiais para dispositivos móveis? Eu estava errado. AMP é para celular. Então você faz um página móvel personalizada. Até que eles também aceitem a área de trabalho. Que eu estou supondo que você faria consultas de mídia para trabalhar nisso também.
• A versão AMP normalmente é menos envolvente para o usuário porque reduzido a especificação HTML. Comparando a página por visita de uma página com AMP e não AMP, os usuários entraram mais rápido, mas saíram mais rápido. Talvez seja porque há menos confusão na página não AMP, mas isso é ruim. E eu vi vários relatórios. Pode-se dizer que é de fato um bonne coisa. Eles suportam coisas como carrosséis de imagens - eu não posso viver sem - mas apenas aqueles fornecidos pelo Google.
• A especificação começou simples e eficaz. Mas ela se torna fora de controle e suporta cada vez mais recursos da web existentes. Bom exemplo: notificações para aceitar Cookies. Existe um especificação personalizada por isso. Ele é anexado a um usuário e faz uma solicitação CORS em seu back-end. E não se esqueça glicato ! não vejo fim o horizonte.
• Mais difícil de monetizar. A razão pela qual todas essas redes de anúncios são carregadas na mesma página é ganhar o máximo possível por visualização de página. Por exemplo, minhas redes de anúncios ainda não são suportadas, o que significa que estou como renda em 2004, com uma única unidade Adsense, com renda dividida por dois.

Meu conselho

Se o AMP for um sucesso, o Google seria o grande vencedor. Eles teriam resultados que carregam instantaneamente, melhorando drasticamente a Google Experience™, convidando o usuário a usar ainda mais o Google.
Como desenvolvedor, não vejo o que uma cópia AMP para dispositivos móveis do meu site faz por mim. É bastante retrógrado como uma coisa.
Oi Google! Vamos cada um pela metade. Usuários em 2G ou GPRS recebem AMP-ified, eu fornecerei um site AMP, mas continuamos a servir uma versão não-AMP-ified para todos os outros usuários (ex: Iphone 7 4G), Não?
Inferno, eu vou até criar uma especificação para isso: amp-audience-target-somente. LGTM.
Artigo original écrit par Yvo Schaap traduzido por JS Staff
 
[separator type=”” size=”” icon=”star”] [actionbox color=”default” title=”” description=”JS-REPUBLIC é uma empresa de serviços especializada em desenvolvimento JavaScript. Somos um centro de treinamento aprovado. Encontre todos os nossos treinamentos técnicos em nosso site de parceiros dedicado ao Treinamento” btn_label=”Nosso treinamento” btn_link=”http://training.ux-republic.com” btn_color=”primary” btn_size=”big” btn_icon=”star” btn_external ="1″]