7 {{ upvoteCount | shortNum }}
7 {{ upvoteCount | shortNum }}

Need help with meta tags!

by JB
5 replies
  • WEB DESIGN
    • |
Hi All,
I've a problem with a blog site I made for a friend. All of a sudden I can't post any links to the site on Facebook. I did a bit of checking and I'm not that only one, it also doesn't just affect Wordpress blog sites but Blogger.com ones too. Anyway, I got the solution from somewhere on Facebook's stackoverflow site but I don't understand what to do with it.

Here is the meta code on my site header template:

<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
<title><?php bloginfo('name'); ?><?php wp_title(); ?></title>
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />


Here is the solution:

"====== SOLUTION ======
<meta name="title" content="Title doesnt Have to be Case Sensitive" />
<meta name="description" content="Description HERE" />
<link rel="image_src" href="Absolute Image URL" />
=== TESTED & WORKS ===

Once you find your meta tag for title, description, and image, make sure to change it so it matches the above example."


Can anyone suggest what tweaks I need to make to my code to make it work on my friends site. I tried replacing the code with that in the solution above but the entire header disappeared. I am terrible at coding so any help would be really great.

Thanks in advance,

Dave
#meta #tags
  • Profile picture of the author mgreener
    Hi Dave,

    Paste the "SOLUTION" code directly after the code that you say is already in the header template. Don't delete the code that is already there as it is there for another purpose.

    If you're using wordpress, you should install Platinum SEO which allows you to define unique meta tags for each page of the site.
    Signature
    2 Free Pro List Building Templates - Turbocharge Your Opt Ins
    {{ DiscussionBoard.errors[5358293].message }}
  • Profile picture of the author Hthomas
    when ever you enter meta tags or meta description etc. you do not need to delete any codes from your existing website or web template.

    just put this

    "====== SOLUTION ======
    <meta name="title" content="Title doesnt Have to be Case Sensitive" />
    <meta name="description" content="Description HERE" />
    <link rel="image_src" href="Absolute Image URL" />
    === TESTED & WORKS ===
    at top of your web page coding. and see its magic :-)
    {{ DiscussionBoard.errors[5358586].message }}
  • Profile picture of the author mlmguru2011
    if you are using wordpress you can use the visual interface to add the meta tags easily.or you can search a plugin from google.
    {{ DiscussionBoard.errors[5362620].message }}
    • Profile picture of the author JB
      Thanks for that guys. I pasted in that bit of code directly below the original and tweaked the description and added a url to the image etc. Now, when I post the link in facebook I get the site description and url to appear as i input the info but I still get an error when I hit submit. Also, no image appears in the image preview prior to hitting submit.

      So I went to the facebook debugger - Debugger - Facebook Developers

      and input the site url, all the relevant meta info appears correctly as does the image specified in the image meta tag but there is a warning to update the following open graph info:

      ---------
      Inferred Property: The og:url property should be explicitly provided, even if a value can be inferred from other tags.
      Inferred Property: The og:title property should be explicitly provided, even if a value can be inferred from other tags.
      Inferred Property: The og:image property should be explicitly provided, even if a value can be inferred from other tags.
      Inferred Property: The og:locale property should be explicitly provided, even if a value can be inferred from other tags.
      ---------

      I don't get what this means as the urls are all there on the site and in the code... any ideas?



      EDIT: this seems to be a wide spread problem. Some chatter about this in the Facebook help forums (check the section for 'links') http://www.facebook.com/help/community
      {{ DiscussionBoard.errors[5364007].message }}
      • Profile picture of the author thriftgirl62
        The Open Graph requires an App Id to connect your site with Facebook. Everything on FB is an object and every object has an ID that FB can track. You can use the same App Id for different objects that do the same thing.

        This might help too:
        WordPress › Like-Button-Plugin-For-Wordpress « WordPress Plugins
        Signature

        I retired in 2005 at 43 and now I give away websites like these for FREE [hosting excluded]

        When you make at least $100+ per month, we split the profit 80/20 and YOU get the 80% Until then, you keep 100% and I'll help you drive traffic, get backlinks and put the domain in your name too!
        {{ DiscussionBoard.errors[5576357].message }}

Trending Topics