• 10:21

O que você precisa saber antes de fazer AMP

estrutura HTML do AMP continua a ganhar atenção e a versão v1.0 do plugin oficial do WordPress tornou ainda mais fácil implementar o AMP no WordPress. Mesmo que o plug-in ofereça a capacidade de apenas apertar o botão , a implementação do AMP deve ser cuidadosamente planejada. Para projetos em que trabalhamos, há uma série de coisas que consideramos e entendemos antes de iniciar qualquer desenvolvimento.

A seguir, é apresentado um resumo dessas coisas. Se você estiver olhando para o AMP, tome nota desses pontos e integre-os ao seu planejamento.

1. Entenda o desempenho do site existente e o que poderia ser alcançado com o AMP

Desempenho é como desempenho. Comparação de desempenho no site existente e entendimento:

  1. Onde fica tanto quanto ruim <—> o bom vai
  2. Quanto AMP poderia mover realisticamente a agulha

Isso lhe dará uma idéia da lacuna que você poderá preencher com o AMP e se o investimento vale ou não o retorno potencial. Ou seja, passar de uma pontuação de desempenho 7 para 9 significa algo bem diferente de passar de 3 para 8.

Se você procura ferramentas modernas para avaliar o desempenho (entre outras coisas), passamos a:

  • Farol
  • Calibre
  • WebPageTest.org

Cada uma dessas ferramentas fornece métricas agnósticas que você pode usar para rastrear suas tendências de desempenho ao longo do tempo. Recomendamos aprender as nuances para que você possa dominar cada uma delas.

2. Entenda os diferentes tipos de implementação do AMP

Com o plugin AMP for WordPress, existem 3 modos diferentes de implementação. Esses são:

  1. Clássico
  2. Emparelhado
  3. Nativo

Cada implementação tem um impacto diferente na maneira como seu site irá operar. Os modos Nativo e Emparelhado usam os modelos e o estilo do seu tema. Eles geralmente se parecem com seus URLs não-AMP. (O modo Clássico usa um modelo fornecido com o plug-in. Com base nas alterações nas práticas recomendadas de SEO e na falta de uma experiência “canônica” com o Modo Clássico, não recomendamos que você use o Modo Clássico.)

O valor que esses três modos diferentes trazem varia e a escolha entre eles geralmente pode ser influenciada pelas limitações técnicas de como o site é configurado. Compreender isso ajudará a estruturar seu pensamento à medida que você avança para uma descoberta mais técnica.

A seção Modos de AMP e o Plug-in do WordPress nesta página abordam esses três modos em mais detalhes. Você também pode ler mais na documentação do plugin .

3. Audite a infraestrutura de otimização de ativos (CDNs, cache, etc.) e defina o que pode ser removido e o que pode entrar em conflito com o AMP

Existem milhares de maneiras de aplicar a capa a um cache. A otimização de ativos assume várias formas e sua simpatia pelo AMP varia. Auditar o que você tem ativo no site atual significa que, ao passar para o teste de conformidade com o AMP, você estará melhor equipado para identificar de onde vêm os problemas (se houver) e como resolvê-los.

4. Entenda os fluxos de receita relacionados ao desempenho

Isso é diferente para cada site. Os fluxos de receita podem vir de:

  • Receita de anúncios: programática e manual
  • Assinaturas
  • Comércio eletrônico
  • Conteúdo afiliado e patrocinado

Revise como o desempenho da página e a experiência resultante do usuário podem influenciar as taxas de conversão e as implementações técnicas.

5. Audite as implementações atuais da Ad-Tech

As implementações da AdTech merecem seu próprio ponto aqui, pois varia muito e geralmente é muito Javascript. A AMP oferece componentes específicos da AdTech  para trabalhar com isso, mas a implementação pode variar. Entender sua pilha do AdTech ajudará você a:

  1. Determine como implementar os anúncios no AMP, como no amp-ad
  2. Ajude a informá-lo sobre como você deve testar o AMP e seu impacto na receita de anúncios

6. Audite o Javascript atual

Desde códigos de rastreamento até recursos de interface, o Javascript está em todo lugar. Saber o que e como no seu site o ajudará a determinar:

  1. O que você pode dizer adeus (você ficará surpreso com a frequência com que podemos remover JS dos sites em que trabalhamos sem afetar a funcionalidade ou as integrações)
  2. O que você pode reimplementar no AMP, como amp-bind, amp-ad ou amp-analytics

Após o teste, o primeiro passo mais simples é simplesmente desativar o JavaScript no navegador e ter uma idéia de como o site funciona sem ele.

7. Rastreamento de auditoria / implementações de cookies

Isso também faz parte da etapa JavaScript, mas pode ser considerado por si só. Os trechos de rastreamento nos sites são facilmente um dos maiores contribuintes para o baixo desempenho. Já vimos muitos casos em que desativar o rastreamento, sem fazer mais nada, melhorou o desempenho da página em mais de 50%.

No entanto, o rastreamento é um componente importante do gerenciamento moderno de sites. Uma auditoria do que você possui pode ajudar a determinar:

  1. O que pode ser removido com segurança das suas páginas AMP
  2. Como aproveitar os componentes existentes, como amp-analytics , amp-bind e amp-list

O AMP tem componentes disponíveis para ajudar a facilitar o rastreamento. Na verdade, o serviço Gerenciador de tags do Google possui recursos específicos para AMP para ajudar a implementar o rastreamento, mantendo a compatibilidade com AMP.

8. Audite a quantidade total de CSS nos URLs. O plug-in pode remover CSS não utilizado, mas ainda pode exceder o máximo de 50 KB do AMP.

Uma das restrições que o AMP coloca em uma página é o tamanho máximo de arquivo para CSS de 50 KB. O plug-in AMP para WordPress, por meio de um recurso chamado trepidação de árvores, revisa uma página e produz um arquivo minimizado apenas do CSS necessário. No entanto, esse recurso não garante que o tamanho do arquivo esteja abaixo do limite. A revisão dos principais modelos de página, principalmente para páginas complexas, ajudará você a definir o escopo do projeto em torno da necessidade de refatorar o CSS no site.

9. Seu estado atual de compatibilidade com AMP

Na verdade, isso se encaixa mais no estágio de descoberta de um projeto, mas na verdade é algo que pode ser feito, pelo menos em um nível alto, com bastante facilidade. S0, se você estiver na fase exploratória de olhar para o AMP, isso pode lhe dar uma vantagem séria.

O processo envolve basicamente trabalhar em uma versão de teste / teste / alt do seu site, instalar o plugin AMP WordPress e usar seus recursos para identificar erros de validação.

 

10. Entenda o roteiro para o AMP e o plug-in do AMP para WordPress

Saber o que está por vir, mesmo o que está chegando, pode ajudar a informar sua decisão sobre uma implementação de AMP. Um fator no-go sobre o AMP ou o plugin pode realmente ser algo que pode ser resolvido em um futuro próximo.

 

Esses 10 pontos são o que nossas equipes passam ao definir um projeto de implementação de AMP. Considerar, entender e até mesmo implementá-los significa que você está altamente informado sobre o AMP e seu valor potencial para o seu site.