Como otimizar a mídia social com o protocolo open graph do facebook
Facebook é o principal site de mídia social no mundo. Se você esperar para otimizar mídia social, você precisa saber sobre o Facebook Open Graph Protocol. O protocolo Open Graph é um padrão de marcação semântica introduzida pelo Facebook em 2010 e agora amplamente aceita. Algumas pessoas vêem Open Graph como estando em concorrência com Schema.org, mas, na realidade, as duas normas são complementares.
Conteúdo
É possível implementar tanto a microdados Schema.org e a marcação Open Graph. As normas não entrem em conflito.
Ambos estes padrões têm o mesmo objetivo: descrever melhor as informações em uma página web. As principais diferenças podem ser resumidas da seguinte forma:
Abrir metadados Graph descreve a página como um todo.
microformatos Schema.org descrever elementos específicos na página.
Abrir marcação Graph contém menos informação do que os microdados Schema.org faz, mas é mais fácil de implementar. Para fazer a sua página web Open Graph-compliant, você precisa adicionar metadados básicos para a sua página. Como metadados tradicional, os metadados Open Graph vai para o tag da página web.
Na Open Graph-falar, uma página web é um Abrir objeto gráfico.
Open Graph tem quatro propriedades necessárias:
og: título: O título da página que você deseja que ele apareça em qualquer sistema que lê os dados Open Graph.
É melhor para manter o título de tag menor do que 88 caracteres. Embora seja possível adicionar mais caracteres, Facebook exibe apenas o primeiro 88.
og: tipo: O tipo do seu objeto. Tipos são especificadas pelo protocolo e são bastante numerosos.
tipo é uma propriedade interessante, uma vez que controla onde a percentagem aparece em interesses do usuário no Facebook. Se, por exemplo, você definir o tipo do objeto a “filme” e as ações de usuário do objeto, a participação mostra-se como um dos interesses do usuário abaixo os filmes que dirigem no perfil de Facebook da pessoa.
Confira aqui para saber mais sobre todas as várias tipos de objetos.
og: image: O URL da imagem que você deseja representar a página.
imagem é uma marca importante, porque uma boa imagem pode ajudar o seu conteúdo se espalhou. Use esta tag para controlar o que aparece quando o seu conteúdo é compartilhado e se certificar de que ele é otimizado para encaixar muito bem no Facebook. (A proporção de 1,9: 1 funciona melhor mantê-lo maior do que 400 × 209 pixels.).
Não deixe esta tag em branco. Se você fizer isso, o Facebook vai simplesmente puxar alguma outra imagem da página - possivelmente levando a resultados inadequados.
og: url: O URL da página. O conteúdo do url tag determina onde o usuário vai quando ele clica no botão Compartilhar.
Alguns dos elementos necessários têm atributos opcionais adicionais, e você pode fornecer vários valores para alguns deles, se assim desejar.
As opções incluem
og: áudio: Se você quiser um arquivo de áudio para acompanhar o objeto, use essa tag e especifique o URL do arquivo.
og: Descrição: Use esta tag para fornecer uma descrição de um ou dois frase do objeto.
Facebook exibe apenas os primeiros 300 caracteres de sua descrição.
og: determinador: Esta tag permite que você especifique a palavra que precede o título do objeto em uma frase - tipicamente, um, um, ou a.
og: locale: Esta tag especifica a localidade para a página - em outras palavras, a língua na página. Se o seu conteúdo é em Inglês Americano, por exemplo, o valor dessa tag seria en_us.
og: local: alternativo: Se a página é oferecido em vários idiomas, você pode listar todos eles usando essa tag.
og: site_name: Se a página web é parte de um local maior, que tem um nome diferente, use essa tag para especificar o nome do site.
og: video: Se você tem um arquivo de vídeo para incluir, use esta tag para especificar a URL do arquivo.
Video: TUTORIEL SOCIAL GRAPH - Open Graph Facebook Part. 1/2
Usando 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 web sobre um livro intitulado HowTo: WordPress 4:
200x300.jpg”gt;Escrito por Ric Shreves e publicado pela água&pedra digital. Disponível agora em Amazon.com, Google Play Store e neste site. Publicado em ePub, Mobi e PDF “gt.;
Seus Abertas etiquetas Gráfico ir na tag da página. Note que se você estiver usando um sistema de gerenciamento de conteúdo popular (como o WordPress, Joomla !, ou Drupal), plug-ins vai lidar com essa tarefa para você para que você não tem que escrever qualquer código.
Video: Basics Of Open Graph OG Meta Tags
O resultado da implementação dos metadados Open Graph é controlar o que é exibido quando alguém compartilha o conteúdo da página web. Se alguém compartilha a página com a marcação mostrado no código anterior, este é o que parece.
Se você não tiver certeza de que você fez uma sua marcação Open Graph corretamente, testá-lo com calhar Open Graph Debugger do Facebook.
Embora os metadados Open Graph é a chave 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+.
Faz Open Graph trabalho de marcação? Certamente que sim! local do E-book Kobo afirma ter conseguido um aumento de 50 por cento no tráfego de Facebook após a implementação de tags Open Graph.