优化property=og标签,让你的网站在搜索引擎面前更优雅

property=og 标签是一种开放内容协议(Open Graph Protocol)的标签,它可以让网页成为一个“富媒体对象”,并被其他社会化网站如Facebook、百度、谷歌等引用和展示。property=og 标签可以提高网页的传播效率和用户体验,也有利于 SEO 优化。

property=og 标签的使用方法是,在 <head> 中添加 <meta property="og:xxx" content="yyy"/> 的形式,其中 xxx 表示属性名,yyy 表示属性值。常用的属性名有:

Meta Property=og 协议的作用

1. 能够正确被蜘蛛抓取您的内容到百度、360、搜狗等网页搜索;

2. 帮助您的内容更有效的在百度、360、搜狗结构化展现;

3. 能够正确的分享您的内容到SNS网站;

4. 帮助您的内容更有效的在SNS网络中传播;

Meta Property=og 主要标签属性

og:title 网页标题

og:type 网页类型(常用值:article 、book 、movie 、video 、website

og:image 网页的主要图片

og:author 作者名称

og:url 网页的地址

og:release_date 发布时间

og:description 网页的简介

og:site_name 页面所在网站名

og:videosrc 视频或者Flash地址

og:audiosrc 音频地址

og:site_name 网站名称

og:locale 网页语言

不支持 keywords

可以和 name 搭配使用:

<meta name="description" property="og:description" content={SITE.description} />
<meta name="keywords" content={SITE.keywords} />

简单示例

<meta property="og:title" content="property=og标签的含义及作用-w3h5前端资源网"/>
<meta property="og:type" content="article"/>
<meta property="og:image" content="https://w3h5.com/og-image.jpg"/>
<meta property="og:url" content="https://w3h5.com/og-article.html"/>
<meta property="og:description" content="本文介绍了property=og标签的概念、用法和优势,以及如何在WordPress中添加该标签。"/>
<meta property="og:site_name" content="w3h5前端资源网"/>
<meta property="og:locale" content="zh_CN"/>

property=og标签的注意

一个网页可以重复使用同样的 property=og 标签,但要用 og:type 标签将其分割,表示不同的内容段落。

property=og 标签不等同于 meta name 标签,两者针对的对象不一致,功能不同。如果要使用 property=og 标签,应同时赋值 meta name 和 title 标签。

property=og 标签应根据网页的实际内容和目标进行合理设置,避免过度优化或误导用户。

文章结尾:

property=og 标签是一种简单而有效的 SEO 工具,可以帮助网站提升在社会化网络和搜索引擎上的表现。如果您想了解更多关于 property=og 标签或其他 SEO 相关的知识,请继续关注本站的 SEO 分类。


未经允许不得转载:Web前端开发资源网 » 优化property=og标签,让你的网站在搜索引擎面前更优雅

推荐阅读:

Animate.css动画库的安装与使用

Vue.js学习笔记——事件监听

MongoDB的简单配置和基本数据操作

Linux安装JDK+Tomcat+MySQL及发布项目教程

判断网页是通过PC端还是移动终端打开的

赞 (0)
分享到: +

评论 沙发

Avatar

换个身份

  • 昵称 (必填)
  • 邮箱 (选填)