openGraph 1 - Html (1) - 芒果文档

📌 相关文章

📜 openGraph 1 - Html (1)

📅 最后修改于: 2023-12-03 14:44:54.629000 🧑 作者: Mango

openGraph 1 - Html

openGraph 1 - Html是一种HTML元数据协议，用于在社交媒体和搜索引擎上呈现链接的信息。根据openGraph协议，网站所有页面都应该包含openGraph标签。

openGraph标签

<meta property="og:url" content="网页链接"/>
<meta property="og:type" content="网页类型"/>
<meta property="og:title" content="网页标题"/>
<meta property="og:description" content="网页描述"/>
<meta property="og:image" content="网页图片"/>

其中，property表示openGraph属性，content表示对应的值。

常用openGraph属性

og:url：网页链接
og:type：网页类型，默认值为website。还有其他类型，如电影、音乐、文章等。
og:title：网页标题
og:description：网页描述
og:image：网页图片

示例

下面是一个示例网页的openGraph标签：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>openGraph 1</title>
    <meta property="og:url" content="https://example.com">
    <meta property="og:type" content="website">
    <meta property="og:title" content="openGraph 1 - Html">
    <meta property="og:description" content="openGraph 1 - Html是一种HTML元数据协议，用于在社交媒体和搜索引擎上呈现链接的信息。">
    <meta property="og:image" content="https://example.com/og-image.jpg">
</head>
<body>
    <h1>openGraph 1 - Html</h1>
    <p>openGraph 1 - Html是一种HTML元数据协议，用于在社交媒体和搜索引擎上呈现链接的信息。</p>
</body>
</html>

总结

通过使用openGraph标签，可以提高网站在社交媒体和搜索引擎上的可见性和分享效果。程序员需要确保网站的每个页面都包含必要的openGraph标签。