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 eamp-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
eamp-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.