Open Graph Markup
O conteúdo principal é partilhado no Facebook como um URL, por isso é importante que marque o seu website com etiquetas Open Graph para assumir o controlo sobre como o seu conteúdo aparece no Facebook. Para que o seu website seja partilhado correctamente pelo nosso crawler, o seu servidor deve também usar o gzip e esvaziar as codificações.
Sem estas etiquetas de Gráfico Aberto, o Crawler do Facebook usa a heurística interna para fazer um melhor palpite sobre o título, descrição, e pré-visualização da imagem para o seu conteúdo. Designe esta informação explicitamente com as etiquetas de Gráfico Aberto para garantir a mais alta qualidade dos posts no Facebook.
Aqui está um exemplo de conteúdo formatado com etiquetas de Gráfico Aberto para uma óptima exibição no Facebook:
Markup Example
Por exemplo, aqui está como marcar um artigo, notícia ou post de blog com og:type="article" e várias propriedades adicionais:
As propriedades incluem meta-dados descritivos sobre o artigo que queremos especificamente apresentar quando alguém partilha o artigo.
Basic Tags
Estas são as meta tags mais básicas que deve utilizar para todos os tipos de conteúdo:
| Tag | |
|---|---|
|
|
O URL canónico para a sua página. Este deve ser o URL não decorado, sem variáveis de sessão, parâmetros de identificação do utilizador, ou contadores. Os gostos e as acções para este URL serão agregados neste URL. Por exemplo, os URLs de domínio móvel devem apontar para a versão desktop do URL como o URL canónico para agregar o Likes and Shares em diferentes versões da página. |
|
|
>p> O título do seu artigo sem qualquer marca, tal como o nome do seu site. |
p>>og:description>/td> |
>p> Uma breve descrição do conteúdo, normalmente entre 2 e 4 frases. Isto será exibido abaixo do título do post no Facebook. |
| >p> O URL da imagem que aparece quando alguém partilha o conteúdo no Facebook. Veja abaixo para mais informações, e veja o nosso guia de melhores práticas para aprender a especificar uma imagem de pré-visualização de alta qualidade. | |
p>fb:app_id |
>p> Para utilizar o Facebook Insights deve adicionar o ID da aplicação à sua página. Insights permite-lhe ver a análise de tráfego para o seu site a partir do Facebook. Encontre a ID da aplicação no seu Painel de Aplicações. |
>br>>>p>p>P>Pode também querer adicionar duas etiquetas adicionais para melhorar a distribuição do seu conteúdo e mais envolvimento:
| Tag | Description |
|---|---|
|
|
O tipo de suporte do seu conteúdo. Esta etiqueta tem impacto na forma como o seu conteúdo aparece no News Feed. Se não especificar um tipo,o padrão é |
|
|
>p> O locale do recurso. O padrão é en_US. Também pode usar og:locale:alternate se tiver disponíveis outras traduções linguísticas. Aprenda sobre os locais que suportamos na nossa documentação sobre localização. |