AMP

Improve user engagement

Veja algumas dicas rápidas para melhorar o engajamento dos usuários com as páginas AMP.

Ajude os leitores a lhe reconhecer através de um branding consistente e um conteúdo avançado em páginas AMP e não-AMP

  • Reflita sua marca nas páginas AMP. Use o mesmo cabeçalho e esquema de design (por exemplo, cores, espaçamento, estilos de fonte) das páginas não-AMP para que todo o conteúdo seja reconhecível e legítimo.

  • Mostre o melhor do seu conteúdo ao converter suas páginas. Inclua elementos importantes da página, como imagens, vídeos, conteúdos incorporados, dados estruturados, comentários e mídias sociais. Saiba como incluir conteúdo de terceiros.

  • Mantenha as páginas AMP atualizadas. Faça atualizações dinâmicas de blogs ativos com amp-live-list.

Otimize o conteúdo para aumentar o engajamento e a retenção de usuários

  • Ofereça experiências interativas nas suas páginas AMP. Use componentes como amp-carousel para criar carrosséis avançados de imagens e amp-iframe para incorporar elementos interativos sem compatibilidade nativa com AMP.

  • Crie jornadas personalizadas para os usuários. Ofereça um botão de login e, no conteúdo pago, implemente suas regras e ofertas com amp-access.

  • Aumente a permanência dos usuários. Crie links para artigos relacionados ou sugeridos e outras seções relevantes do site.

  • Personalize o conteúdo incluindo recomendações com amp-list.

  • Crie um menu com amp-sidebar para incentivar os usuários a navegar pelo restante do site.

  • Ajude os leitores a compartilhar seu conteúdo com amp-social-share e seus próprios botões de compartilhamento.

  • Cultive novas interações, como a geração de leads, a inscrição em boletins informativos e o suporte nos comentários com amp-form.

  • Dê preferência para tipos de anúncio que ofereçam uma boa experiência ao leitor. Explore os formatos de anúncios AMP, como amp-sticky-ad e amp-fx-flying-carpet. Siga as práticas recomendadas para monetização de anúncios.

  • Aumente os downloads de aplicativos. Inclua um banner com um link para a instalação do aplicativo usando amp-app-banner.

  • Faça uma transição rápida dos leitores para seu site não-AMP com arquitetura Progressive Web App (PWA). Use amp-install-serviceworker para preencher o cache.

Participe do projeto AMP de código aberto e ajude no desenvolvimento

  • Acompanhe o roadmap do AMP para conhecer novos recursos e atualizações em roadmap/.

  • Envolva-se. Contribua com código-fonte, comunique bugs ou faça comentários no GitHub. Compartilhe sua opinião sobre as AMP no Stack Overflow.

  • Saiba como usar os componentes de AMP com Exemplos.