Fechar

Olá, sou Paulo Henrique Souto Maior Serrano.

Um nome grande para um grande ser humano (1.88m). Sou formado em jornalismo, mestre em linguística aplicada, professor e desenvolvedor web.

Gosto de ficção, corrida, queijo e do meu trabalho.

Fique a vontade para ver o meu portfólio, ou o meu currículo lattes.

Não hesite em entrar em contato comigo se achar que posso ser útil.

Obrigado pela visita!

Fechar
  • Diga: Olá!

    Você pode entrar em contato comigo através do formulário abaixo ou nas redes sociais.

    Nome:

    E-mail:

    Mensagem:

    3+2=? 

  • O link de curtir e recomendar do facebook é uma ferramenta indispensável para a divulgação de conteúdo. A apresentação das páginas curtidas ou recomendadas exibe sempre uma imagem em miniatura da página que é escolhida aleatoriamente. Eventualmente a imagem pode não corresponder ao interesse de quem elabora o conteúdo a ser compartilhado.

    Para situações como essa é possível controlar a variação da imagem através do código:

    <meta property="og:image" content="http://www.uuuu.uuu/uuu.png"/>

    Inserido dentro do head da página.

    O tamanho máximo da imagem é 100 x 100 pixels, e o mínimo 50 x 50. É possível inserir uma imagem maior, mas ela vai redimensionar para 100 x 100.

    Para o uso avançado das configurações, o facebook sugere as tags abaixo:

    <meta property="og:title" content="[headline]" />
    <meta property="og:type" content="article" />
    <meta property="og:description" content="[body max="250"]"/>
    <meta property="og:url" content="http://www.uuuuuuu.com/[category]/[slugline]/" />
    <meta property="og:site_name" content="http://www.uuuuuuu.com" />
    <meta property="fb:admins" content="xxxxxxxxxxxxxxxxxx" />
    <meta property="og:image " content="http://www.uuuuuuuu.com/images/uuuu/uuuuuu.png"/>
    <meta property="fb:app_id" content="xxxxxxxxxxxxxxxxxxx"/>
    1. # 20_06_11
      Marcio

      Você sabe quanto tempo o facebook leva para implantar as informações modificadas?

      • # 28_06_11
        Paulo Henrique S.M. Serrano

        Não há um tempo específico. Mas demora um pouco mesmo.

    2. # 18_07_11

      É para por no HEAD ou BODY?

      • # 24_07_11
        Paulo Henrique S.M. Serrano

        No HEAD amigo, esqueci de acrescentar.

    3. # 21_09_11
      silvia

      qual deve ser o tamanho da imagem?

      • # 21_09_11
        Paulo Henrique S.M. Serrano

        Oi Silvia,

        O tamanho máximo da imagem é 100 x 100 pixels, e o mínimo 50 x 50. Você pode colocar uma imagem maior, mas ela vai redimensionar para 100 x 100. Inseri as informações na página caso seja dúvida de mais alguém.

        Obrigado.
        Abç !

    4. # 29_12_11
      Lincoln

      No lugar do “uuuuuuuu” eu coloco o que ? e no lugar do “xxxxxx” ?

      Obrigado

      • # 29_12_11
        Paulo Henrique S.M. Serrano

        Você preenche as informações do seu site.

        Fb Admins seria o seu nome de usuário no facebook.

        O fb-app-id funciona para a utilização de apps.

        o/

    5. # 25_01_12

      amigo, só o primeiro código basta? ou preciso colocar o outro de baixo tbm? obrigada!

      • # 25_01_12
        Paulo Henrique S.M. Serrano

        Basta o primeiro se o objetivo é apenas trocar a imagem. o/ Basta o código: og:image

    6. # 26_01_12

      Tem alguma página com a documentação desses códigos?

    7. # 20_02_12
      diego

      Não entendi direito. Sou leigo no assunto e quero mudar a imagem q aparece nos meus links.
      Onde fica esse Head? E onde eu coloco a imagem?
      Obrigado

    8. # 24_02_12
      rafael

      pode ser outro formato de imagem?

    9. # 24_02_12
      Paulo Henrique S.M. Serrano

      Dá control F no código e procura o *insere aqui*

      Não sei, deve poder ser jpg sim… Tem que testar.

    10. # 03_03_12
      Caio

      Você tem que abrir a sua página. Index.html, index.htm ou index.php no Dreamweaver, Frontpage ou a ferramenta que você utilizar. Mas você também pode abrir ela no Bloco de Notas ou no Wordpad.

      Lá em cima você vai ver a tag Ela é fechada depois com Você coloca os meta property entre essas duas tags.

      Dependendo de como seu site é construído, você terá que colocar essa tag não apenas no index.html,htm,php, mas também em todas as outras páginas.

      Em relação ao formato da imagem, é bom ser PNG porque você pode colocar o fundo transparente, de forma que fica mais bonito no facebook.

      Em relação aos outros metas, o título geralmente é mostrado correto: o mesmo título do site. Caso contrário você pode utilizar a og:title. Já a descrição muitas vezes difere, então utilize o og:description e coloque a descrição a ser mostrada no facebook (pode variar de página para página)

    11. # 18_04_12

      Hello Galera, estava com o mesmo problema, utilizei o link
      e resolveu, o lance é jogar a imagem no próprio diretório (pasta) onde está a index.html ou .php etc. e não em subpastas… abraço a todos

    12. # 03_10_12

      Puxa, passei o dia inteiro, coloquei em prática TODAS as dicas que encontrei na Internet, inseri e excluí o botão Recomendar várias vezes, os comandos Html várias vezes, e nada… A imagem que aparece no Face é uma ridícula que está em um Blog que sigo. Já excluí esse Blog da minha lista de leituras, da página principal, etc. mas a imagem continua lá, como uma assombração. Alguém tem alguma sugestão? Agradeço, Gisleia

      • # 03_10_12
        Paulo Henrique S.M. Serrano

        Gisleia,

        Já tentou seguir a dica acima? Adiciona esse codigo do og:image e tenta curtir a sua pagina de novo q ele deve ajustar. Att

    13. # 19_10_12
      Amanda

      Alguém sabe como eu insiro uma imagem na linha do tempo do usuário depois que alguém curti uma fanpage? ao invés desta imagem de 100×100 eu gostaria que aparecesse uma imagem grande na linha do tempo mesmo que aparecesse a imagem “Fulano curtiu ou a mensagem padrão do curtir” em como personalizar o que vai aparecer na linha do tempo quando alguém curte :(?

    14. # 20_11_12

      Um detalhe importante é o tempo que o face leva para atualizar! Sugiro que utilizem: http://developers.facebook.com/tools/debug para debugar e ver os valores em tempo real inclusive o tempo para atualizar.

    15. # 21_11_12
      Daniel

      Olá!
      tenho a url http://megagymsuplementos.com.br/loja/index.php?route=product/product&product_id=223… coloquei como tu disse porém mesmo assim, quando click em curtir não aparece no meu facebook que eu curti tal pagina…
      alguma dica?
      Abraço

      • # 08_01_13
        Paulo Henrique S.M. Serrano

        Acho que você deve usar o botão padrão do FB para isso, esse código só regula a foto, se não esta aparecendo a curtida, deve ser problema do botão.

    16. # 02_12_12

      Ola! Paulo,
      Como eu consigo inserir as tags og property nas minhas notícias, se eu nõ utilizo site WP ou Blog

      Agradeço por aua atenção

      • # 08_01_13
        Paulo Henrique S.M. Serrano

        Fica no mesmo local das fotos, dentro da tag do seu site.

    17. # 06_01_13

      Obrigado pelo post / informação. Bastante útil!Obrigado

    18. # 22_02_13
      Rafael Estevam

      Estou passando por uma dificuldade para determinar a imagem e a descrição que aparece no perfil da pessoa que curtiu. O Botão pega a descrição e a imagem de forma randômica (isso quando pega a imagem e a descrição), mas acredito que deva ter uma maneira de determinar isso. Já tentei utilizar as tags que vc postou aki mas não funcionou. E também, alugns “CURTIR” estão direcionados para endereços totalmente diferentes dos quais eu especifiquei.
      Exemplo:
      Entra nesse link e clique nos botões enviar ou curtir.
      http://agorasouvip.com.br/vendedor/carência.html

      Se puder me dar uma dica, eu agradeço muito.

      • # 28_02_13
        Paulo Henrique S.M. Serrano

        Não consegui acessar o seu endereço. =(

        O FB randomiza quando você não determina os valores das tags, estranho esse comportamento.

    19. # 28_02_13

      Estou passando pela mesma situação do rapaz acima,alterei os códigos e mesmo assim não funciona. Ele pega imagens de banners laterais e nunca a imagen do topo ou as do link divulgado e também coloca descrições aleatórias. será isso um problema do facebook? Será que existe algum ajuste?
      Porque até chequei no debugger e está tudo normal

      • # 28_02_13
        Paulo Henrique S.M. Serrano

        Pode ser o tempo de atualização.

    20. # 04_03_13
      Liane

      o que fazer quando ocorre esse erro: Avisos do Open Graph que devem ser corrigidos
      og:image should be larger: Provided og:image is not big enough. Please use an image that’s at least 200×200 and preferably 1500×1500. (Maximum image size is 5MB.) Image ‘http://www.nutricinthia.com.br/imagem/cinthia-maciel-logo-fb.jpg’ will be used instead.

      • # 04_03_13
        Paulo Henrique S.M. Serrano

        Tem que ser uma imagem um pouco maior, pelo que parece.

    21. # 10_03_13
      vagner

      boa tarde, coloquei um curtir no site, na minha pagina do fb quando clico no site que curti, abre o site, porém tem coisas depois do dominio. ?fb_action_ids=110670842456411&fb_action_types=og.likes&fb_source=aggregation&fb_aggregation_id=246965925417366

      o que é isso?

      • # 10_03_13
        Paulo Henrique S.M. Serrano

        Hmmm … São parametros do facebook. A página curtida é uma fanpage? =S

    22. # 25_03_13

      Olá!
      Quero alterar a imagem que aparece na visualização do facebook com o código do og:image, mas não consigo alterar o head do meu site por ter uma conta limitada no yola, tem alguma dica?

      • # 25_03_13
        Paulo Henrique S.M. Serrano

        Ai acho qeu não é possível.

    23. # 26_03_13
      Raphael

      Quanto tempo o face leva para alterar a foto, pois eu tinha colocado a meta tag porém coloquei uma imagem muito grande agora alterei o tamanho da imagem, porém, o face ainda pega a imagem antiga? Abraço.

    24. # 13_06_13

      Muito bom o tutorial, graças a essas dicas eu consegui arrumar a imagem do link no facebook, obrigado!

    25. # 14_07_13

      Oi, eu estou fazendo um site prum escritório de advocacia, mas n estou conseguindo fazer aparecer a imagem que coloquei… todas essas tags já estão implantadas, mas n aparece a imagem…..

    26. # 14_08_13

      Pode me explicar onde devo inserir o codigo. Bem sei que disse na head da pagina, mas não percebo onde é. Tenho de ir ao blog ou é na pagina do facebook?
      Desde já obrigado pela atenção

    27. # 26_08_13

      Estou coseguindo fazer…porem não está dando certo só no controle da imagem….continua sendo aleatória….a meta da imagem está inserida certa ….tanto que as outras meta estão funcionando direito…..o que pode ser alguem tem alguma dica para mim?

    28. # 30_08_13
      Ricardo

      Quero saber se da pra trocar uma imagem de perfil do Fb com uma outra que ja estava lá antes sem sair os gostos?

    29. # 12_09_13

      Aqui foi onde melhor “informou/ensinou” como fazer exatamente para trocar a imagem. Espero realmente que funcione. Acabei de trocar. Depois copia a url lá do site da LePix e compartilhem no mural de vocês, e vejam como ficou… ;)

    30. # 05_10_13
      Alexandre

      Encontrei seu post depois de ver a fan page da revista exame que exibe imagem com a tag og:image com 375pixels, ou seja, uma coluna da pagina. (http://on.fb.me/1f7TxvW). Essa limitação de 100 pixels foi alterada ou há algum gato? obrigado

      • # 05_10_13
        Paulo Henrique S.M. Serrano

        Eu acho que continua 100px… Se a imagem está maior, o FB redimensiona para os 100px tradicionais.

    31. # 04_11_13

      Eu quero mudar a descrição, como que eu faço isso?

      • # 05_11_13
        Paulo Henrique S.M. Serrano

        og:description

    32. # 18_11_13
      Jeovan

      Paulo Henrique S.M. Serrano, boa noite, ao compartilhar postagens de meu blog (blogger) no facebook não aparecer a imagem correta do post, tem alguma coisa haver com esse codigo ai? obrigado…

      • # 08_01_14
        Paulo Henrique S.M. Serrano

        Acho que vai ter relação com a semântica da tua estrutura HTML, tenta usar a tag article do html5.

    33. # 07_12_13

      Qual comando utilizar para que no compartilhamento o link do post apresente alem da foto e do título, as primeiras palavras do post? Na minha pagina, qdo alquem compartilha um post, junto com a foto e título está indo um pedaço de codigo html5. Help-me rs

      • # 08_01_14
        Paulo Henrique S.M. Serrano

        As primeiras palavras do post? Talvez o problema ai esteja no código da página, tenta usar a tag article, pode ser que conserte.

    34. # 27_12_13

      Meu caro, muito obrigado pela dica.

      Se possível gostaria que me indicasse algum documento falando sobre as tags que não podem faltar no cabeçalho!

      Feliz Ano Novo!

      • # 08_01_14
        Paulo Henrique S.M. Serrano

        Acredito que na documentação do facebook para desenvolvedores deverá ter a lista que você procura.

    35. # 08_01_14

      Paulo, peço ajuda com um site Wix.xom , eles tem um botão padrão de compartilhamento, porem o mesmo gera imagens e texto como quer, acho que inseri tudo certo de acordo com as tuas instruções, já aguardei mais de 12 hrs e mesmo assim o botão tem vida propria…. tens como me dar uma força?

      • # 08_01_14
        Paulo Henrique S.M. Serrano

        É possível que esteja havendo a substituição do código que você inseriu?

    36. # 08_01_14

      Como eu vejo isso? Eles tem um editor html fechado dentro do sistema deles… quando eu abro pra ver, esta tudo como eu deixei…