📌  相关文章
📜  meta og 标签 - Html (1)

📅  最后修改于: 2023-12-03 15:32:52.856000             🧑  作者: Mango

meta og 标签 - Html

在HTML中，Meta og标签是用于在网站上设置元数据和元信息的一种方法。这些标签可以帮助搜索引擎和社交媒体识别和优化网站内容。

基本的Meta og标签

以下是最常见的Meta og标签：

<meta property="og:title" content="网页标题" />
<meta property="og:type" content="网页类型" />
<meta property="og:url" content="网页的URL" />
<meta property="og:image" content="网页的主图" />
<meta property="og:description" content="网页描述" />
  • og:title：网页标题，用于描述网页主题。
  • og:url：网页的URL地址，包括协议（http / https）和主机名（HostName）。
  • og:image：网页的主图，用于代表网页内容。
  • og:description：网页描述，用于描述网页的主要内容。
更高级的Meta og标签

在上面的基本标签之外，Meta og标签还包括其他一些属性，例如：

<meta property="og:site_name" content="网站名称" />
<meta property="og:locale" content="语言代码_国家/地区代码" />
<meta property="og:article:author" content="文章作者" />
<meta property="og:article:section" content="文章分类" />
<meta property="og:article:tag" content="文章标签" />
<meta property="fb:app_id" content="Facebook App ID" />
  • og:site_name：网站名称，用于描述网站的名称。
  • og:locale：语言和地区代码，包括ISO 639-1语言代码和ISO 3166-1 alpha2国家/地区代码。
  • og:article:author：文章作者的名称。
  • og:article:section：文章所属的分类。
  • og:article:tag：文章所属的标签。
  • fb:app_id：Facebook应用程序ID, 用于标识Facebook应用程序管理这些标记。
如何使用Meta og标签

将Meta og标签添加到HTML文档中的head部分。以下是一个示例：

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta property="og:title" content="Example Title">
    <meta property="og:site_name" content="Example Site Name">
    <meta property="og:url" content="http://www.example.com">
    <meta property="og:image" content="http://example.com/images/example.jpg">
    <meta property="og:description" content="This is an example description.">
    <title>Example Page</title>
  </head>
  <body>
    …
  </body>
</html>
总结

Meta og标签是用于在网站上设置元数据和元信息的一种方法。这些标签可以帮助搜索引擎和社交媒体识别和优化网站内容。使用基本和更高级的Meta og标签来优化网站内容，同时使网站在搜索引擎和社交媒体中更易于被发现和分享。