AMP

Descrição

O Projeto AMP é uma iniciativa de código aberto que visa melhorar a web para todos. O AMP permite experiências na Web consistentemente rápidas, bonitas e de alto desempenho sobre a plataforma de distribuição. AMP anteriormente significava “Accelerated Mobile Pages”, mas agora funciona perfeitamente em nos desktops e dispositivos mobile. O plugin oficial AMP para WordPress suporta publicação AMP totalmente integrada para sites WordPress, como recursos robustos e controles granulares de editor.

Recursos e capacidades fornecidas pelo plug-in incluem:

  • Experiência AMP-first: Ativando experiências com site completo em AMP sem sacrificar a flexibilidade da plataforma ou a fidelidade de conteúdo.
  • Suporte ao tema principal: Habilitando a compatibilidade AMP para todos os temas principais, do Twenty ten até o Twenty Twenty.
  • Ferramenta de Compatibilidade: Quando a conversão automática do markup para AMP não é possível, debug os erros de validação AMP com informações detalhadas, incluindo a marcação inválida e os componentes específicos responsáveis no site(por exemplo, tema, plug-in, incorporação); erros de validação serão exibidos contextualmente com seus respectivos blocos no editor.
  • CSS Tree Shaking: remove automaticamente a maioria dos CSS não utilizados para colocar o total do estilo abaixo dos 75KB exigido pelo AMP; quando o total após o tree shaking ainda ultrapassar esse limite, a priorização é usada para manter todas as partes mais importantes da folha de estilo do seu tema, deixando os menos importantes a serem excluídas(por exemplo, estilos de impressão).
  • Server-side Rendering: integrated PHP-port of the AMP Optimizer providing automated server-side rendering of AMP pages, drastically improving the Last Contentful Paint (LCP) metric.

Observe que a experiência Stories foi removida do plugin AMP em favor do recurso ser lançado como um plugin independente. Estará disponível em breve!

O plug-in pode ser configurado para seguir três diferentes modos de template: Standard, Transitional e Reader. No modo Standard você usa AMP como o framework do seu site e esse modo não separa seu site em duas versões AMP e não-AMP. Quando configurado para operar no modo Reader e Transitional, a página terá uma URL canonical e uma URL AMP correspondente(emparelhada). O plug-in AMP não está servindo como tema móvel; ele não redireciona os dispositivos móveis para a versão AMP. Em vez disso, a versão AMP será veiculada aos visitantes móveis quando eles encontrarem o conteúdo em plataformas como Twitter, Pinterest e Pesquisas do Google e outras. O modo Reader suporta apenas a exibição do AMP para postagens singulares, páginas e outros tipos de postagem, enquanto os modos Standard and Transitional suportam servir todo o site em AMP.

Com o plugin oficial AMP para WordPress, o ecossistema WordPress é provido com recursos e ferramentas necessárias para criar experiências AMP de classe mundial sem se desviar de seus padrões, flexibilidade e seu conhecido workflow para criação de conteúdo.

Introdução

Para saber mais sobre o plug-in e começar a aproveitar seus recursos para potencializar o fluxo de trabalho e criação de conteúdo AMP veja O site oficial do plug-in AMP.

Se você é um desenvolvedor, encorajamos você a acompanhar ou contribuir com o desenvolvimento do plugin no GitHub.

Imagens de tela

  • Na experiência de websites, o suporte a temas permite reutilizar os templates do tema ativo e as folhas de estilo; todos os recursos do WordPress (menus, widgets e comentários) estão disponíveis em AMP.
  • Todos os temas principais são suportados e muitos temas podem ser exibidos como AMP com alterações mínimas. Caso contrário, o comportamento geralmente é como o JavaScript estivesse desativado no navegador desde a remoção dos scripts.
  • Os templates do modo leitor ainda estão disponíveis, mas diferem do tema ativo.
  • Alterne do modo Leitor para o modo transicional ou Padrão na tela de configurações AMP.
  • Modo padrão: Usa AMP como o framework principal para o seu site, não precisando manter duas versões AMP e não-AMP. Usuários mobile e desktop terão a mesma experiência.
  • Modo transicional: opção para tornar seu site totalmente compatível com AMP, com ferramentas para ajudar na depuração de validação ao longo do caminho.
  • Disponibilize todo o site em AMP ou escolha post types e templates específicos; você pode também cancelar a inscrição por postagem.
  • Plugin verifica a validade AMP e indica quando: não há problema, novos problemas precisam de revisão ou problemas impedem que o conteúdo AMP seja exibido.
  • O editor apresentará problemas de validação durante a criação do conteúdo. Os blocos específicos com erros de validação serão indicados.
  • Cada URL verificada mostra um lista de erros de validação, fornecendo controle sobre o markup inválido que foi removido ou mantido. Mantendo o markup inválido você irá desativar o AMP para aquela URL.
  • Cada erro de validação fornece um rastreamento que permite identificar qual é o código responsável pela marcação inválida, se um tema, plugin, mídia incorporada, bloco de conteúdo e assim por diante.
  • Os estilos adicionados por temas e plugins são automaticamente concatenados, reduzidos e alterados para tentar manter o total abaixo de 75KB de CSS inline.
  • Um comando WP-CLI é fornecido para verificar as URLs em um site para validade AMP. Os resultados estão disponíveis no admin para inspeção.

Instalação

  1. Envie a pasta para o diretório /wp-content/plugins/
  2. Ative o plugin por meio do menu ‘Plugins’ no WordPress.
  3. Se você atualmente usar versões mais antigas do plugin no modo Reader, é altamente recomendado migrar para o modo Transitional ou Standard. Dependendo do seu tema/plugins, algum trabalho de desenvolvimento pode ser necessário.

FAQ

Por favor veja o FAQ no amp-wp.org. Caso não encontre a sua resposta, consulte o forum de suporte se ainda não encontrar sua resposta, crie um novo tópico no suporte

Avaliações

26 de junho de 2020
Installed and followed the documentation which was a bit clunky first but then after I got my head around it I löike the amp-wp plugin. Upcoming style options for newbies or non-devs are a great addon. Looking foreward to that.
4 de junho de 2020
Using the AMP plugin improved a lot our performance metrics providing outstanding speed with minimum development tweaks. We have a few high traffic blogs, all of them use for mobile the AMP version, and for some of them, we started using it for desktop too. I totally recommend it!

bad

1 de junho de 2020
It only complies with the fact that it loads the rest of the functions, banners and logos on the PC page, they changed their aspect or stopped working.
Leia todas as 235 avaliações

Contribuidores e desenvolvedores

“AMP” é um software com código aberto. As seguintes pessoas contribuíram para este plugin.

Contribuidores

“AMP” foi traduzido para 20 localidades. Agradecemos aos tradutores por suas contribuições.

Traduzir “AMP” para o seu idioma.

Interessado no desenvolvimento?

Navegue pelo código, dê uma olhada no repositório SVN ou assine o registro de desenvolvimento via RSS.

Registro de alterações

Para o changelog do plugin, veja the Releases page on GitHub.