Atenção: esse post é uma prova gigante do quanto eu sou maluca por metadados e classificação. Prossiga com cuidado.
Há mais ou menos um ano atrás, o Facebook lançou um esquema de metadados chamado Open Graph, a fim de facilitar a integração entre páginas da web e o próprio facebook. Nas palavras deles, usando o Open Graph, você pode fazer qualquer página se comportar como um objeto do facebook, com direito a analytics e tudo.
A ideia dos desenvolvedores, no início, era usar tags de esquemas já existentes, como o Dublin Core e o foaf, além de meta tags do próprio html, mas no caminho eles perceberam que isso ficaria muito complicado, sem contar uma sopa de letrinhas. Assim, usando as especificações da W3C pro RDFa, o Open Graph reúne todos os atributos que eles julgaram úteis – os obrigatórios são:
- Categoria: baseada nas páginas mais frequentes do Facebook, identifica a natureza daquele objeto. Pode ser uma atividade, um negócio ou um produto. Cada uma dessas categorias tem subcategorias que podem ser usadas pra refinar ainda mais essa classificação.
- Um título “limpo”: sabe quando você manda uma página pra wall do Facebook e ela vai com o title superpoluído? Dessa forma você pode normalizar para um título mais agradável, sem as exigências de SEO.
- Uma imagem: Ah, isso é bem interessante. Usando a tag de imagem do Open Graph, é possível associar uma imagem fixa ao objeto. Sem essa de mandar uma página pro Facebook e torcer pra cair uma imagem descritiva.
- Uma URL canônica: eles pensaram em usar o rel-canonical, mas depois de consultarem usuários potenciais, perceberam que havia o medo disso impactar nos rankings de busca. Então incluíram essa tag.
Além dessas meta tags, que, no caso de uma página da web, ficam no <head>, existem também outras não obrigatórias porém recomendadas, como descrição e nome do site (para reunir páginas que pertencem ao mesmo site).
Exemplo de uso do Open Graph
Existem ainda tags que são usadas no conteúdo para identificar informações de contato, eventos, informações de vídeo, audio, etc.
Será que cola?
Apesar do principal objetivo deles com o Open Graph seja identificar esses elementos para incorpora-los aos dados do facebook em si, confesso que estudar sobre o esquema mudou um pouco minha opinião sobre a rede social. Através desse protocolo e da Open Graph API, que permite consultar praticamente tudo que está no facebook (se forem informações sobre os usuários, com a permissão dele, óbvio), é possível combinar o que está lá “dentro”, fechado, e o que está aqui “fora”, pra trazer mais contexto às informações apresentadas.
Por exemplo: não sou muito fã do conceito de busca social (e isso dá um post em si), mas pra certos nichos de consulta, é interessante contar com uma pequena ajuda dos amigos. O Yelp, site de reviews de restaurantes e negócios, e o Rotten Tomatoes, site de reviews de filmes, já entenderam isso e levaram a integração além com o “Facebook Instant Personalization”, que dá grande destaque às opiniões e preferências das pessoas da sua rede de amigos.
Não sei qual é o nível de adoção ativa (sem ser através do botão de like) disso – e nem sei se é usado por motivos “extra-facebook”, mas qualquer forma de organizar dados de maneira estruturada ganha um voto de confiança da minha parte. Considerando que uma das tags obrigatórias é exatamente de categoria, imagino as possibilidades de usar isso para desambiguação e oferecimento de informações exatas relacionadas a um tema. Afinal, o Facebook é a rede social mais popular do mundo, cada vez mais presente no Brasil e torna muito fácil para seus usuários manifestarem seus interesses – basta apertar “curtir”.
Além disso, ele é mesmo mais simples que os outros esquemas, porque não tem muito compromisso com abrangência, então não precisa prever “n” casos de uso, como acontece com os já citados Dublin Core e foaf, além de ter tags pensadas diretamente para objetos nativos da Web, como sites e blogs.
Obviamente, nem tudo são flores. o verdadeiro sentido do “Open” no nome do protocolo pode ser debatido: as informações são abertas, mas a forma como o usuário interage com elas é proprietária.
Ok, quero usar o Open Graph!
Bom, se você tem algum plugin oficial do botão de like no seu site, você provavelmente já utiliza. Mas se quiser um controle maior sobre a forma como as informações estão sendo passadas, no site oficial do protocolo você encontra o básico pra começar, como as tags e exemplos de aplicação. Lá também tem recursos para saber como usar o Open Graph com Java, PHP e Ruby.
O próprio Facebook oferece um gerador de botão de like e tags do Open Graph, prontinhas pra serem coladas no <head> da sua página.
Ri com o aviso inicial :D
“Atenção: esse post é uma prova gigante do quanto eu sou maluca por metadados e classificação. Prossiga com cuidado.”
“não sou muito fã do conceito de busca social”, Porque?
Obrigado pelas informações, lembro de ter lido também um protocolo aberto para “vídeos” esqueci o nome. Protocolos podem ajudar (e virar ‘padrão de facto’) ou no máximo não serem usados.
Parabéns pelo post.
Pretendo escrever um post sobre isso, mas basicamente é porque eu acho que nem todas as buscas precisam de resultados sociais. Se for algo muito especializado, por exemplo, não é porque o Fulano é seu amigo e gostou daquele resultado que ele é o melhor pra você. Em compensação, para buscas que envolvem opinião – filmes, livros, restaurantes – esse conceito é muito legal!
Existem protocolos de descrição de metadados pra tudo, e o grande desafio é fazer eles conversarem entre si, já que é bem difícil assumir que um padrão só será adotado.
^_^ No aguardo desse artigo
Conhecendo o Facebook Open Graph Protocol http://t.co/0EafuXV
Muito bom o post, Raquel! Super bem explicativo!
Você bem poderia fazer um sobre busca social! (que tal como convidada no SEO de Saia?!) =D
Parabéns!
Renata, estou super a fim de escrever um post sobre isso. Quando ele estiver pronto mando por email pra você, que tal?
Olá. Raquel. Estou buscando informações sobre o Open Graph para passar para meus leitores, já que o OG é peça do plugin WordPress SEO by Yoast. Este é o primeiro artigo que visito e não compreendi bem para que serve. Mas tudo começa por um começo. Valeu.
Oi Valter! O Open Graph é um protocolo de dados estruturados que permite ao dono de uma página oferecer suas informações relevantes num formato que o Facebook entenda. Isso quer dizer que sem especificar no Open Graph as informações do seu site/post, quando alguém clica em “curtir”, por exemplo, o Facebook tem que “adivinhar” as informações e pode acabar pegando coisas erradas – uma imagem de background ao invés da imagem destacada do post, por exemplo. Usando o Open Graph, especialmente através de plugins como o WordPress SEO, que facilita a entrada dos dados, você fornece para o Facebook os dados da maneira como você quer que eles sejam lidos. Em outras palavras, é uma forma de você estruturar suas informações na “língua” do Facebook. Espero que tenha esclarecido! :)
Muito bom!
Um pequeno complemento ao Post da Raquel, que por sinal é muito bom para fins básicos do Open Graph. Após colocar os seus “<meta …" em sua página, talvez você queira ver como ele está ,se contem algum erro de sintaxe, etc…
Para isso, use o Debugger, um depurador no próprio do Facebook que lhe dá esses detalhes.
Agora, aumentando um pouco as dificuldades por aqui. rs
Que tal Raquel um post sobre feed (publicações automáticas) no mural do usuário em seu nome(usuário). Claro, quando o app tiver essa permissão concedida pelo usuário, como exige o Facebook.
É um assunto muito útil e se você já tiver familiarizada gostaria que pudesse me mandar um exemplo de uso. Eu tenho alguns materiais aqui também e poderíamos postar a p galera uma case de uso. O que me diz ?
Esta sua maluquice por metadados levou este post à primeira página na minha busca. Parabéns, você está fazendo certo!
Olá, parabéns pelos artigos são muitos bons….
Estou estudando como criar uma aplicação que poste no mural dos amigos, mais até ontem eu nem tinha usuário no facebook…. ainda estou aprendendo!
Consegue me ajudar com a api open graph como eu faria para criar uma assinatura que publicasse algo no mural de um amigo, pessoa logada no meu site?
abs,
Olá. não sei se estarei fugindo do assunto, mas estou com um problema que apareceu a uns 6 dias. quando vou compartilhar uma nova postagem de meu blog no face, na caixinha de miniaturas não aparece mais a que escolhi para a postagem ou mesmo a quase fixa, que costumo usar em quase todas as postagens. ( então , na realidade sempre me apareciam duas opções) Agora está aparecendo a foto do perfil de meu blog.! e como tenho o botão de redirecionamento para um outro blog, com uma miniatura do mesmo, esta miniatura às vezes aparece tambem na caixinha de opções.
obs. a dois anos o mesmo problema ocorreu, mas depois se normalizou por si só.
Muito obrigado.
Pingback: Integração de sistemas com Redes Sociais « Tiago Gouvêa