网站添加头部Meta property=og协议的使用方法详解教程
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="下雨天" />
<meta property="og:author" content="kingsaj" />
<meta property="og:image" content="https://img-home.csdnimg.cn/images/20201124032511.png" />
<meta property="og:url" content="https://blog.csdn.net/weixin_44412840?spm=1000.2115.3001.5343">
<meta property="og:category" content="博客">
<meta property="og:site_name" content="csdn" />
<meta property="og:tag" content="文章,技术,学习,交流">
<meta property="og:description" content="人生就像游戏打怪升级,不断的积累经验,来提高等级" />
<meta property="og:url" content="https://blog.csdn.net/weixin_44412840?spm=1000.2115.3001.5343" />
<meta property="og:release_date" content="2021年11月11日 11:11" />
Meta Property=og主要标签属性
- og:title 标题
- og:type 类型(常用值:article book movie)
- og:image 略缩图地址
- og:author 作者名称
- og:url 页面地址
- og:release_date 发布时间
- og:description 页面的简单描述
- og:site_name 页面所在网站名
- og:videosrc 视频或者Flash地址
- 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协议的使用方法详解教程相关推荐
- html用排序列表的方式添加,jQuery html表格排序插件tablesorter使用方法详解
tablesort是一款很好用的jQuery表格排序插件. 支持多种数据类型排序,会自动识别表格内容数据类型,使用也非常方便. 使用jQuery tablesort实现html表格方法: 1. 下载j ...
- HTMl综合各大网站谈谈Meta标签和meta property=og标签含义
看看国内一些网站头部meta的设置: 1.天猫首页 <meta charset="utf-8"/> <meta name="renderer" ...
- 增加seo好感度,wordpress给文章增加og协议,即meta标签形式如 meta property=”og:
这个标题是什么意思?什么是og协议.先不说到底是什么意思.可能大家在一些博客上面,有时候一篇文章,你查看源代码的时候,会在里面,发现如"meta property="og:desc ...
- meta property=“og:xxx“ seo 优化
让搜索引擎抓住关键字,更好的被搜索到. 非常有利于网站的推广 <!-- meta name="viewport" 控制设备适配的 让当前viewport的宽度等于设备的宽度, ...
- HTTP协议的头信息详解
HTTP协议的头信息详解 http://blog.csdn.net/guoguo1980/archive/2008/07/14/2649658.aspx HTTP协议的头信息详解 HTTP(Hyper ...
- HTTP协议的头信息详解 1
HTTP协议的头信息详解 我用抓包软件抓了http的包,发现accept大多数有两种情况. # l8 X" o; I5 e# t9 y第一种:Accept: image/gif, image ...
- 《HTTP/2基础教程》协议、特性、详解
文章目录 <HTTP/2基础教程>协议.特性.详解 前言 第一章 HTTP进化史 第二章 HTTP/2 快速入门 第三章 Web优化"黑魔法"的动机与方式 HTTP/1 ...
- ARP协议及ARP欺骗详解
ARP协议及ARP欺骗详解 地址解析协议,即ARP(Address Resolution Protocol),是根据IP地址获取物理地址的一个TCP/IP协议.主机发送信息时将包含目标IP地址的ARP ...
- [转]HTTP协议之状态码详解
HTTP协议之状态码详解 HTTP状态码,我都是现查现用. 我以前记得几个常用的状态码,比如200,302,304,404, 503. 一般来说我也只需要了解这些常用的状态码就可以了. 如果是做AJ ...
最新文章
- 第十四节: 介绍四大并发集合类并结合单例模式下的队列来说明线程安全和非安全的场景及补充性能调优问题。...
- java和tornado_TornadoJ
- Javascript 的函数式对象(三)利用闭包模拟类的静态变量和方法
- svn 服务器端怎么增加用户,svn+ssh方式svn服务器和客户端的配置[转载]
- jsp网页上实现计算圆面积小程序
- strong和weak 细节
- Android获取状态栏和标题栏的高度
- vue css下载字体并引入使用
- C#敏感词过滤算法实现
- SSE图像算法优化系列十五:YUV/XYZ和RGB空间相互转化的极速实现(此后老板不用再担心算法转到其他空间通道的耗时了)。...
- Ubuntu 软件安装(网易云音乐,有道词典,flash插件)
- 一文读懂NFT(非同质化通证)
- Git生成SSH Key
- 重命名 VMware ESX 主机
- Linux环境变量PSI指什么,psi是什么单位,pSI指标应用原则
- amx-104 r-java_AMX-104 R·贾贾
- Python爬虫框架Scrapy入门(三)爬虫实战:爬取长沙链家二手房
- 消息队列KafKa的集群部署
- Java 流的使用总结
- netstat 为什么不显示进程 PID / Program Name