Lar Mídia social Como otimizar as mídias sociais com o Open Graph Protocol do Facebook - dummies

Como otimizar as mídias sociais com o Open Graph Protocol do Facebook - dummies

Vídeo: O que é API? REST e RESTful? | Mayk Brito 2025

Vídeo: O que é API? REST e RESTful? | Mayk Brito 2025
Anonim

O Facebook é o principal site de redes sociais do mundo. Se você quiser otimizar as mídias sociais, você precisará saber sobre o Open Graph Protocol do Facebook. O protocolo Open Graph é um padrão de marcação semântica introduzido pelo Facebook em 2010 e agora amplamente aceito. Algumas pessoas vêem Open Graph como sendo concorrentes com Schema. org, mas, na realidade, os dois padrões são complementares.

É possível implementar o esquema. microdados org e a marcação Open Graph. Os padrões não são conflitantes.

Ambos os padrões têm o mesmo objetivo: descrever melhor as informações em uma página da web. As principais diferenças podem ser resumidas desta forma:

  • Os metadados de Gráficos Abertos descrevem a página como um todo.

  • Esquema. Os microformatos orgânicos descrevem elementos específicos na página.

Abrir Gráfico de marcação contém menos informações do que o Esquema. O org -microdata faz, mas é mais fácil de implementar. Para tornar a sua página web compatível com Gráficos abertos, você precisa adicionar metadados básicos para sua página. Como metadados tradicionais, os metadados do Open Graph entraram na tag da página da Web.

Em Open Graph-speak, uma página da Web é um objeto Gráfico aberto.

O Gráfico aberto tem quatro propriedades necessárias:

  • og: title : O título da página como você deseja que ele apareça em qualquer sistema que lê os dados do Gráfico de Aberto.

    É melhor manter a tag do título com menos de 88 caracteres. Embora você possa adicionar mais caracteres, o Facebook exibe apenas os primeiros 88.

  • og: digite : O tipo de seu objeto. Os tipos são especificados pelo protocolo e são bastante numerosos.

    tipo é uma propriedade interessante, pois controla onde o compartilhamento aparece nos interesses do usuário no Facebook. Se, por exemplo, você definir o tipo de objeto como "filme" e o usuário compartilhar o objeto, o compartilhamento aparece como um dos interesses do usuário abaixo do cabeçalho Filmes no perfil do Facebook da pessoa.

    Verifique aqui para descobrir todos os vários tipos de objeto.

  • og: image : O URL da imagem que deseja representar a página.

    imagem é uma marca importante, porque uma boa imagem pode ajudar seu conteúdo a se espalhar. Use esta etiqueta para controlar o que aparece quando seu conteúdo é compartilhado e certifique-se de que está otimizado para se encaixar bem no Facebook. (A proporção de 1. 9: 1 funciona melhor. Mantenha-o maior que 400 × 209 pixels.)

    Não deixe esta etiqueta em branco. Se você fizer isso, o Facebook simplesmente puxará alguma outra imagem da página - possivelmente levando a resultados inadequados.

  • og: url : O URL da página.O conteúdo da etiqueta url determina onde o usuário vai quando ele clica no botão Compartilhar.

Alguns dos elementos necessários possuem atributos opcionais adicionais e você pode fornecer vários valores para alguns deles, se assim o desejar.

As opções incluem

  • og: audio : Se você deseja que um arquivo de áudio acompanhe o objeto, use essa tag e especifique a URL do arquivo.

  • og: descrição : Use esta etiqueta para fornecer uma descrição de um ou duas frases do objeto.

    O Facebook exibe apenas os primeiros 300 caracteres da sua descrição.

  • og: determiner : Esta tag permite que você especifique a palavra que precede o título do objeto em uma frase - normalmente, a, an, ou a.

  • og: locale : Esta etiqueta especifica a localidade para a página - em outras palavras, o idioma na página. Se o seu conteúdo estiver em inglês americano, por exemplo, o valor dessa tag seria en_us.

  • og: local: alternativo : Se a página é oferecida em vários idiomas, você pode listá-los usando essa tag.

  • og: site_name : Se a página da Web for parte de um site maior que tenha um nome diferente, use esta tag para especificar o nome do site.

  • og: video : Se você possui um arquivo de vídeo para incluir, use esta tag para especificar o URL do arquivo.

Usar as tags é mais fácil de entender com um exemplo. No exemplo a seguir, você vê como você pode implementar a marcação Open Graph para uma página da Web sobre um livro intitulado HowTo: WordPress 4:

 200x300. png ">  Escrito por Ric Shreves e publicado pela água e pedra digital. Disponível agora na Amazon. com, Google Play Store e neste site. Publicado nas versões ePub, Mobi e PDF. ">

Suas tags Open Graph ir na tag da página. Observe que se você estiver usando um sistema popular de gerenciamento de conteúdo (como WordPress, Joomla! Ou Drupal), os plug-ins irão lidar com esta tarefa para que você não precise escrever nenhum código.

O resultado da implementação dos metadados do Open Graph é controlar o que é exibido quando alguém compartilha o conteúdo na página da Web. Se alguém compartilhar a página com a marcação mostrada no código anterior, isso é o que parece.

Exemplo de compartilhamento de compartilhamento do Facebook.

Se você não tiver certeza de que você fez uma marcação Open Graph corretamente, teste-a com o Open Debugger de gráfico aberto do Facebook.

Embora os metadados do Open Graph sejam fundamentais para o sucesso do seu conteúdo no Facebook, ele também é usado por vários outros sites sociais importantes, incluindo Twitter, Pinterest, LinkedIn e Google+.

A marcação Open Graph funciona? Isso certamente faz! O site do livro eletrônico Kobo afirma ter alcançado um aumento de 50% no tráfego do Facebook depois de implementar tags do Open Graph.

Como otimizar as mídias sociais com o Open Graph Protocol do Facebook - dummies

Escolha dos editores

Fatos de plantas e animais para lembrar para o exame de biologia AP - dummies

Fatos de plantas e animais para lembrar para o exame de biologia AP - dummies

A seguinte lista contém algumas das informações mais desafiadoras sobre plantas e animais que você pode encontrar no exame de biologia AP. Estude esta lista, desde que você precise - se você se lembrar dessa informação durante o teste, você fará tudo bem. As plantas vasculares têm raízes, rebentos e caules, cada um dos quais ...

Física Tópicos para estudar para o teste Miller Analogies (MAT) - dummies

Física Tópicos para estudar para o teste Miller Analogies (MAT) - dummies

Massa , velocidade, aceleração - sim, é hora de rever toda a física que você aprendeu no ensino médio e se preparar para o MAT (Miller Analogies Test). Para o MAT, familiarizar-se com a física não implica aprender equações complicadas. Você só precisa se lembrar de alguns termos de física e aprender sobre alguns físicos famosos. Essas listas ajudam ...

Médico Assistente de Exame para Dummies Cheat Sheet - dummies

Médico Assistente de Exame para Dummies Cheat Sheet - dummies

Quando você está se preparando para tomar a PANCE ou PANRE , você pode sentir que precisa conhecer uma quantidade infinita de informações. Como você vai se lembrar de todos os detalhes de tantas doenças e condições? Aqui, você pode revisar alguns mnemônicos úteis que não só ajudarão seu recall como você se prepara para o seu ...

Escolha dos editores

Como criar uma ordem de compra no QuickBooks 2010 - dummies

Como criar uma ordem de compra no QuickBooks 2010 - dummies

Você pode usar o QuickBooks para criar uma compra Ordem para o seu negócio. Uma ordem de compra informa um fornecedor que deseja comprar algum item. Na verdade, um pedido de compra é um contrato para compra.

Como personalizar os formulários de verificação no QuickBooks 2011 - dummies

Como personalizar os formulários de verificação no QuickBooks 2011 - dummies

Antes de escrever suas verificações no QuickBooks, você pode decida que deseja personalizá-los um pouco. Você pode querer que seus cheques reflitam a aparência do seu negócio. Por exemplo, o QuickBooks oferece a oportunidade de alterar as fontes em seus cheques. Se você clicar na aba Fontes na caixa de diálogo Verificar impressão ...

Como personalizar os formulários on-line do QuickBooks para lidar com os subtotais - manequins

Como personalizar os formulários on-line do QuickBooks para lidar com os subtotais - manequins

Se precisar subtotar informações sobre o seu formulários de vendas, configure formulários de vendas no QuickBooks Online para que você possa incluir subtotais neles. Você pode subtotar linhas em uma fatura, uma estimativa ou um recibo de venda. Primeiro, ative o recurso; Para este exemplo, ative o recurso para o formulário de fatura. Siga ...

Escolha dos editores

Como converter imagens em modo escala de cinza em Photoshop Elements 11 - dummies

Como converter imagens em modo escala de cinza em Photoshop Elements 11 - dummies

Imagens em escala de cinza têm preto e pixels brancos e qualquer um dos 256 níveis de cinza. Ao converter uma imagem RGB em escala de cinza no Photoshop Elements 11, você pode fazer com que pareça uma foto em preto e branco. Evite converter em escala de cinza escolhendo Image → Mode → Grayscale. Quando os elementos executam essa conversão, ele remove toda a cor dos pixels, ...

Como converter imagens em modo escala de cinza em Photoshop Elements 9 - dummies

Como converter imagens em modo escala de cinza em Photoshop Elements 9 - dummies

Em Photoshop Elements, você pode converter uma imagem RGB em escala de cinza, fazendo com que pareça uma foto em preto e branco. As imagens de tons de cinza têm pixels em preto e branco e qualquer um dos 256 níveis de cinza. No entanto, você não precisa desistir de seus dados de cores. Como alternativa ao uso do comando de menu para converter imagens para ...

Como corrigir imagens com curvas de cores - dummies

Como corrigir imagens com curvas de cores - dummies

Photoshop Elements 10 emprestou um recurso muito usado do Photoshop chamado Curves. No entanto, adicionou a palavra Cor e tirou parte de sua sofisticação. No entanto, o ajuste Color Curves tenta melhorar o alcance tonal em imagens a cores fazendo ajustes em destaques, sombras e tons médios em cada canal de cores. Tente usar este comando em ...