Question

我正在开发我的个人投资组合。我正面临一个问题.. 我已将所有重要的元标记放在我的header.php文件中，并且它们也在页面源代码中可见。但它们无效。当我放置 Meta OG 来获取社交网站上的链接预览时，我就知道了这一点。这是我的网站图片，我正在查看丰富的链接预览

这是我的网站源代码图片，您可以在其中清楚地看到包含的元标记

如果图片中的某些内容不清晰，请点击我网站的link

编辑：以下是我网站主管部门的代码

<!DOCTYPE html>
<html lang="en">
<head>
<?php 

global $baseUrl;
$baseUrl='https://www.iamosama.cf/' ;
?>

    <!-- Basic -->
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

  <!-- Mobile Specific Metas -->
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
    <title>Osama - Web Designer and Developer</title>


  <meta name="description" content="Hello , I am Osama . A creative web designer and developer from Karachi , Pakistan" />
    <meta name="keywords" content="Web Designer , Web developer , Front end Developer , UI/UX Designer" />
    <meta property="og:site_name" content="Osama - The Web Developer" />
  <link rel="shortcut icon" href="<?php echo $baseUrl ; ?>images/favicons/favicon.ico" />
    <meta property="og:title" content="Personal Portfolio" />
    <meta property="og:description" content="Hello , I am Osama . A creative web designer and developer from Karachi , Pakistan " />
    <meta property="og:image" content="<?php echo $baseUrl ; ?>images/thumb.jpg" />




    <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">

    <!-- CSS -->
    <link rel="stylesheet" href="<?php echo $baseUrl ; ?>css/basic.css" />
    <link rel="stylesheet" href="<?php echo $baseUrl ; ?>css/layout.css" />
    <link rel="stylesheet" href="<?php echo $baseUrl ; ?>css/blogs.css" />
    <link rel="stylesheet" href="<?php echo $baseUrl ; ?>css/ionicons.css" />
    <link rel="stylesheet" href="<?php echo $baseUrl ; ?>css/magnific-popup.css" />
    <link rel="stylesheet" href="<?php echo $baseUrl ; ?>css/animate.css" />

    <!--[if lt IE 9]>
    <script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

    <!-- Favicon -->


  <script type="application/ld+json">
{
  "@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"  
}
</script>

</head>

链接预览不可用

0 个答案: