O que é gráfico aberto? Controle a aparência dos seus links quando compartilhados

Você já viu: alguém compartilha um link e ele aparece com uma imagem grande, um título em negrito e uma descrição organizada, como um mini anúncio. Então, outra pessoa compartilha um link e é uma caixa triste e em branco com um URL truncado. A diferença são as tags Open Graph. Veja o que são e como fazer com que cada link compartilhado pareça profissional.

O que é gráfico aberto

Open Graph (OG) é um conjunto de tags , originalmente criado pelo Facebook, que informa às plataformas sociais como exibir sua página quando ela é compartilhada. Eles controlam o título, a descrição e a imagem da visualização. A maioria das principais plataformas – Facebook, LinkedIn, WhatsApp, Slack e outras – os lê. Você pode encontrar as especificações completas em ogp.me.

As tags mais importantes

• og:title — o título da visualização.
• og:description — a linha de texto de apoio.
• og:image — a imagem de visualização (o principal fator para as pessoas clicarem). Procure 1200×630 pixels.
• og:url — o URL canônico da página.
• og:type — geralmente "website" ou "artigo".

Não se esqueça dos cartões X (Twitter)

X usa seu próprio conjunto semelhante de tags chamado Twitter Cards (twitter:card, twitter:image e assim por diante). Eles trabalham junto com o Open Graph. Gere-os com nosso gerador de cartões do Twitter para que seus links fiquem ótimos lá também.

Por que vale a pena gastar cinco minutos

Um link com uma imagem forte e um título claro recebe muito mais cliques do que um link em branco. Como os compartilhamentos sociais costumam ser o primeiro tráfego que uma nova página obtém, tags OG bem definidas amplificam cada compartilhamento gratuitamente. É uma das pequenas tarefas de maior retorno em SEO e marketing.

Configure sem codificação manual

Nosso gerador Open Graph gratuito produz o conjunto completo de tags a partir de um formulário simples. Cole-as no da sua página e pronto. Audite o que uma página envia atualmente com o analisador de meta tags.

Acertando a imagem

A imagem OG faz a maior parte do trabalho em uma visualização compartilhada, por isso merece cuidado. Use 1200×630 pixels (uma proporção de 1,91:1) — o tamanho que todas as principais plataformas exibem de forma limpa. Mantenha textos e rostos importantes longe das bordas, já que plataformas diferentes cortam de maneira ligeiramente diferente, e certifique-se de que qualquer texto seja grande o suficiente para ser lido em tamanho de miniatura em um feed movimentado. Uma imagem borrada, mal cortada ou com muito texto prejudica o clique tão certamente quanto uma imagem ausente.

Como o cache surpreende as pessoas

Aqui está um frequente "está quebrado!" momento: você atualiza suas tags OG, compartilha novamente o link e a visualização antiga ainda aparece. Isso ocorre porque as plataformas armazenam em cache visualizações de desempenho. A correção é a ferramenta de depuração de cada plataforma – o Sharing Debugger do Facebook e o Post Inspector do LinkedIn permitem forçar uma nova raspagem para que a nova imagem e texto apareçam. Sempre execute um link por meio do depurador relevante após alterar as tags OG, em vez de presumir que elas não funcionaram.

Tags OG e SEO

As tags Open Graph não afetam diretamente sua classificação no Google — elas são para plataformas sociais, não para rastreadores de pesquisa. Mas eles afetam as classificações indiretamente: compartilhamentos com melhor aparência geram mais cliques e tráfego, e a visibilidade social pode levar a links e menções que ajudam o SEO. Pense no OG como a ponte entre seu conteúdo e a distribuição social que o amplifica, trabalhando junto com sua meta descrição para pesquisa.

Resultado

As tags Open Graph controlam como seus links aparecem quando compartilhados: título, descrição e aquela imagem tão importante. Adicione-os (mais os Twitter Cards), use uma imagem de 1200×630 e cada compartilhamento se tornará um mini anúncio sofisticado em vez de uma caixa com aparência quebrada.