title: Website displays as gibberish when linked from Facebook in IE
body: <p>I recently had a server switch but this happened on occasion prior to my server being switched.  When I link a post on my facebook fan page, occasionally it will just show the link with no description and look odd.  Apparently, the reason is because it's rendering the page like this in IE...</p>
  
  <p><img src="https://i.stack.imgur.com/j6tX6.jpg" alt="enter image description here"></p>
  
  <p>Does anyone have any idea why it's doing that?  It's a wordpress blog and here are my top lines...</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;&lt;!-- HTML 5 --&gt;
  &lt;meta http-equiv="Content-Type" content="&lt;?php bloginfo('html_type'); ?&gt;; charset=&lt;?php bloginfo('charset'); ?&gt;" /&gt;
  </code></pre>
  
  <p>Thanks for any help!</p>
  
  <p>replies:</p>
  
  <p>Tried changing DOCTYPE as requested, no luck.  I also removed the meta tag and same thing. I am using <a href="http://web-sniffer.net/" rel="nofollow noreferrer">http://web-sniffer.net/</a> with IE and it seems 50% of the time it loads normal, the rest looks like gibberish.  Will keep updated based on replies</p>
  
  <p>reply 2:</p>
  
  <p>Here is my exact header in php</p>
  
  <pre><code>&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "w3.org/TR/html4/strict.dtd"&gt;
  &lt;html &lt;?php language_attributes(); ?&gt;&gt;
  &lt;head&gt;
  &lt;meta http-equiv="Content-Type" content="&lt;?php bloginfo('html_type'); ?&gt;; charset=&lt;?php bloginfo('charset'); ?&gt;" /&gt;
  &lt;link rel="pingback" href="&lt;?php bloginfo('pingback_url'); ?&gt;" /&gt;
  &lt;link href='http://fonts.googleapis.com/css?family=Cantarell' rel='stylesheet' type='text/css'&gt;
  &lt;link rel="shortcut icon" href="/favicon.ico" &gt;
  &lt;link rel="icon" type="image/gif" href="animated_favicon1.gif" &gt;
  &lt;title&gt;&lt;?php bloginfo('name'); if(is_home() || is_front_page()) { echo ' - '; bloginfo('description'); } else { wp_title(); } ?&gt;&lt;/title&gt;
  
  &lt;?php if ( is_singular() ) wp_enqueue_script( 'comment-reply' ); ?&gt;
  &lt;?php wp_head(); ?&gt;
  &lt;script type="text/javascript" src="http://apis.google.com/js/plusone.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  </code></pre>
  
  <p>Added this as my new header:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;meta charset="utf-8" /&gt;
  </code></pre>
  
  <p>Still no luck, it shows as gibberish.  </p>
  
  <hr>
  
  <p>I am beginning to wonder if it's server side because it seems to work fine on my local drive (though to be fair I'm not connected to the live DB), and I changed the theme to the basic wordpress theme and it still had the error</p>