A collection of web design related ramblings and nonsense

Facebook Open Graph Protocol on a Tumblr Blog

September 18th, 2011

When a post gets shared or ‘liked’ on Facebook you want it to have the best possible chance of getting noticed and more people to ‘like’ it for the viral explosion that everyone dreams of! You want the news item on Facebook to have a nice thumbnail, sadly Facebook doesn’t always pick up the right picture, so adding some meta content to the head of your tumblr theme allows you to set either your profile picture or photo post as the thumbnail.

On tumblr, it’s really simple, just customise your theme, go to the theme tab and add some custom HTML. Where you see all the tags, add the following code above or below:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
{block:Posts}
{block:Photo}
<meta property="og:image" content="{PhotoURL-500}" />
<meta property="og:image" content="{PhotoURL-400}" />
<meta property="og:image" content="{PhotoURL-250}" />
<meta property="og:image" content="{PhotoURL-100}" />
<meta property="og:image" content="{PhotoURL-75sq}" />
<meta property="og:image" content="{PhotoURL-HighRes}" />
<meta property="og:url" content="{Permalink}" />
<meta property="og:title" content="{Title} - {Name}" />
<meta property="og:type" content="article" />
<meta property="og:description" content="{MetaDescription}" />
{/block:Photo}
{/block:Posts}

In this case I’ve only applied it to the photo type posts as this is the only content i’m interested in generating ‘likes’. You’ll also need to add a Facebook Like button to your posts, some themes give you this option or you add it into the code yourself.

You’ll also notice that I’ve added multiple image items, this is fine by Facebook as you’re effectively listing all the images related to that post.

To see the generated HTML in action, visit one of my posts on my tumblr site and press ctrl+U to view the source.

It is possible to add your facebook username and app ID but when testing it, it always said it had a problem with the domain, even though I had added the URL of my site in the options, if anyone knows a solution to this, please let me know!

22 Responses to Facebook Open Graph Protocol on a Tumblr Blog

  1. This domain appears to get a large ammount of visitors. How do you advertise it? It offers a nice unique twist on things. I guess having something useful or substantial to talk about is the most important factor.

    Pat Dittemore - Sunday December 4th, 2011 at 01:17
  2. Another update on this – recently someone got in touch with me having problems getting a thumbnail to appear when posting links to her video posts on Facebook. She eventually found that ‘addthis’ plugin was causing a conflict. Thanks for http://tamarasaul.tumblr.com/ for letting me know.

    Rich - Saturday May 26th, 2012 at 12:57
  3. Great listing of WEBSITE POSITIONING tools.

    seo software does it work - Thursday September 4th, 2014 at 16:20
  4. Today, while I was at work, my cousin stole my apple ipad and tested to see if
    it can survive a thirty foot drop, just so she can be a youtube
    sensation. My iPad is now broken and she has 83 views. I
    know this is totally off topic but I had to share it with someone!

    Look into my web blog … muscle tech

    muscle tech - Friday September 5th, 2014 at 05:13
  5. Najdete tady sexy partnery z Prahy, kteří toužípo tom, splnit všechna νaše prání – pokud jjim to dovolíte.
    Chatovací místnosti lzze využívat zdarma, tak ѕі tuto nabídku na dobrodružství ɑ
    free sex nebechte proklouznout mdzi prsty. Νɑ Seznamce najdete
    spoustu nadržеných sexy žen ɑ mužu, kterí se na vec dívají stejne jako
    vy.

    seznamka stesti - Saturday September 6th, 2014 at 22:44
  6. You actually make it seem so easy with your
    presentation however I to find this topic to be really something that I believe I might by
    no means understand. It kind of feels too complicated and very wide for me.
    I am looking forward in your subsequent publish,
    I’ll attempt to get the hang of it!

    Stop by my webpage diete

    diete - Sunday September 7th, 2014 at 03:38
  7. First of all I would like to say wonderful blog! I had
    a quick question which I’d like to ask if you don’t mind.
    I was curious to know how you center yourself and clear your head before writing.
    I have had difficulty clearing my thoughts in getting my thoughts out there.
    I truly do enjoy writing but it just seems like the first 10 to 15 minutes are lost just trying to figure out
    how to begin. Any ideas or tips? Cheers!

    tips how to get pregnant - Tuesday September 9th, 2014 at 12:15
  8. cheap michael kors handbags sale
    I like what you guys tend to be up too. Such clever work and coverage!

    Keep up the amazing works guys I’ve included you guys to my own blogroll.

    cheap michael kors handbags sale - Saturday September 13th, 2014 at 10:05
  9. This paragraph is in fact a fastidious one it assists new
    internet people, who are wishing in favor of blogging.

    Feel free to surf to my web site … ผ้านวมสวยๆ

    ผ้านวมสวยๆ - Saturday September 13th, 2014 at 18:35
  10. Yes! Finally someone writes about sims freeplay hack ipad cydia.

    sims freeplay how to make a baby - Monday September 15th, 2014 at 12:02
  11. It’s awesome to go to see this web page and reading the views of all
    colleagues about this post, while I am also keen of getting knowledge.

    Stop by my web site :: bridesmaid jewelry sets

    bridesmaid jewelry sets - Tuesday September 16th, 2014 at 23:54
  12. Great article.

    Look into my homepage: Athletic Greens green superfood supplement

    Athletic Greens green superfood supplement - Wednesday September 17th, 2014 at 08:23
  13. Nice post. I was checking continuously this blog and I am impressed!
    Very useful info particularly the last part :
    ) I care for such information much. I was looking for this certain information for a long time.
    Thank you and best of luck.

    Ht Rush Review - Wednesday September 17th, 2014 at 18:58
  14. Hello there, just became alert to your blog through Google, and
    found that it’s really informative. I’m gonna watch out for brussels.
    I’ll appreciate if you continue this in future.
    Numerous people will be benefited from your writing.
    Cheers!

    Sana Hemp Juice Reviews - Friday September 19th, 2014 at 02:52
  15. Hi there every one, here every person is sharing these kinds of know-how,
    thus it’s nice to read this web site, and I used to pay a
    quick visit this webpage all the time.

    Feel free to surf to my webpage: Racing Rivals Hack (mllecupcake.com)

    mllecupcake.com - Friday September 19th, 2014 at 18:49
  16. I like the valuable info you provide for your articles.

    I’ll bookmark your blog and check again right here frequently.
    I am relatively certain I will be told a lot of new stuff right right here!
    Best of luck for the next!

    facebook - Saturday September 20th, 2014 at 00:20
  17. That statement tends to make it sound like they are prepared for attainable repercussions from Sony
    (Minecraft PlayStation three and PlayStation 4 editions), Google (Minecraft: Pocket Edition for Android) or Apple (Minecraft: Pocket Edition for iOS).

    Here is my blog post: minecraft ps3 no survey (Titus)

    Titus - Saturday September 20th, 2014 at 14:53
  18. This page really has all of the information and facts I wanted about this subject and didn’t know who to ask.

    east london locksmiths - Sunday September 21st, 2014 at 11:08
  19. The standard security provided by Acrobat PDF consists of two different methods and
    two different passwords, “user password” and “owner password”.
    It’s cousin, Microsoft Works, is also not half bad. An XDP
    can also package a PDF file, along with XML form and template
    data.

    vitinhkhanhthao.com - Sunday September 21st, 2014 at 15:46
  20. This is very interesting, You’re a very skilled blogger.

    I’ve joined your rss feed and look forward to seeking more of
    your fantastic post. Also, I’ve shared your site in my
    social networks!

    e cigs brand uk - Monday September 22nd, 2014 at 09:41
  21. I drop a comment each time I especially enjoy a article on a blog or if I have something to add to the conversation. Usually it is caused by the passion displayed in the article I
    read. And on this article Facebook Open Graph Protocol on a Tumblr Blog | Richard Stelmach’s Web Design and Multimedia Portfolio.
    I was actually moved enough to post a thought
    ;-) I actually do have 2 questions for you if it’s allright.
    Is it simply me or do a few of these remarks look like they are written by brain dead people?
    :-P And, if you are posting on additional places, I’d like to keep up with
    everything new you have to post. Would you list the complete urls of all your shared sites like your linkedin profile,
    Facebook page or twitter feed?

    My Web Site - Monday September 22nd, 2014 at 14:21
  22. Asking questions are in fact good thing if you are not understanding something
    totally, but this article presents pleasant understanding even.

    fossil - Monday September 22nd, 2014 at 19:27

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>