Use o Accelerated Mobile Pages (AMP) em seu blog
Ultima atualização: Abril 4, 2023
Disponível com qualquer uma das seguintes assinaturas, salvo menção ao contrário:
|
AMP, ou Páginas Móveis Aceleradas, é um formato de página móvel específica que carrega quase instantaneamente em dispositivos móveis. 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 em posts de blogues com AMP ligado devem ter pelo menos 1200 pixels de largura.
- Vistas de conteúdo com o AMP ligado não ser rastreado na linha temporal de um contacto porque o AMP bloqueia o JavaScript incluído no código de rastreio 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
Atenção: se quiser ligar o AMP para vários blogs hospedados no HubSpot, terá de repetir estes passos para cada blog.
- Na sua conta da HubSpot, clique no settings í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 activar o botão Ligar páginas formatadas no Google AMP .
- 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
Por favor note: esta opção só está disponível se o AMP for não ligado nas definições doseu blogue.
- 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é ao separador 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 relatar problemas com as suas páginas AMP, HubSpot recomenda a verificação do validador AMP. Essa ferramenta fornece mensagens de erro descritivas e identifica o local do erro.
- No seu navegador, abra o validador AMP, depois abra um novo separador para aceder ao HubSpot.
- Na sua conta da HubSpot, navegue até Marketing > Site > Blog.
- Passe o cursor sobre um post do blogue e clique em Edit.
- No editor de conteúdo, clique no guia Configurações.
- Ao lado do URL do Blog, clicar em Copy link.
- No validador AMP, cole o URL do post do blog no campo URL .
- No final do URL, adicionar ?hs_amp=true, depois clicar 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 'estilo' não aparece na tag <span>: isto é frequentemente causado por umcó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.