我应该如何使用Facebook Open Graph?

问题描述 投票:0回答:1

我刚刚将我的 Facebook 帐户的链接放在网站上。我从一个免费 SEO 网站进行了 SEO 分析,它说我需要添加 Facebook Open Graph。我添加这个:

<meta property="og:url" content="https://www.facebook.com/censored:)/">
seo facebook-opengraph meta-tags
1个回答
1
投票

在评论中,你告诉我,还有哪些其他元标记? .

这是我现在找到的 SEO 标签

全部都在这个 github repo 或下面的代码中

你不需要使用全部,做一个小型研究,这是一个很好的起点

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <!-- Primary Meta Tags -->
    <title>Laaouatni — HTML and CSS Project.</title>
    <meta name="title" content="Laaouatni — HTML and CSS Project.">
    <meta name="description" content="progetto HTML e CSS di Laaouatni Anas. codice su Github e Codepen (100% responsive)">

    <!-- css links -->
    <link rel="stylesheet" type="text/css" href="./index.css">

    <!-- Open Graph / Facebook -->
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://laaouatni.github.io/">
    <meta property="og:title" content="Laaouatni - Technical Documentation Project.">
    <meta property="og:description" content="progetto HTML e CSS di Laaouatni Anas. codice su Github e Codepen (100% responsive)">
    <meta property="og:image" content="https://avatars.githubusercontent.com/u/87947051?v=4">

    <!-- Twitter -->
    <meta property="twitter:card" content="summary_large_image">
    <meta property="twitter:url" content="https://laaouatni.github.io/">
    <meta property="twitter:title" content="Laaouatni - Technical Documentation Project.">
    <meta property="twitter:description" content="progetto HTML e CSS di Laaouatni Anas. codice su Github e Codepen (100% responsive)">
    <meta property="twitter:image" content="https://avatars.githubusercontent.com/u/87947051?v=4">

    <!-- font google api link -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300&display=swap" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@500&display=swap" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@700&display=swap" rel="stylesheet">

    <!-- icon for html -->
    <link rel="shortcut icon" type="image/jpeg" href="https://avatars.githubusercontent.com/u/87947051?v=4" />
    <link rel="icon" href="https://avatars.githubusercontent.com/u/87947051?v=4" type="image/jpeg" />

    <!-- other meta tags -->
    <meta name="robots" content="index,follow" />
    <meta name="robots" content="max-image-preview:large">
    <meta name="author" content="laaouatni" />
    <meta name="copyright" content="laaouatni" />
    <meta name="keywords" content="laaouatni, laaouatni anas, anas laaouatni, laaouatni html, laaouatni css, laaouatni javascript, laouatni, laoatni, laouatni anas">
    <meta http-equiv="refresh" content="300">
    <meta property="og:site_name" content="laaouatni">

    <!-- android meta tags -->
    <meta name="application-name" content="laaouatni">
    <meta name="mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="theme-color" content="#0000ff">

    <!-- IOS Seo Meta Tag -->
    <meta name="apple-mobile-web-app-status-bar-style" content="#0000ff">
    <link rel="apple-touch-icon" sizes="48x48" href="https://avatars.githubusercontent.com/u/87947051?v=4" />
    <link rel="apple-touch-icon" sizes="72x72" href="/https://avatars.githubusercontent.com/u/87947051?v=4" />
    <link rel="apple-touch-icon" sizes="76x76" href="https://avatars.githubusercontent.com/u/87947051?v=4">
    <link rel="apple-touch-icon" sizes="96x96" href="https://avatars.githubusercontent.com/u/87947051?v=4" />
    <link rel="apple-touch-icon" sizes="120x120" href="https://avatars.githubusercontent.com/u/87947051?v=4">
    <link rel="apple-touch-icon" sizes="144x144" href="https://avatars.githubusercontent.com/u/87947051?v=4" />
    <link rel="apple-touch-icon" sizes="152x152" href="https://avatars.githubusercontent.com/u/87947051?v=4">
    <link rel="apple-touch-icon" sizes="192x192" href="https://avatars.githubusercontent.com/u/87947051?v=4" />
    <link rel="apple-touch-icon" sizes="256x256" href="https://avatars.githubusercontent.com/u/87947051?v=4" />
    <link rel="apple-touch-icon" sizes="384x384" href="https://avatars.githubusercontent.com/u/87947051?v=4" />
    <link rel="apple-touch-icon" sizes="512x512" href="https://avatars.githubusercontent.com/u/87947051?v=4" />

    <!-- microsoft meta icon logo -->
    <meta name="msapplication-square310x310logo" content="https://avatars.githubusercontent.com/u/87947051?v=4">
</head>




</html>

© www.soinside.com 2019 - 2024. All rights reserved.