fbpx

AMP – Accelerated Mobile Pages

O AMP é uma estrutura HTML de código aberto desenvolvida pelo AMP Open Source Project. Foi originalmente criado pelo Google como concorrente do Facebook Instant Articles e Apple News. O AMP é otimizado para navegação online móvel e visa ajudar as páginas da internet a carregar mais rapidamente.

O AMP Project é um projeto criado pelo Google em parcerias com empresas como Pinterest, LinkedIn, WordPress e Twitter e tem como objetivo tornar o acesso às páginas listadas nos resultados de pesquisa do Google mais rápidas.

O recurso permite criar uma versão do site mais rápida do que a versão responsiva normal, oferecendo assim para os usuários uma experiência única, eficaz e rápida.

VEJA TAMBÉM:

Quando surgiu o AMP?

O AMP foi anunciado pela primeira vez em 7 de outubro de 2015. Após um período de visualização técnica, as páginas AMP começaram a aparecer nos resultados de pesquisa para celular do Google em fevereiro de 2016. O AMP foi inicialmente criticado por dar potencialmente mais controle sobre a internet ao Google. O Projeto AMP anunciou que passaria para um modelo de governança aberto em 18 de setembro de 2018.

Estrutura AMP

A estrutura AMP consiste em três componentes: AMP HTML, que é a marcação HTML padrão com componentes Web; AMP JavaScript, que gerencia o carregamento de recursos; e AMP caches, que servem e validam páginas AMP.

Performance

O Google relata que as páginas AMP veiculadas na pesquisa do Google normalmente são carregadas em menos de um segundo e usam dez vezes menos dados do que as páginas não AMP equivalentes.A CNBC relatou uma diminuição de 75% no tempo de carregamento da página móvel para páginas AMP em relação às páginas não-AMP, enquanto o Gizmodo relatou que as páginas AMP eram carregadas três vezes mais rápido que as páginas não-AMP.

Um artigo acadêmico sobre o AMP revela que o tempo de carregamento das páginas AMP é 2,5 vezes mais rápido que as versões não-AMP sem pré-renderizar na página de resultados de pesquisa do Google, e a versão AMP é aproximadamente nove vezes mais rápida que a versão não-AMP com a pré-renderização.

Seleção de tema para aprimorar a experiência do modo leitor

Plugin do AMP for WordPress

Você poderá encontrar o Plugin AMP for WordPress diretamente na biblioteca de plugins mantido pela comunidade, ou você poderá baixar pelo site oficial, amp-wp.org e instalar via upload no seu CMS. Atualmente na sua versão 2.0.5, poderá sofrer mudanças e atualizações de segurança e performance.

Os principais recursos são os seguintes:

  1. Automatize o processo de geração de marcação válida para AMP o máximo possível, permitindo que os usuários sigam os padrões de fluxos de trabalhos aos quais estão acostumados no WordPress.
  2. Fornece ferramentas de validação eficazes para ajudar os usuários a lidar com problemas de incompatibilidades de AMP, incluindo mecanismos para identificarcontextualizar e resolver problemas causados por erros de validação.
  3. Fornece suporte de desenvolvimento para tornar mais fácil para os desenvolvedores do WordPress construir componentes de ecossistema compatíveis com AMP e construir sites e soluções com compatibilidade de AMP integrada.
  4. Suporta a distribuição de páginas AMP para tornar mais fácil para os proprietários de sites aproveitarem as vantagens do redirecionamento de dispositivos móveis, vinculação de AMP-para- AMP e geração otimizada de AMP por padrão (viar PHP com o AMP Optimizer).
  5. Fornecer uma solução pronta para uso para que segmentos como criadores de WordPress possam ir do zero à publicação de páginas AMP em um piscar de olhos, independentemente da experiência técnica ou da disponibilidade de recursos.

Este plugin pode ser usado por ambos desenvolvedores e usuários:

  • Se você for um desenvolvedor ou usuário experiente em tecnologia, poderá aproveitar as vantagens das ferramentas avançadas de desenvolvedor fornecidas pelo plugin AMP para corrigir problemas de validação que seu site possa ter e alcançar compatibilidade total com AMP.
  • If you are not a developer or tech savvy user, or you just simply don’t want to deal with validation issues and tackling development tasks, the AMP plugin allows you to assemble fully AMP-compatible sites with different configurations taking advantage of AMP-compatible components. The plugin helps you to deal with validation issues by removing invalid AMP markup in cases where it is possible, or altogether suppressing AMP-incompatible plugins on AMP pages.

O resultado final é que, independentemente de sua experiência técnica, o plug-in AMP pode ser útil para você.

Modelos de Template disponível

Modo padrão: Este é o modo ideal, pois há apenas um tema para atender às solicitações e uma única versão do seu site: a versão AMP. Além de permitir que todo o seu site priorize AMP, isso tem o benefício adicional de reduzir os custos de desenvolvimento e manutenção. Este modo é a melhor escolha para sites onde o tema e plugins usados no site são totalmente compatíveis com AMP. Também é uma boa opção se alguns componentes não forem compatíveis com AMP, mas o proprietário do site possui recursos ou conhecimentos para corrigi-los. Veja nossa vitrine de sites que usam o modo Padrão.

Modo de transição: neste modo, é usado um único tema, mas pode haver duas versões de cada página: AMP e não-AMP. O tema ativo é usado para veicular as versões AMP e não AMP de um determinado URL. Este modo é uma boa escolha se o site usar um tema que não seja totalmente compatível com AMP, mas as diferenças funcionais entre as páginas AMP e não-AMP forem aceitáveis (devido à degradação suave). Nesse caso, os usuários que acessam o site em dispositivos móveis podem obter a versão AMP e obter uma experiência otimizada que também mantém a aparência da versão não-AMP. Confira nossa vitrine de sites que usam o modo Transicional.

Modo leitor: neste modo, existem dois temas diferentes assim criando duas versões do seu site, uma para páginas AMP e outra para páginas não AMP. Este modo pode ser selecionado quando o site não possui temas ou plugins totalmente compatíveis com AMP, mas o nível de incompatibilidades não irá restringir você de utilizar os benefícios da plataforma AMP. Também é uma boa escolha se você não tem experiência técnica (ou simplesmente não deseja investir tempo corrigindo essas incompatibilidades) e, portanto, deseja fluxos de trabalho simplificados e robustos que permitem aproveitar as vantagens do AMP com o mínimo de esforço.

Diferentes modos seriam recomendados para diferentes cenários, dependendo das especificações do seu site e de sua finalidade. Conforme você configura o plugin, ele sugere o modo que pode ser melhor para você com base na avaliação do tema e plugins usados no seu site.

E, independentemente do modo usado, você tem a opção de veicular todo ou apenas uma parte do seu site como AMP. Isso oferece toda a flexibilidade que você precisa para começar a ativar AMP em seu site progressivamente.

Assistente de configuração inteligente…

Gostou deste conteúdo? Deixe o seu comentário.

Até a próxima!



Comente:

Esse site utiliza o Akismet para reduzir spam. Aprenda como seus dados de comentários são processados.