Ultima atualização: Setembro 19, 2022
A AMP, ou Accelerated Mobile Pages, é um formato de página específico para dispositivos móveis que é carregada quase instantaneamente. Para carregar rapidamente o conteúdo, a versão AMP dos posts do seu blog não carregará nenhum arquivo Javascript, folhas de estilo, formulários da HubSpot, HTML de cabeçalho ou HTML de rodapé.
Há algumas limitações para usar a AMP:
- Nesse momento, a AMP não está disponível para landing pages ou páginas do site da HubSpot.
- As imagens em destaque nos posts de blog com o AMP ativado devem ter pelo menos 1200 pixels de largura.
- As exibições de conteúdo com o AMP ativado não serão rastreadas na linha do tempo do contato, pois o AMP bloqueia o JavaScript incluído no código de rastreamento do HubSpot.
Você pode ativar a AMP para todos os posts em um blog ou apenas para posts específicos.
Aplicar a AMP em todos os posts em um blog
Observação: se quiser ativar a AMP para vários blogs hospedados pela HubSpot, você precisará repetir essas etapas para cada blog.
- Na sua conta da HubSpot, clique no ícone de configurações na barra de navegação principal.
- No menu da barra lateral esquerda, acesse Site > Blog.
- Se você tiver vários blogs, clique no menu suspenso Selecionar um blog para modificar e selecione um blog.
- Acesse a guia Google AMP.
- Clique para ativar a opção Ativar páginas formatadas da AMP do Google.
- Personalize o logotipo, a fonte e a cor da fonte das suas páginas da AMP do Google. Saiba mais sobre as recomendações do Google para este conteúdo.
- Clique em Salvar.
Aplicar a AMP em um post de blog específico
Observação: essa opção está disponível apenas se a AMP não estiver ativada nas configurações do seu blog.
- Na sua conta da HubSpot, navegue até Marketing > Site > Blog.
- Passe o cursor do mouse sobre um post de blog e clique em Editar.
- Navegue até a guia Opções de publicação.
- Na seção da AMP do Google, marque a caixa de seleção Ativar AMP do Google apenas para este post de blog.
- No canto superior direito, clique em Atualizar ou Publicar para ativar suas alterações.
A HubSpot agora validará este post de blog específico. Na próxima vez que o Google rastrear o post de blog, a versão do AMP será armazenada. Se houver erros com a versão da AMP, o Google enviará um e-mail diretamente informando-o desse fato.
Solução de problemas de AMP
Se o Google Search Console reportar problemas com as páginas AMP, a HubSpot recomenda verificar primeiro o validador de AMP. Essa ferramenta fornece mensagens de erro descritivas e identifica o local do erro.
- No seu navegador, abra o validador do AMP e, em seguida, abra uma nova guia para acessar o HubSpot.
- Na sua conta da HubSpot, navegue até Marketing > Site > Blog.
- Passe o cursor do mouse sobre um post de blog e clique em Editar.
- No editor de conteúdo, clique no guia Configurações.
- Ao lado da URL do blog, clique em Copiar link.
- No validador AMP, cole a URL da postagem do blog no campo URL.
- No final do URL, adicione?hs_amp=true e clique em Validar.
- O atributo "style" não aparece na tag <div>: isso geralmente ocorre devido a um código incorporado da Wistia, que ainda não é suportada nativamente nas páginas AMP.
- A tag <script> não é permitida, exceto em formulários específicos: isso geralmente oé causado por um código incorporado da Wistia, que ainda não é suportado nativamente nas páginas AMP.
- O atributo “style” não aparece na <span>tag:isso é frequentemente causado por um código de incorporação Wistia, que ainda não é suportado nas páginas AMP.
- URL malformado "..." para o atributo "href" na tag <a>: uma URL de link no corpo do post formatada incorretamente.
- Protocolo de URL inválido "..." para o atributo "href" na tag <a>: uma URL de link no corpo do post formatada incorretamente.
- As imagens devem ter pelo menos 1200 pixels para o AMP: seu post de blog não tem uma imagem destacada de pelo menos 1200 pixels de largura.
