Usar Accelerated Mobile Pages (AMP) em um blog

AMP, ou Páginas móveis aceleradas , é um formato de página específico para dispositivos móveis que carrega quase instantaneamente em dispositivos móveis. Para carregar o conteúdo rapidamente, a versão AMP dos posts de blog não carregará nenhum arquivo JavaScript, folhas de estilo, formulários da HubSpot, HTML de cabeçalho ou HTML de rodapé.

Compreender limitações e considerações

• O AMP não está disponível para landing pages ou páginas do site da HubSpot.
• As imagens em destaque em posts de blog com AMP ativado devem ter pelo menos 1200 pixels de largura.
• As visualizações de conteúdo com AMP ativado serão não ser rastreado na linha do tempo de um contato porque o AMP bloqueia o JavaScript incluído no Código de rastreamento HubSpot.
• Você pode ativar o AMP para todas as postagens de um blog ou apenas para postagens específicas. 

Aplique AMP em todas as postagens de um blog

Use esta opção para ativar o AMP para todos os posts de blog existentes e futuros. Essa abordagem funciona melhor se você quiser que o AMP seja aplicado de forma consistente em seu blog, sem gerenciá-lo post a post.

Observe: se quiser ativar o AMP para vários blogs hospedados pelo HubSpot, você precisará repetir essas etapas para cada blog. 

1. Na sua conta HubSpot, clique no ícone de configurações settings icon na barra de navegação superior.
2. No menu da barra lateral esquerda, navegue até Contente > Blogue.
3. Se você tiver vários blogs, clique no menu suspenso Exibição atual e selecione um blog. 
4. Clique na guia Google AMP .
5. Ative a opção Ativar páginas formatadas para Google AMP .

6. Personalize o logotipo, a fonte e a cor da fonte de suas páginas AMP do Google. Aprender mais sobre Recomendações do Google para este conteúdo.
7. Quando terminar, clique em Salvar. 

Aplicar AMP a uma postagem específica do blog

Use essa opção se quiser ativar o AMP apenas para posts de blog específicos. Isso é útil se você estiver testando o AMP ou precisar dele apenas para selecionar conteúdo.

Observe: esta opção só está disponível se AMP for não ativado em seu configurações do blog.

1. Na sua conta da HubSpot, acesse Conteúdo > Blog.
2. Clique no nome da sua postagem. 
3. No editor de conteúdo, clique em Publicar no canto superior direito. 
4. Na caixa de diálogo, marque a caixa de seleção Ativar Google AMP apenas para este post do blog e clique em Publicar. 

A HubSpot agora validará esta postagem específica do blog. Na próxima vez que o Google rastrear a postagem do blog, eles armazenarão em cache a versão AMP. Se houver erros com a versão AMP, o Google enviará um e-mail diretamente para você avisando.

Solucionar problemas de AMP

Se o Google Search Console relatar problemas com seu Páginas AMP , a HubSpot recomenda verificar o Validador de AMP. Essa ferramenta fornece mensagens de erro descritivas e encontrará a localização do erro. 

1. No navegador, abra o validador de AMP e abra uma nova guia para acessar o HubSpot. 
2. Na sua conta da HubSpot, acesse Conteúdo > Blog.
3. Clique no nome da sua postagem. 
4. Clique no Menu de arquivo e selecione Configurações do blog.
5. No URL da postagem seção, clique Link de cópia. 
6. No validador de AMP, cole o URL do post do blog no campo URL. 

7. No final do URL, insira ?hs_amp=truee, em seguida, clique em Validar. 
8. Depois de validar seu URL, quaisquer erros de AMP aparecerão abaixo do HTML. Os erros de AMP podem incluir: 

• • O atributo 'style' não aparece em <div> marcação: isso é freqüentemente causado por um Vístia código incorporado, que ainda não é compatível com páginas AMP. 
  • O <script> tag não é permitida, exceto em formas específicas: isso é freqüentemente causado por um Vístia código incorporado, que ainda não é compatível com páginas AMP. 
  • O atributo 'style' não aparece no <span> marcação: isso é freqüentemente causado por um Vístia código incorporado, que ainda não é compatível com páginas AMP. 
  • URL malformado '...' para o atributo 'href' em <a> marcação: um URL de link no corpo da postagem está formatado incorretamente.
  • Protocolo de URL inválido '...' para o atributo 'href' em <a> marcação: um URL de link no corpo da postagem está formatado incorretamente.
  • As imagens devem ter pelo menos 1200 pixels de largura para AMP: seu post do blog não tem uma imagem em destaque com pelo menos 1200 pixels de largura.