Compartilhamento

Como otimizar metadados

Na primeira vez em que alguém compartilha ou curte uma URL, o Rastreador do Facebook armazena a URL canônica resolvido e seus metadados em cache. Você pode ver os resultados do cache ou forçar uma nova extração com o Depurador de compartilhamento.

Você pode otimizar conteúdo passando somente metatags de Open Graph para o rastreador e somente o conteúdo em si para os usuários normais. Se preferir, você pode escolher apontar o rastreador para uma página independente usada somente para metadados com <link rel="opengraph" href="..."/>.

Como lidar com objetos grandes usando apontadores

Se o conteúdo tiver grandes quantidades de metadados, você poderá melhorar o desempenho servindo os metadados e o conteúdo de duas URLs diferentes e usando os apontadores para vincular as duas páginas. Essa abordagem é ideal para sites responsivos porque você pode servir a mesma página tanto para navegadores do desktop quanto de dispositivos móveis.

A URL em que seu conteúdo está hospedado deve conter as tags de Open Graph obrigatórias.

Em seguida, adicione uma tag que aponte para a página onde os metadados adicionais estão hospedados:

<link rel="opengraph" href="{DESTINATION_URL}"/>

Na URL de destino, inclua metadados adicionais e um apontador para a página original:

<meta property="og:type" content="metadata"/>
<link rel="origin" href={SOURCE_URL}/>

Pontos importantes:

  • A URL de origem tem que conter as tags básicas
  • A URL de origem pode ter quantos apontadores você quiser, mas cada página para onde apontarem terão que apontar de volta com uma tag link rel="origin"
  • Os apontadores só têm um nível; portanto, uma página do tipo “metadados” não pode conter outro link rel="opengraph"

Como otimizar para um subdomínio móvel

Aplicativos Web que usem subdomínios para versões otimizadas móveis podem evitar adicionar mais metadados às exibições móveis de suas páginas usando URLs canônicas que apontem para a exibição de desktop do mesmo conteúdo.

Adicione esta metatag à URL móvel:

<link rel="canonical" href="DESKTOP_OBJECT_URL" />

Não deixe de usar um caminho absoluto em vez de um caminho relativo como valor href canônico.

A página do desktop deve incluir as tags básicas de Open Graph do seu conteúdo, já que serão usadas pelo raspador do Facebook para identificar esse conteúdo de forma exclusiva.