Ultima atualização: Junho 18, 2021
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 ativadas para AMP devem ter pelo menos 1.200 pixels.
- As exibições de conteúdo ativado para AMP não serão rastreadas na linha do tempo do contato, pois a AMP bloqueia o JavaScript incluído no código de rastreamento da 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.
- Acesse a guia Programaçã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.
Certifique-se de inserir a versão AMP do URL (com o parâmetro hs_amp=true) no campo de URL. Para encontrar uma URL de visualização AMP do post de blog:
- Na sua conta da HubSpot, navegue até Marketing > Site > Blog.
- Clique no nome de um post do blog.
- Na página de detalhes do post, clique em Exibir detalhes.
- No painel direito, role para baixo até a seção Anexos.
Aqui estão as causas de alguns dos erros de AMP mais comuns:
- 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.
