Desenho do meu rosto em formato cartoon.
Marcus Pereira
tech lead @ Getrak

In english: Fixing OpenGraph previews on LinkedIn.

Corrigindo as prévias do OpenGraph ao compartilhar links no LinkedIn

25/07/2022

Captura de tela do Linkedin mostrando a prévia do post sendo exibida ao compartilhar o link de um artigo deste blog.

Quando desenvolvi esse blog, um dos objetivos principais era que as prévias de links (usando o OpenGraph) seriam exibidas corretamente no máximo de websites possíveis quando alguém compartilhasse um post ou uma página.

Desde que implementei, o único site que eu tinha problemas era o LinkedIn e eu não conseguia entender o porquê. A imagem de prévia e os detalhes do post não eram exibidos, apenas o título do site.

Nada parecia errado no código, mas o problema era um espaço entre o último atributo da tag <meta> e o caractere "maior que" que fecha a tag. A minha teoria é que os demais sites processavam essa tag e realizavam certo tratamento, removendo quaisquer espaços extras antes da criação dos cards de prévia, mas não o LinkedIn.

Foi só remover e as prévias começaram a ser exibidas corretamente.

Continue lendo...

<< O Vite é incrível

Escrevendo shell scripts melhores usando o poder do Node com Google ZX >>