Ainda me lembro da frustração de compartilhar um dos meus primeiros posts de blog no Facebook, apenas para vê-lo puxar uma imagem completamente aleatória e pixelada. Depois de passar horas no conteúdo, foi desanimador vê-lo mal representado antes mesmo que alguém tivesse a chance de clicar.
Isso acontece quando um site não dá às plataformas de mídia social instruções claras sobre o que exibir. Sem essa orientação, o Facebook tem que adivinhar, e muitas vezes adivinha errado.
Aqui no WPBeginner, dominamos como controlar a aparência do nosso compartilhamento social usando metadados Open Graph. Neste guia, vamos guiá-lo pelos métodos comprovados que usamos, para que você possa garantir que seu conteúdo sempre tenha a melhor aparência quando compartilhado.
Você pode usar os links rápidos abaixo para pular diretamente para o método que mais lhe interessa:
- Adicionando Metadados do Facebook Open Graph com AIOSEO
- Definindo Metadados do Facebook Open Graph Usando Yoast SEO
- Adicionando Metadados Open Graph do Facebook Usando Código
- Perguntas Frequentes Sobre Open Graph do Facebook
- Recursos Adicionais Sobre Facebook e WordPress
Importante: Por favor, escolha apenas um dos métodos abaixo. Usar vários plugins de SEO ou adicionar o código manualmente enquanto um plugin está ativo pode criar tags Open Graph conflitantes, o que pode causar resultados de compartilhamento inesperados. Recomendamos o Método 1 usando AIOSEO para a configuração mais fácil e abrangente.
Método 1: Adicionando Metadados do Facebook Open Graph com AIOSEO
All in One SEO é um plugin de SEO popular para WordPress usado por mais de 3 milhões de sites. Ele permite que você otimize facilmente seu site para mecanismos de busca, bem como para plataformas sociais como Facebook e Twitter.
Primeiro, você precisa instalar e ativar o plugin gratuito All in One SEO. Para mais detalhes, veja nosso guia passo a passo sobre como instalar um plugin do WordPress.
Após a ativação, você precisa visitar a página All in One SEO » Redes Sociais. Aqui, você pode inserir o URL da sua página do Facebook e todas as suas outras redes sociais.
Em seguida, clique na aba do Facebook na parte superior da página e você verá que o Open Graph Markup está ativado por padrão.
Você pode clicar no botão ‘Upload or Select Image’ para escolher uma imagem padrão do Facebook OG se um artigo não tiver uma imagem Open Graph.
Se você rolar para baixo, poderá personalizar o nome do seu site, a descrição e mais configurações. Não se esqueça de clicar no botão azul ‘Salvar Alterações’ quando terminar.
Agora que você definiu metatags Open Graph para todo o site, o próximo passo é adicionar metadados Open Graph para posts e páginas individuais.
Por padrão, o AIOSEO usa o título SEO e a meta descrição do seu post para o título e a descrição do Open Graph. Você também pode definir manualmente a miniatura do Facebook para cada página e post.
Simplesmente edite o post ou a página e role para baixo até a seção ‘Configurações do AIOSEO’ abaixo do editor. A partir daqui, mude para a aba Social e você verá uma prévia da sua miniatura.
Você pode definir a imagem das mídias sociais aqui, bem como o título e a descrição.
Basta rolar para baixo até o campo ‘Fonte da Imagem’. Você pode escolher usar a imagem destacada, fazer upload de uma imagem personalizada ou outras opções.
Método 2: Definir Metadados Open Graph do Facebook Usando Yoast SEO
Yoast SEO é outro plugin de SEO para WordPress que você pode usar para adicionar metadados do Facebook Open Graph a qualquer site WordPress.
A primeira coisa que você precisa fazer é instalar e ativar o plugin Yoast SEO. Para mais detalhes, veja nosso guia passo a passo sobre como instalar um plugin WordPress.
Uma vez ativado, os dados do Facebook Open Graph são habilitados por padrão.
Você pode verificar isso indo em Yoast SEO » Configurações e rolando para baixo até a seção Compartilhamento Social. Agora você pode garantir que o recurso de dados Open Graph esteja habilitado.
Você pode salvar suas configurações ou continuar e configurar outras opções sociais do Facebook.
Você pode fornecer um ID de aplicativo do Facebook se usar um para sua página do Facebook e insights. Você também pode alterar o título, a descrição e a imagem meta Open Graph da sua página inicial.
Por último, você pode definir uma imagem padrão a ser usada quando nenhuma imagem for definida para uma postagem ou página.
A versão Premium do Yoast SEO também permite definir metadados Open Graph para postagens e páginas individuais. Simplesmente edite uma postagem ou página e role para baixo até a seção ‘Yoast SEO’ abaixo do editor.
A partir daqui, você pode definir uma miniatura do Facebook para essa postagem ou página em particular. Se você não definir um título ou descrição de postagem, o plugin usará seu título e descrição meta de SEO.
Agora você pode salvar sua postagem ou página, e o plugin armazenará seus metadados Open Graph do Facebook.
Método 3: Adicionando Metadados Open Graph do Facebook Usando Código
Este método geralmente requer que você copie e cole código no arquivo functions.php do seu tema. No entanto, recomendamos adicionar o código usando o plugin WPCode em vez disso, o que torna mais fácil e seguro adicionar código personalizado no WordPress.
O WPCode também vem com uma biblioteca de snippets de código prontos, incluindo um para adicionar tags Open Graph básicas, então leva apenas alguns cliques.
Primeiro, instale e ative o plugin gratuito WPCode. Para mais detalhes, consulte nosso guia sobre como instalar um plugin do WordPress.
Após a ativação, você pode ir para Code Snippets » + Add Snippet no seu painel do WordPress.
Procure pelo snippet ‘Add basic Open Graph Tags’ na biblioteca. Assim que encontrá-lo, passe o mouse sobre ele e clique no botão ‘Usar snippet’.
Em seguida, o WPCode adicionará o código automaticamente para você, além de definir o cabeçalho de todo o site como o local de inserção.
Depois disso, tudo o que você precisa fazer é ativar o snippet para ‘Ativo’ e clicar no botão ‘Atualizar’. Seu tema agora começará a exibir metadados do Facebook Open Graph no cabeçalho do WordPress.
Se você for um usuário avançado, ainda poderá copiar e colar o código abaixo no arquivo functions.php do seu tema.
Como isso exige que você edite diretamente os arquivos do seu tema, certifique-se de fazer backup dos arquivos do seu tema antes de fazer quaisquer alterações.
//Adding the Open Graph in the Language Attributes
function add_opengraph_doctype( $output ) {
return $output . ' xmlns:og="http://opengraphprotocol.org/schema/" xmlns:fb="http://www.facebook.com/2008/fbml"';
}
add_filter('language_attributes', 'add_opengraph_doctype');
//Lets add Open Graph Meta Info
function insert_fb_in_head() {
global $post;
if ( !is_singular()) //if it is not a post or a page
return;
echo '<meta property="fb:app_id" content="Your Facebook App ID" />';
echo '<meta property="og:title" content="' . get_the_title() . '"/>';
echo '<meta property="og:type" content="article"/>';
echo '<meta property="og:url" content="' . get_permalink() . '"/>';
echo '<meta property="og:site_name" content="Your Site Name Goes Here"/>';
if(!has_post_thumbnail( $post->ID )) { //the post does not have featured image, use a default image
$default_image="http://example.com/image.jpg"; //replace this with a default image on your server or an image in your media library
echo '<meta property="og:image" content="' . $default_image . '"/>';
}
else{
$thumbnail_src = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'medium' );
echo '<meta property="og:image" content="' . esc_attr( $thumbnail_src[0] ) . '"/>';
}
echo "
";
}
add_action( 'wp_head', 'insert_fb_in_head', 5 );
Lembre-se de adicionar o nome do seu site na Linha 17, onde diz ‘Your Site Name Goes Here’. Depois disso, você deve alterar o URL da imagem padrão na Linha 19 com um dos seus próprios URLs de imagem.
Recomendamos colocar uma imagem com seu logotipo lá, para que, se seu post não tiver uma miniatura, ele use o logotipo do seu site.
Você também precisa adicionar seu próprio ID de aplicativo do Facebook na Linha 13. Se você não tiver um aplicativo do Facebook, poderá remover a Linha 13 do código.
Perguntas Frequentes Sobre Open Graph do Facebook
Ajudamos milhares de usuários a configurar suas configurações de compartilhamento social, e algumas perguntas surgem com bastante frequência. Aqui estão as respostas para as perguntas mais comuns sobre a adição de metadados Open Graph do Facebook.
1. Como faço para testar se minhas tags Open Graph estão funcionando corretamente?
A melhor maneira de verificar suas tags é com a ferramenta oficial do Facebook, o Depurador de Compartilhamento. Basta inserir o URL da sua postagem ou página, e a ferramenta mostrará uma prévia de como ela ficará ao ser compartilhada e listará quaisquer erros ou avisos que encontrar.
2. Qual é o melhor tamanho de imagem para uma imagem do Facebook Open Graph?
Para obter os melhores resultados em telas de alta resolução, o Facebook recomenda o uso de imagens com pelo menos 1200 x 630 pixels. É importante manter uma proporção de 1.91:1 para evitar que sua imagem seja cortada de forma estranha.
3. Por que o Facebook está mostrando a imagem errada mesmo depois de eu definir uma?
Geralmente, este é um problema de cache. O Facebook salva os dados do Open Graph que ele vê pela primeira vez para um URL. Se você atualizar a imagem, precisará dizer ao Facebook para verificar novamente executando o URL através da ferramenta Depurador de Compartilhamento e clicando no botão ‘Analisar Novamente’.
4. As tags do Open Graph afetam o SEO do meu site?
Embora as tags do Open Graph não afetem diretamente seus rankings nos motores de busca, elas têm um forte efeito indireto. Um compartilhamento social atraente e profissional leva a taxas de cliques mais altas e mais tráfego, que são sinais positivos para os motores de busca.
Recursos Adicionais Sobre Facebook e WordPress
Esperamos que este artigo tenha ajudado você a adicionar metadados do Facebook Open Graph no WordPress. Você também pode querer ver outros guias relacionados a como usar o Facebook no WordPress:
- Melhores Dicas e Tutoriais do Facebook para Usuários do WordPress
- Como Postar Automaticamente no Facebook a Partir do WordPress
- Como Instalar e Configurar Comentários do Facebook no WordPress
- Como Criar um Feed Personalizado do Facebook no WordPress
- Como Exibir Suas Avaliações da Página do Facebook no WordPress
- Como Corrigir Problema de Miniatura Incorreta do Facebook no WordPress
- Como Exibir o Twitter e o Facebook do Autor na Página de Perfil
- Como Criar uma Landing Page de Anúncios do Facebook no WordPress
- Como Corrigir o Problema de oEmbed do Facebook e Instagram no WordPress
Se você gostou deste artigo, por favor, inscreva-se em nosso Canal do YouTube para tutoriais em vídeo do WordPress. Você também pode nos encontrar no Twitter e no Facebook.
wpbeginner
@SteveJoseph@joshuatj Josh, não tenho certeza de quando você verificou o plugin pela última vez, mas nosso plugin tem suporte total para og:description. Ele está lá desde a versão 0.1.2. Aqui está o changelog:http://wordpress.org/extend/plugins/facebook-open-graph-meta-in-wordpress/changelog/In na versão 0.1.3, melhoramos o código de descrição para realmente procurar o código de descrição do plugin do Yoast e, se ele não existir, ele puxa o trecho da postagem se ele existir.
SteveJoseph
@joshuatj Bom ponto e obrigado novamente pelos links e pela sua ajuda. É muito apreciado. Entre o Linter e o plugin do Yoast, devo ficar bem. Tudo de bom.
joshuatj
@SteveJoseph Ou você pode esperar até que o Facebook faça a execução do Lint.
SteveJoseph
@joshuatj Eu tentei o linter antes, mas isso só corrigiu a primeira postagem. O resto ainda exibe a cópia antiga. No entanto, percebi agora que se eu fizer o lint em cada página única, ele mostra as informações corretas, que é o que você postou acima. Irritante, mas acho que é isso que precisarei usar por enquanto ou verificar o link que você forneceu e ver se esse plugin funciona para mim. Muito obrigado, amigo! Saudações.
joshuatj
@SteveJoseph Ops, você tem razão, eu cometi um erro de digitação ali. Eu quis dizer “Yoast”. http://yoast.com/wordpress/seo/But na verdade, o Yoast faz mais do que apenas resolver o problema da og-description, então pode não ser o que você quer. Eu acabei de usar o URL Linter (http://developers.facebook.com/tools/lint/) para o seu site. Ele parece estar exibindo esta descrição “Future Tomorrow is the collective online moniker, portfolio site and blog of Steve Joseph. With over 14yrs creative experience across several disciplines and knowledge that far extends beyond “just being a creative”, there is much to share but still more to learn.”. É isso que você quer no campo de descrição? Tente “compartilhar no Facebook” novamente?
SteveJoseph
@joshuatj Obrigado pela resposta, joshuatj. Infelizmente, uma busca por “Yeost Facebook Plugin” ou “Yeost Plugin” não retornou resultados úteis para me guiar a essa possível solução. Você tem um link direto?
Eu também tentei pesquisar por “Yoast” pensando que poderia ter havido um erro de digitação na sua resposta e isso ainda não me levou a uma solução. Qualquer ajuda adicional seria muito apreciada. Obrigado pelo seu tempo.
joshuatj
@SteveJoseph Eu não acho que este plugin lida com a descrição. Tente o do Yeost?
SteveJoseph
desculpe pelo link – http://futuretomorrow.net/blog/ – clique em “compartilhar isto no Facebook” em qualquer post para ver o que está acontecendo em detalhes visuais. Obrigado novamente.
SteveJoseph
Olá,
Eu tentei tanto o seu plugin quanto o método de código e nenhum funcionou. Ao clicar em “compartilhar isto no Facebook” do meu blog, meu título está correto, o URL está correto, a imagem está correta, mas a descrição está antiga e incorreta. Existe uma atualização para o código ou plugin onde a “descrição” é exibida corretamente? Agradeço antecipadamente.
Abraços,
Steve
joshuatj
O plugin é incrível! Obrigado wpbeginner! No entanto, seria incrível se pudéssemos também adicionar o conteúdo da “descrição” para a meta tag <meta property=”og:description” content=””>
ExpandSM
desculpe, o site é http://societyofsocialpreneurs.com/blog
ExpandSM
Obrigado por este plugin! Eu tenho um blog que também é um site Buddypress e não consigo fazer com que ele puxe o trecho da postagem. Alguma sugestão?
jaffa
@wpbeginner Obrigado pela sua resposta.
Percebo que estou me tornando a maior chateação neste tópico e esta será minha última pergunta:
Eu uso as funções catch that image e tim thumb no meu site e estava me perguntando como ou se eu poderia implementar isso nesta função para substituir o código que procura por uma imagem em destaque?
Às vezes, eu não uso a imagem em destaque, então seria útil se o script pudesse apenas procurar a primeira imagem no post e, se não houver, usar a padrão.
Thanks in advance
dbrabyn
@wpbeginner @dbrabyn Justo. Acabei de tentar e, para um post sem imagem em destaque, mas com uma imagem de post, o FB Lint me diz "A URL da imagem não está em conformidade com RFC2396 e não será exibida corretamente." A ausência de uma imagem padrão também é um problema. Obrigado de qualquer forma.
wpbeginner
@jaffa Se você não tiver essas meta tags, e o usuário CURTIR um post usando o botão de curtir no seu blog (o FB escolherá uma imagem aleatória para eles)... Agora, se eles colocarem o link no perfil do Facebook deles (então eles terão a opção)... Na maioria das vezes, as pessoas clicam no botão de curtir em vez de copiar o link e colar na caixa de status do Facebook. Este plugin realmente corrige esse problema.
wpbeginner
@dbrabyn O plugin que temos no repositório realmente faz isso. Ele procura pela imagem em destaque e, se nenhuma imagem em destaque for encontrada, ele recorre à primeira imagem do post... O snippet neste post não faz isso. Apenas use o plugin.
jaffa
Finalmente consegui fazer isso funcionar com a ajuda do wpbeginner!
Tenho uma pergunta, porém, quando compartilho uma página que não tem nenhuma imagem no conteúdo, a imagem padrão é usada. É possível especificar mais de uma imagem padrão?
Além disso, notei que se eu compartilho a página inicial do site, tenho uma escolha de todas as imagens na página para escolher, mas ao compartilhar uma página normal, sou forçado a usar apenas a padrão. Existe uma maneira de ver todas as imagens na página?
Obrigado
dbrabyn
Existe alguma forma de fazer esta função pegar a primeira imagem do post, depois a imagem destacada e, em seguida, a imagem padrão? Assim como o get_the_image faz.
jaffa
@wpbeginner farei isso!
Thank you so much
wpbeginner
@jaffa Se você nos enviar um e-mail usando o formulário de contato, podemos definitivamente analisar e ajudá-lo a fazer isso funcionar.
jaffa
@wpbeginner Não é que eu não esteja satisfeito com o artigo aqui, é apenas que não consigo fazê-lo funcionar. Eu sempre visito este site, pois ele me ajudou muito e me permitiu aprender muito sobre wp.
Não consegui fazer o opengraph funcionar e então comecei a procurar em outros lugares online, o que me levou a outros artigos que apenas me confundiram. Então voltei aqui para tentar novamente. Talvez eu tenha feito algo incorreto ou haja algo errado no meu tema que esteja impedindo que funcione. É isso que eu quis dizer com 'vou descobrir'.
Agradeço suas respostas e ajuda.
Obrigado.
wpbeginner
@jaffa Você não precisa de um aplicativo se não quiser. Você ainda pode recuperar análises para seus botões de curtir através de sua conta pessoal. Não há nada para descobrir porque o artigo explica tudo, mas se você ainda não estiver satisfeito, então, claro, pesquise mais.
jaffa
@wpbeginner ok, obrigado!
Outros artigos sugeriram que um aplicativo precisava ser criado, e é por isso que fiquei confuso. Deixe pra lá, eu vou descobrir.
wpbeginner
@jaffa VOCÊ NÃO PRECISA criar um aplicativo do Facebook para este tutorial. Ele funcionará de qualquer forma. Temos o aplicativo em nossa página por outros motivos que não se relacionam com o tutorial mencionado neste artigo…
jaffa
@wpbeginner obrigado pela sua resposta. Eu estava ficando muito confuso :s
Preciso criar um aplicativo do Facebook para que este open graph funcione corretamente? Acabei de verificar o código-fonte desta página e você tem um campo ‘fb:app_id’ que não está incluído no código acima?
Peço desculpas por todas as perguntas, se alguém puder me direcionar para alguma documentação sobre open graph, ficarei feliz em tentar encontrar algumas respostas e voltar para compartilhar qualquer informação que eu possa encontrar.
Obrigado
wpbeginner
@jbjb3077 Look at our article about showing custom fields anywhere on the site. Custom Fields 101 article covers that on our site
wpbeginner
@jaffa Não é o mesmo que um ID de aplicativo… Seu ID de usuário pessoal é diferente.
jaffa
esta pode parecer uma pergunta muito boba, mas para que isso funcione, você tem que criar um aplicativo do Facebook primeiro? Eu só tenho uma página regular do Facebook e nada mais e já tentei este código muitas vezes, mas ainda não consigo fazê-lo funcionar. Quando eu o executo através da ferramenta linter, recebo o erro: ID de aplicativo inválido.
O exemplo do ID DO USUÁRIO acima é o mesmo que um ID de aplicativo ou não?
jbjb3077
@jbjb3077 por favor, verifique isto…
mark.bravura
Obrigado novamente pela sua rápida resposta. E esse é o cerne da minha pergunta… o plugin Facebook Open Graph Meta For WordPress está puxando todos os metadados corretamente, exceto pelos dados de resumo/descrição. Daí porque estou me perguntando como ajustá-lo manualmente. Alguma sugestão?
wpbeginner
@mark.bravura O título da sua postagem está sendo puxado como título. Seu resumo está sendo puxado como descrição. Sua imagem em destaque (miniatura) está sendo puxada como miniatura. Modifique qualquer um desses, e você pode modificar os dados og.
mark.bravura
Obrigado pela rápida resposta. Então, existe uma maneira razoavelmente fácil de ajustar (acessar/modificar) os dados OG manualmente?
wpbeginner
@mark.bravura As informações já estão armazenadas no seu banco de dados. Este plugin apenas as exibe.
mark.bravura
Olá,
Ao usar o plugin de metadados OG, em qual arquivo PHP ele armazena as tags? Obrigado!
Liverpoolfcblog
Olá wpbeginner @wpbeginner, o código está funcionando bem. Obrigado por isso.
Tenho uma pergunta. Executei artigos individuais no linter do Facebook e todos pareceram bem. No entanto, quando executei minha página inicial, ele diz o seguinte:
Propriedade obrigatória ausente: og:title é obrigatório
Propriedade obrigatória ausente: og:type é obrigatório
Propriedade obrigatória ausente: og:url é obrigatório
Propriedade obrigatória ausente: og:image é obrigatório
Notei isto no código: if ( !is_singular()) //se não for um post ou uma página return;
Adicionar as quatro opções acima afeta a forma como o Facebook vê o meu site? Por exemplo, ele o categorizará como um site e mostrará o Título?
Abraços.
Equipe Editorial
Você pode remover o item is_singular e mostrar isso na página inicial… A maioria, se não todos, os blogs WordPress são compartilhados apenas a partir da página de postagem única. Essa também é a página onde o botão Curtir é proeminente.
Admin
jbjb3077
Olá, as imagens dos meus posts estão em um campo personalizado (thumb). Eu tinha um hack com a versão anterior, mas agora não consigo descobrir como adicionar isso. Por favor, ajude-me. Este é o código que substituí
if ( get_post_meta($post->ID, ‘thumb’, true) ) { //o post tem imagem destacada $thumbnail_src = get_post_meta($post->ID, “thumb”, true); echo ‘<meta property=”og:image” content=”‘ . esc_attr( $thumbnail_src[0] ) . ‘”/>’; } else{ echo ‘<meta property=”og:image” content=”imagem do meu site em um caminho.jpg”/>’; } echo “n”;
Danny Foo
Ainda tenho o problema da miniatura, mesmo depois de fazer o método da função.
A propósito, você tem que atualizar o xmlns:og? A documentação do opengraph do Facebook a nota como; http://ogp.me/ns#
Nurul Imam
Obrigado… Consegui adicionar esta função aos meus temas
jaffa
@Elliot – O tema suporta miniaturas de posts, estou usando um tema filho do Twenty Ten
Aqui adicionei uma cópia do código dentro do functions.php para adicionar suporte a miniaturas;
http://pastebin.com/7Cw480Xy
Talvez eu tenha feito algo errado aqui?
jaffa
Obrigado Daniel, adicionar isso ajudou a remover os erros que eu estava recebendo antes, mas agora está me dizendo que o título, url, imagem e tipo estão faltando, mesmo que eles estejam lá.
Ele também está mostrando a imagem errada, não parece estar pegando a imagem do artigo, mas sim uma imagem aleatória da página.
Não tenho ideia de por que não consigo fazer isso funcionar, eu queria evitar usar o plugin, mas talvez seja o caminho que preciso seguir.
Obrigado pessoal pela ajuda.
Daniel Chenery
Oh! I have that issue too. I popped the info in my header.php, lint the homepage = Works
Link a post page = Broken
I just gave up and ignored it!
jaffa
Obrigado Daniel por tentar ajudar.
Acho que vou desistir também, não posso perder todo o meu tempo com isso.
Teria sido legal se funcionasse para mim.
Elliott, o cara do web design
Presumivelmente, você re-analisou com a ferramenta linter antes de testar novamente, você colocou o código no seu functions.php ou no seu header.php?
jaffa
Sim, segui seu conselho e usei a ferramenta linter, mas ainda sem sucesso.
E, coloquei o código no functions.php.
Elliott, o cara do web design
Seu tema suporta miniaturas de postagem?
jaffa
Adicionei o código ao meu arquivo functions e depois segui seu artigo sobre como adicionar o botão Like e Send, e tudo parecia bem, mas hoje, quando meu cliente postou um link na linha do tempo do FB para o último artigo, não havia opção para selecionar uma imagem para acompanhar o artigo.
Não consigo entender o que deu errado ou como consertar. Estou assumindo que é o código do FB que adicionei que causou isso, pois não fiz nenhuma outra alteração.
Alguma ideia do que pode ser o problema?
Equipe Editorial
Sim, ele remove a opção de você escolher imagens... O código escolhe a IMAGEM para você. Ele escolhe a miniatura da postagem e envia isso como a imagem para aquele artigo.
Admin
jaffa
Obrigado pela sua resposta.
Eu não percebi que isso tirava essa opção. Mas ainda não entendo por que não exibiu a miniatura quando incluí uma imagem em miniatura. Simplesmente não havia imagem nenhuma lá.
Quando vejo o código fonte, vejo um link para a imagem no campo og:image.
Gostaria de conseguir fazer funcionar, talvez tenha que tentar o plugin.
Só mais uma coisa, defini um número de tamanhos de miniatura diferentes no meu tema para usar em vários lugares, então em vez de chamar a imagem de tamanho 'médio', preciso configurá-lo para chamar uma das minhas miniaturas definidas??
Desculpe pelo comentário longo e confuso, sou novato aqui!
Elliott, o cara do web design
Facebook will scrape your site every 24hrs or so… so if you’ve made any changes on your site facebook will need to catch up – 24hrs or so later. But, you can force facebook to re-scrape your site by using the linter tool. Before testing the Send button again run anyone of your url’s through http://developers.facebook.com/tools/lint/ to force Facebook to refresh the details, hopefully this should resolve the image issue
jaffa
Obrigado Elliott, a ferramenta Linter para a qual você forneceu um link foi bastante útil.
Após passar uma URL por ele, a mensagem de erro que recebi foi:
O campo fb:admins continha alguns IDs inválidos. Notei que o ID da minha página tem 15 caracteres, mas o usado no exemplo acima tem apenas 10.
A outra mensagem que recebi foi:
Você colocou o App ID no campo fb:admins. Deveria ser em fb:app_id
Deveria haver um campo extra para app_id no código acima?
Estou um pouco confuso agora…
Daniel Chenery
@Jaffa O que você precisa fazer é adicionar
Deve resolver.
Daniel Chenery
Desculpe, eu pensei que a tag
codemanteria as tags, mas não. Deixe-me tentar postar isso novamente<meta property=”fb:app_id” content=”Seu_App_ID”/>
<meta property=”fb:admins” content=”Seu_Profile_ID”/>
Gretchen
Não estou vendo um campo para a imagem padrão – apenas para ID e nome do site. Estou perdendo alguma coisa?
Equipe Editorial
Atualizamos o plugin para corrigir um bug com a questão da imagem padrão. Agora, ele verifica se sua postagem tem uma miniatura… Se não tiver, ele pega a primeira imagem da sua postagem. Temos planos de trazer o recurso de imagem padrão de volta em breve.
Admin
Gretchen
Ótimo! Eu definitivamente gosto do recurso de imagem padrão, porque nem todas as minhas postagens têm imagens.
Obrigado pelo ótimo plugin!
Ayanna Mitchell
Instalei o plugin… mas não há local para adicionar uma imagem padrão. Por favor, ajude.
Equipe Editorial
Veja nossa resposta para Gretchen.
Admin
Ovidiu
I am curios about this part of the code: add_opengraph_doctype the problem is that that function doesn’t seem to do anything on my install
the rest is working fine but this add_opengraph_doctype doesn’t.
é necessário e por que você acha que meus temas não acionam isso?
Equipe Editorial
Não fará nada se o seu tema não incluir um código padrão (atributos de idioma) que todos os temas do WordPress DEVEM incluir.
Admin
Ovidiu
Estou sentindo falta da inclusão deste código: `’ xmlns:og=”http://opengraphprotocol.org/schema/” xmlns:fb=”http://www.facebook.com/2008/fbml”‘`
meu header.php tem isso no topo:
`
`
o que há de errado com isso? o que estou perdendo?
Ovidiu
ok parece que está sendo filtrado… aqui está um link para pastebin: http://pastebin.com/vrsVzFhU
Sheryl
Instalei o plugin open graph no wordpress. Configurei as definições trocando o nome da minha empresa pelo nome no URL que você postou.
E agora?? O que faço a seguir para ter o botão de enviar debaixo do meu botão de curtir?
Equipe Editorial
Dê uma olhada no nosso artigo sobre o botão de enviar. Você também pode usar nosso plugin SmartSharing.
Admin
Thnok
Onde preciso adicionar o código no functions.php? No topo ou onde?
O plugin não funciona.
Preston
Isso é ótimo. Alguma orientação sobre como modificar isso para que o Facebook extraia um trecho do conteúdo escrito? O plugin não vai para o conteúdo, mas pega o nome do autor, categorias e data. Pensamentos?
Elliott, o cara do web design
sim, basta adicionar isso após a primeira instrução if:
echo ‘<meta property="og:description" content="” />’;
Preston
Tentei adicionar esse código e recebi um erro fatal desativando o plugin. Não consigo descobrir por quê.
Elliott, o cara do web design
parece que a marcação de comentários não permite certas marcações, siga-me no twitter e eu enviarei o código para você por DM.
O conteúdo deve conter a função wp the_excerpt()
Gretchen
Assumo que se tivermos uma página do Facebook para o site, inseriríamos o ID de usuário da página em vez do nosso perfil pessoal do Facebook?
Chris Bracco
Este código apenas adiciona as tags OG a posts e páginas individuais. Eu gostaria que as tags aparecessem em todas as minhas páginas, e não consigo encontrar uma maneira simples de fazer isso. Alguma ideia?
Equipe Editorial
Você tem botões individuais de curtir / enviar em suas páginas de arquivo, categoria, tags??? Os botões de curtir só são bons em posts / páginas individuais, é por isso que o código adiciona isso. O único outro botão de curtir adicionado no site é a (Caixa de Curtir) para a página do Facebook do site. Que não requer essa informação.
Mas se você fizer questão, remova a instrução condicional !is_singular.
Admin
Daniel Chenery
Certamente parece mais fácil apenas inserir as informações no header.php? Tenho certeza que li um tutorial sobre isso uma vez
Equipe Editorial
Você pode codificar diretamente no header.php, mas é um processo de várias etapas, pois você tem que editar o doctype, depois adicionar as outras meta tags... Este é um processo de uma etapa. Cole e pronto. Ou instale o plugin e pronto. Se você usar o plugin, então você estará ainda melhor, porque as tags permanecem mesmo quando você muda os temas.
Admin