title: Link Preview not available
body: <p>I am developing my personal portfolio . I am facing a problem that is ..
  I have placed all the important meta tags in my header.php file and they're visible in the page source code too .. But they are not working . I got to know this when I placed the <strong>Meta OG</strong> to get the link preview on social sites.
  Here's the image of my the website from where I am checking the rich link preview</p>
  
  <p><a href="https://i.stack.imgur.com/HLEG3.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/HLEG3.png" alt=""></a></p>
  
  <p>And here's my website source code image in which you can clearly see the meta tags included</p>
  
  <p><a href="https://i.stack.imgur.com/YEVqp.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/YEVqp.png" alt="enter image description here"></a></p>
  
  <p>If something isn't clear from the image then here's the <a href="https://www.iamosama.cf/" rel="nofollow noreferrer">link</a> of my website</p>
  
  <p><strong>EDIT :</strong> Here's the code of my website's head section</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
  &lt;head&gt;
  &lt;?php 
  
  global $baseUrl;
  $baseUrl='https://www.iamosama.cf/' ;
  ?&gt;
  
      &lt;!-- Basic --&gt;
       &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt;
  
    &lt;!-- Mobile Specific Metas --&gt;
      &lt;meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" /&gt;
      &lt;title&gt;Osama - Web Designer and Developer&lt;/title&gt;
  
  
    &lt;meta name="description" content="Hello , I am Osama . A creative web designer and developer from Karachi , Pakistan" /&gt;
      &lt;meta name="keywords" content="Web Designer , Web developer , Front end Developer , UI/UX Designer" /&gt;
      &lt;meta property="og:site_name" content="Osama - The Web Developer" /&gt;
    &lt;link rel="shortcut icon" href="&lt;?php echo $baseUrl ; ?&gt;images/favicons/favicon.ico" /&gt;
      &lt;meta property="og:title" content="Personal Portfolio" /&gt;
      &lt;meta property="og:description" content="Hello , I am Osama . A creative web designer and developer from Karachi , Pakistan " /&gt;
      &lt;meta property="og:image" content="&lt;?php echo $baseUrl ; ?&gt;images/thumb.jpg" /&gt;
  
  
  
  
      &lt;link href="https://fonts.googleapis.com/css?family=Kaushan+Script%7CPoppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet"&gt;
  
      &lt;!-- CSS --&gt;
      &lt;link rel="stylesheet" href="&lt;?php echo $baseUrl ; ?&gt;css/basic.css" /&gt;
      &lt;link rel="stylesheet" href="&lt;?php echo $baseUrl ; ?&gt;css/layout.css" /&gt;
      &lt;link rel="stylesheet" href="&lt;?php echo $baseUrl ; ?&gt;css/blogs.css" /&gt;
      &lt;link rel="stylesheet" href="&lt;?php echo $baseUrl ; ?&gt;css/ionicons.css" /&gt;
      &lt;link rel="stylesheet" href="&lt;?php echo $baseUrl ; ?&gt;css/magnific-popup.css" /&gt;
      &lt;link rel="stylesheet" href="&lt;?php echo $baseUrl ; ?&gt;css/animate.css" /&gt;
  
      &lt;!--[if lt IE 9]&gt;
      &lt;script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"&gt;&lt;/script&gt;
      &lt;script src="http://html5shim.googlecode.com/svn/trunk/html5.js"&gt;&lt;/script&gt;
      &lt;![endif]--&gt;
  
      &lt;!-- Favicon --&gt;
  
  
    &lt;script type="application/ld+json"&gt;
  {
    "@context": "http://schema.org/",
    "@type": "Person",
    "name": "Osama",
    "alternateName": "Muhammad Osama",
    "url": "https://www.iamosama.cf/",
    "image": "https://www.iamosama.cf/images/profile.jpg",
    "sameAs": "https://www.iamosama.cf/",
    "jobTitle": "Web Designer and Developer"  
  }
  &lt;/script&gt;
  
  &lt;/head&gt;
  </code></pre>