最新公告
  • 欢迎您光临仿站吧 帝国CMS模板一站式建站供应平台 . 欢迎加入VIP
  • 网站添加头部Meta property=og协议的使用方法详解教程

    正文概述 仿站吧   2024-01-19 11:08:14  

    Meta Property=og怎么使用?

    如何调用og:type?怎么在文章中调用og:title?如何使用调取文章og:image?本文将介绍什么是Meta Property=og协议以及该协议的用法!

    什么是Meta Property=og协议?

    og是一种新的HTTP头部标记(Open Graph协议)这种协议可以让网页成为一个“富媒体对象”(被其他网站引用等)。目前主流百度,360等等搜索引擎已经支持og富媒体协议!

    Meta Property=og协议的作用?

    1、能够正确被蜘蛛抓取您的内容到百度、360、搜狗等网页搜索;
    2、帮助您的内容更有效的在百度、360、搜狗结构化展现;
    3、能够正确的分享您的内容到SNS网站;
    4、帮助您的内容更有效的在SNS网络中传播;

    Meta Property=og标签的应用
    在和中添加入meta标签,并填上相应的内容
    如果一个页面上有多个需要标识出的内容怎么办?

    简单点说就是增加文章页的友好度

    您可以重复meta标签,将认为og:type 标签是每一段内容的起始处

    <meta property="og:type" content="article" />
    <meta property="og:title" content="taici" />
    <meta property="og:author" content="kingsaj" />
    <meta property="og:image" content="https://www.tai-ci.com/images/20201124032511.png" />
    <meta property="og:url" content="https://www.tai-ci.com/weixin">
    <meta property="og:category" content="博客">
    <meta property="og:site_name" content="台词网" />
    <meta property="og:tag" content="文章,技术,学习,交流">
    <meta property="og:description" content="人生就像游戏打怪升级,不断的积累经验,来提高等级" />
    <meta property="og:url" content="http://www.tai-ci.com/60566/" />
    <meta property="og:release_date" content="2022年11月11日 11:11" />

     

    Meta Property=og主要标签属性

    1. og:title 标题
    2. og:type 类型(常用值:article book movie)
    3. og:image 略缩图地址
    4. og:author 作者名称
    5. og:url 页面地址
    6. og:release_date 发布时间
    7. og:description 页面的简单描述
    8. og:site_name 页面所在网站名
    9. og:video 视频或者Flash地址
    10. og:audiosrc音频地址

    示例:
    在这里插入图片描述
    SEO 优化部分

    <!-- 页面标题<title>标签(head 头部必须) -->
    <title>your title</title>
    <!-- 页面关键词 keywords -->
    <meta name="keywords" content="your keywords">
    <!-- 页面描述内容 description -->
    <meta name="description" content="your description">
    <!-- 定义网页作者 author -->
    <meta name="author" content="author,email address">
    <!-- 定义网页搜索引擎索引方式,robotterms 是一组使用英文逗号「,」分割的值,通常有如下几种取值:none,noindex,nofollow,all,index和follow。 -->
    <meta name="robots" content="index,follow">

    仿站吧,一个优质的源码资源平台!
    仿站吧 » 网站添加头部Meta property=og协议的使用方法详解教程