Open Graph Debugger / Simulator

Open Graph Debugger / Simulator é compatível com cada SNS.

• Exibindo como uma página é compartilhada com o Open Graph, digitando o URL
• Mostrando og:. Image / og: Título / og: Descrição no modo de visualização como uma página é compartilhada em facebook / Twitter / lINE / Hatena Bookmark.
• Exibindo todas as versões de PC, smartphone e aplicativo com vários tamanhos de exibição / comprimentos de caracteres.
• Selecionar e upload até 50 imagens para uma confirmação de exibição. Útil para comparar como estas imagens são mostradas. Enquanto várias imagens são exibidas, você pode alterar uma imagem específica com um clique.

* Por favor, entenda que a exibição pode ser diferente do real, juntamente com a mudança de método de exibição de cada SNS. * Uma vez que uma página é compartilhada, configuração Open Graph é armazenado em cache em um SNS. No caso do visor (imagem OG, título, etc.) não é atualizado após a alteração da configuração, tente limpar o cache em cada SNS.

• Facebook / LINE: target='_blank' Debugger objeto - Facebook Developers
• Twitter: Validador | Twitter Desenvolvedores

O que é um OGP?

OGP significa Open Graph Protocol, que é um sistema definido para transmitir o conteúdo de páginas da web no SNS. Ao definir Open Graph corretamente, um especificado image / título / descrição é exibida quando um conteúdo web é compartilhada.

Por que é og: image importante

? Quando uma página é compartilhada, og: image preencher uma grande parte da exibição. Ao definir o og: image atraente no tamanho apropriado, a página será mais atraente para os usuários, o que leva a um aumento no CTR / o número de pontos de vista.

imagem apropriada para og: image

* Imagens recomendados como de Maio de 2019 *

• As coisas a destacar é situado no meio
(Relação de aspecto: 1: 0,525)
• 1,200 * 630
• PNG

As razões para as recomendações está relacionada com a proporção de um processo de compressão de imagem e imagem de cada aspecto do SNS. * Proporção de imagens *

• Facebook - 1: 0,522
• Twitter (grande), versão para PC - 1: 0,502 / versão smartphone - 1: 0,524
• Hatena Bookmark, a versão PC - 1: Versão 0.68 / smartphone - 1: 0,75

A proporção é principalmente lateralmente longa. Quando uma imagem quadrada é usada para og: imagem, superior e inferior são cortadas. Og: imagem é quadrado no Twitter (resumo), Hatena Bookmark aplicativo e LINE, por isso, quando na vertical / lateralmente longo og: imagem está definido, superior e inferior, esquerda e direita são cortadas e e exibido na praça. * Processo de compressão da imagem * Og: imagem às vezes é comprimido pelo SNS. Desde PNG é um formato de compressão sem perdas (um método de compressão de dados que faz antes e após o processo com a compressão e desenvolvimento ser totalmente iguais), a qualidade da imagem não muda.

O que é um bookmarklet? Um bookmarklet é um programa simples que você pode ativar do seu marcador. Ao adicionar esta ferramenta para a barra de favoritos com drag-and-drop, a configuração Open Graph de um site em navegação será exibido com um clique.