1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

[Quick Method] Force Facebook to show your site the way you want

Discussion in 'Social Networking Sites' started by Conor, Sep 10, 2013.

  1. Conor

    Conor Jr. VIP Jr. VIP

    Joined:
    Nov 7, 2012
    Messages:
    3,363
    Likes Received:
    5,424
    Gender:
    Male
    Location:
    South Africa
    Home Page:
    So, I was Googling around a few months ago, frustrated that Facebook wouldn't show my site properly when I linked to it. It would display stupid images by default, and just not look good a lot of the time. If you are planning on creating a social site (Like the great share G-S-T posted yesterday: http://www.blackhatworld.com/blackh...viral-script-mailing-list-builder-method.html) then you will probably want to go through these steps carefully, to get your site looking good for sharing.

    Luckily, due to my professional condensing and summarising skills, there are only two steps here. :p

    Step 1: Use Open Graph Tags

    Open Graph tags, or OG tags for short are META tags you stick in the head of your site. These are pretty much the same as the meta tags you use for Google, but the difference here is they only affect social sites like Facebook and Google+. Here's a good example of an OG tag I found on a random blog
    Code:
    <meta property="og:tagName" content="tagValue"/>
    The tagName can vary depending on what type of content you want to show when you link to that particular page in Facebook. The most popular ones are:
    Luckily, if you run Wordpress, you don't have to stick this code manually into every page on your site, there's a plugin that does it all automatically for you: http://wordpress.org/plugins/wp-open-graph/

    Cool, I'm sure some of you knew all this. Nothing new here. Step 2 is what I really wanted to talk about.

    Step 2: Debug your site

    More specifically, use the Facebook debugger located here: https://developers.facebook.com/tools/debug
    Why do we want to use this? Mainly because it instantly forces Facebook to refresh the version of your site it has cached. So if you make a change to your site, your images or your OG tags, you can pop your link into the text box in the debugger. Facebook will not only show you what tags exist on your site, and a list of suggestions to make your site look better, but it will also refresh the cache for you. Right there on the spot.

    Because I hate waiting.

    Enjoy!
     
    • Thanks Thanks x 8
    Last edited: Sep 11, 2013
  2. royserpa

    royserpa Jr. VIP Jr. VIP Premium Member

    Joined:
    Sep 28, 2011
    Messages:
    4,649
    Likes Received:
    3,494
    Gender:
    Male
    Occupation:
    Negative Options aka Rebills!
    Location:
    Royserpa
    Home Page:
    Interesting stuff OP.

    I always wondered why the og:image tag.

    +rept!
     
    • Thanks Thanks x 1
  3. kideze

    kideze Elite Member

    Joined:
    Jun 23, 2009
    Messages:
    1,719
    Likes Received:
    330
    Location:
    the GRAND valley
    This is awesome and needed for anybody that has a site because if you want it to go viral or gain traffic it has to be able to be share properly?
     
    • Thanks Thanks x 1
  4. Technosmart

    Technosmart Regular Member

    Joined:
    May 2, 2010
    Messages:
    453
    Likes Received:
    50
    Im using this one too. but didn't know about wordpress thanks.
     
    • Thanks Thanks x 1
  5. ijazzaky

    ijazzaky Newbie

    Joined:
    Dec 8, 2012
    Messages:
    13
    Likes Received:
    2
    Occupation:
    Social media marketer
    Location:
    colombo
    Home Page:
    This is amazing brooo
     
    • Thanks Thanks x 1
  6. netcelal

    netcelal Senior Member

    Joined:
    Jul 12, 2009
    Messages:
    943
    Likes Received:
    374
    Location:
    7/24 Internet
    Thank you, i can offer this my clients :) +rep
     
    • Thanks Thanks x 1
  7. Conor

    Conor Jr. VIP Jr. VIP

    Joined:
    Nov 7, 2012
    Messages:
    3,363
    Likes Received:
    5,424
    Gender:
    Male
    Location:
    South Africa
    Home Page:
  8. aqibarif74

    aqibarif74 Jr. VIP Jr. VIP Premium Member

    Joined:
    Jan 20, 2013
    Messages:
    1,851
    Likes Received:
    468
    Occupation:
    Founder of Aheadhost.com
    Home Page:
    Awesome Sir
     
    • Thanks Thanks x 1
  9. lowell1

    lowell1 BANNED BANNED

    Joined:
    Oct 4, 2012
    Messages:
    642
    Likes Received:
    293
    Really Great Sir.
     
    • Thanks Thanks x 1
  10. Razer Hub

    Razer Hub Newbie

    Joined:
    Sep 1, 2013
    Messages:
    19
    Likes Received:
    30
    Thanks For Sharing
     
    • Thanks Thanks x 1
  11. Conor

    Conor Jr. VIP Jr. VIP

    Joined:
    Nov 7, 2012
    Messages:
    3,363
    Likes Received:
    5,424
    Gender:
    Male
    Location:
    South Africa
    Home Page:
    These people calling me sir haha :drinking2 Glad to help guys.
     
  12. maryamg

    maryamg Regular Member

    Joined:
    Jun 5, 2013
    Messages:
    266
    Likes Received:
    21
    Occupation:
    profesional SEO
    Location:
    U.A.E
    Home Page:
    Good share mate its very helpful THANKS.
     
  13. FunkyWaltz

    FunkyWaltz Junior Member

    Joined:
    Aug 22, 2011
    Messages:
    112
    Likes Received:
    82
    Great bit of information here. Thank you for sharing.
     
  14. nathanluis47

    nathanluis47 Jr. VIP Jr. VIP Premium Member

    Joined:
    Aug 31, 2013
    Messages:
    218
    Likes Received:
    25
    Gender:
    Male
    Occupation:
    SEO,Graphics Design
    Location:
    in the world
    Excellent post mate thanks for sharing this, Keep it up.