Faça com que sua página seja descoberta
Important: this documentation is not applicable to your currently selected format websites!
Em alguns casos, você pode ter uma versão AMP e uma não AMP da mesma página (um artigo de notícias, por exemplo). Se a Pesquisa Google encontrar a versão não AMP dessa página, como ela saberá que há uma versão AMP do conteúdo?
Páginas vinculadas com <link>
Para resolver esse problema, adicionamos informações sobre a página AMP à versão não AMP e vice-versa usando tags <link>
no <head>
.
Adicione o seguinte à página não AMP:
<link rel="amphtml" href="https://www.example.com/url/to/amp/document.html">
Da mesma forma, inclua isto na página AMP:
<link rel="canonical" href="https://www.example.com/url/to/full/document.html">
E se eu só tiver uma página?
Se você só tiver uma página, e ela for uma página AMP, ainda assim será preciso adicionar o link canônico (que levará à mesma página):
<link rel="canonical" href="https://www.example.com/url/to/amp/document.html">
Integração com plataformas de terceiros via metadados adicionais
Às vezes, um site de terceiros (que incorpora sua página AMP ou inclui links que levam a ela) precisa saber mais sobre sua página, além do fato de ela ser uma página AMP. As plataformas podem precisar de diversas informações sobre sua página, por exemplo: "é um artigo de notícias?", "é um vídeo?", "Ela possui uma captura de tela e uma breve descrição?"
Isso é relevante tanto para páginas AMP como para qualquer página Web. Em algumas plataformas, esses metadados são adicionais. Em outras, são um requisito, ou seja, os links para seu conteúdo não serão exibidos se você não incluir os metadados corretos. Verifique se você incluiu os metadados corretos nas plataformas em que pretende exibir seu conteúdo.
Use Schema.org para a maioria dos mecanismos de pesquisa
O Schema.org (em inglês) oferece vocabulários abertos para a adição de metadados a todo tipo de conteúdo. No caso das páginas AMP, as propriedades que fazem sentido no contexto incluem o tipo específico de conteúdo (por exemplo, "artigo"), o título, a data de publicação e as imagens de visualização associadas.
Exemplo:
<script type="application/ld+json"> { "@context": "http://schema.org", "@type": "NewsArticle", "mainEntityOfPage": "http://cdn.ampproject.org/article-metadata.html", "headline": "Lorem Ipsum", "datePublished": "1907-05-05T12:02:41Z", "dateModified": "1907-05-05T12:02:41Z", "description": "The Catiline Orations continue to beguile engineers and designers alike -- but can it stand the test of time?", "author": { "@type": "Person", "name": "Jordan M Adler" }, "publisher": { "@type": "Organization", "name": "Google", "logo": { "@type": "ImageObject", "url": "http://cdn.ampproject.org/logo.jpg", "width": 600, "height": 60 } }, "image": { "@type": "ImageObject", "url": "http://cdn.ampproject.org/leader.jpg", "height": 2000, "width": 800 } } </script>
Há mais material na pasta de exemplos do ampproject, incluindo a sintaxe alternativa de atributo HTML.
- Saiba como estruturar seu conteúdo para exibição na versão aprimorada da Busca do Google, por exemplo, notícias principais, carrossel, cards de receitas etc.
- Teste seus dados estruturados com a Ferramenta de teste de dados estruturados do Google.
Outros metadados para mais plataformas
Acesse o guia Descoberta social no site Fundamentos da Web para saber mais sobre as diferentes formas de preparar seu conteúdo para detecção e distribuição.