Usando as AMP com o Squarespace

Crie uma versão leve do seu blog para carregar mais rapidamente na versão móvel.

Ultima atualização 23 de Agosto de 2024

O recurso AMP, ou Páginas Móveis Aceleradas, cria uma versão leve das páginas da web para carregarem mais rápido em um aparelho móvel. Nos resultados de busca do Google, as versões AMP das páginas aparecem com imagens e títulos em destaque. Os visitantes podem tocar em um resultado para ver a versão AMP simplificada da página, que prioriza a leitura com um design simplificado na versão móvel.

Dica

o site da AMP tem exemplos de publicação do blog e mais informações. O site inclui instruções para ativar as AMP, mas você pode ignorar. Todos os sites Squarespace já vêm prontos para ativar automaticamente as AMP.

Antes de começar

  • Somente as publicações do blog mostram a formatação AMP. O AMP não está disponível nas outras páginas.
  • Nos resultados de busca do Google, as AMP só ficam visíveis na versão móvel. Na versão móvel, outros buscadores são vinculados à versão móvel normal das publicações do blog.
  • Para ver as versões AMP das publicações do blog na versão móvel, clique nos resultados de busca do Google ou informe manualmente a versão AMP do URL de uma publicação do blog no browser. Quando ativado, o recurso AMP não altera a aparência das publicações do blog quando acessadas de outra forma.
  • O Squarespace Analytics não registra tráfego nas páginas do blog com as AMP ativadas.

Como o AMP muda minhas publicações?

A formatação AMP reduz o HTML da página ao essencial. No Squarespace, alguns blocos não aparecem nas publicações com AMP. O design AMP é padrão em todas as publicações do blog e não tem relação com o estilo do site.

Você notará algumas mudanças importantes:

  • As margens da página são reajustadas.
  • Todo o texto é aparece com a fonte Muli.
  • Os blocos são empilhados em uma só coluna. Isso é padrão na versão móvel em todos os sites Squarespace, mesmo sem o AMP ativado.
  • O CSS e outros códigos personalizados não aparecem.
  • Aparece o link Descubra mais no fim publicação, com um link para a íntegra do seu site.

Os seguintes blocos aparecem nas publicações com AMP:

  • Blocos de Áudio
  • Bloco de incorporação
  • Bloco de galeria - todos os tipos de bloco de galeria aparecem em slideshow.
  • Blocos de Imagem
  • Blocos de linhas
  • Blocos de Markdown
  • Blocos de Citações
  • Blocos de Texto
  • Blocos de Vídeo

Todos os outros blocos ficam ocultos nas publicações com AMP. Os visitantes verão um link que os direciona para a íntegra da publicação.

KB Guide Image

Bloco de imagem nas publicações com AMP

Se o seu blog inclui blocos de imagem no layout Inline, veja se todas as legendas foram inseridas como texto simples, sem formatação extra. Legendas com formatação extra podem impedir que a publicação seja convertida em publicação com AMP.

Blocos de imagem com outro layout usam títulos e legendas. As publicações com AMP não mostram esses campos de texto; os visitantes precisarão acessar a versão integral do seu site para ver os títulos e as legendas das imagens.

Ative a formatação AMP

Para ativar as páginas móveis aceleradas:

  1. Abra o painel "Preferências do blog".
  2. Procure Páginas Móveis Aceleradas.
  3. Marque a opção Usar AMP.

Agora o Google pode indexar suas publicações otimizadas no blog. Para acelerar esse processo, solicite a reindexação pelo Google Search Console.

Veja uma prévia das suas publicações com AMP

A versão AMP do seu URL é gerada automaticamente nos resultados do Google (versão móvel) após você ativar o AMP. Você não precisa alterar manualmente os URLs de nenhuma publicação.

Para a prévia de uma publicação com AMP, adicione “? format=amp” no fim do URL da publicação. Isso gera a versão em formato AMP da publicação do seu blog, tanto no computador quando no aparelho móvel.

Por exemplo: se o URL padrão da publicação do seu blog for:

http://meublog.com/blog/2016/2/19/minhapublicacao

Use o seguinte URL para ver a versão com AMP:

http://meublog.com/blog/2016/2/19/minhapublicacao?format=amp

Você também pode usar esse URL para divulgar publicações com AMP aos visitantes, mas não é recomendável, pois o seu site já inclui estilos móveis responsivos.

Dica

você pode personalizar a formatação padrão do URL da publicação do blog no painel Preferências do blog.

Perguntas frequentes

Posso mudar o design das minhas publicações com AMP?

Não. Todas as publicações com AMP são formatadas automaticamente na versão móvel e têm um estilo padrão, independente do design do site.

Para alterar a ordem dos blocos, abra o editor da publicação do blog e reorganize os blocos.

Não encontro as publicações com AMP meu blog nos resultados de busca do Google.

Há vários motivos para uma publicação não aparecer nos resultados de um determinado termo, mesmo quando as AMP não estão ativadas. Primeiro, veja se você ativou o recurso AMP no painel de preferências do blog e, em seguida, confira os casos mais comuns que podem impedir o seu site de aparecer.

Testei os dados estruturados da minha publicação e vi um erro no logotipo.

Se você executou o URL pela Ferramenta de testes de dados estruturados do Google, aparecerá um erro de logotipo se o seu site não tiver logotipo. A publicação ainda será formatada para AMP sem o logotipo do site, mas é bom adicionar um logotipo para que a publicação tenha uma classificação mais alta nos resultados de busca do Google.

Footer Image
  • Peça ajuda à nossa comunidade

  • Peça ajuda à nossa comunidade sobre personalizações avançadas.

  • Contrate um Squarespace Expert

  • Ganhe destaque on-line com a ajuda de um designer ou desenvolvedor experiente.

Usando as AMP com o Squarespace