版权归作者所有,任何形式转载请联系作者。
作者:行俭(来自豆瓣)
来源:https://www.douban.com/note/683833615/

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset=utf-8>

<!-- 指定权威页面,使得搜索引擎收录更准确。 -->

<link rel="canonical" href="https://music.163.com/">

<!-- 指定搜索引擎显示的网页快照, -->

<meta name=description content="网易云音乐是一款专注于发现与分享的音乐产品,依托专业音乐人、DJ、好友推荐及社交功能,为用户打造全新的音乐生活。">

<meta name=viewport content="width=device-width, initial-scale=1">

<!-- 定义关键字, -->

<meta name="keywords" content="网易云音乐,音乐,播放器,网易,下载,播放,DJ,免费,明星,精选,歌单,识别音乐,收藏,分享音乐,音乐互动,高音质,320K,音乐社交,官网,music.163.com" />

<!-- 网站的制作者 -->

<meta name="Author" contect="CZQ">

<!--

  设定为all:文件将被检索,且页面上的链接可以被查询;

设定为none:文件将不被检索,且页面上的链接不可以被查询;

设定为index:文件将被检索;

设定为follow:页面上的链接可以被查询;

设定为noindex:文件将不被检索,但页面上的链接可以被查询;

设定为nofollow:文件将不被检索,页面上的链接可以被查询 -->

<meta name="Robots" contect= "all|none|index|noindex|follow|nofollow">

<!-- og是一种新的HTTP头部标记,即Open Graph Protocol:

作用是让网页成为一个“富媒体对象”。

用了Meta Property=og标签,就是同意了其他网站可以引用本网页内容,目前这种协议被很多SNS网站采用。也就是所谓的富媒体对象。 -->

具体用法示例:

<meta property="og:title" content="网易云音乐" />

<meta property="og:type" content="website" />

<meta property="og:image" content="http://p3.music.126.net/tBTNafgjNnTL1KlZMt7lVA==/18885211718935735.jpg" />

<meta property="og:url" content="https://music.163.com/" />

<title>test1</title>

</head>

<body>

哈哈哈,网易云音乐

</body>

</html>

mata name,property=og:title|og:image的几种说明相关推荐

  1. property=og:title 是什么意思?og:的用法又是什么呢?

    在进行SEO优化时,看到有的网站的meta标签有property="og:title"这个标签,那么它是什么意思呢?og:的用法又是什么呢? 经过查询资料了解到:og是一种新的HT ...

  2. 根据title 关闭cmd 窗口_2种Win7关闭休眠功能方法

    首先我们了解一下休眠,休眠其实是将内存中的数据保存在硬盘中并且关闭计算机,下次开机时会重新将这些数据恢复到内存中,便于快速启动.如果启用了"休眠"功能,会在系统盘生成一个名为hib ...

  3. SEO优化之og:标签

    文章目录[隐藏] SEO 优化 og 标签前言 SEO 优化 og 标签历史 SEO 优化 og 标签常用标签 SEO 优化 og 标签例子 1 SEO 优化 og 标签例子 2 SEO 优化 og ...

  4. HTMl综合各大网站谈谈Meta标签和meta property=og标签含义

    看看国内一些网站头部meta的设置: 1.天猫首页 <meta charset="utf-8"/> <meta name="renderer" ...

  5. 网站添加头部Meta property=og协议的使用方法详解教程

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

  6. 增加seo好感度,wordpress给文章增加og协议,即meta标签形式如 meta property=”og:

    这个标题是什么意思?什么是og协议.先不说到底是什么意思.可能大家在一些博客上面,有时候一篇文章,你查看源代码的时候,会在里面,发现如"meta property="og:desc ...

  7. meta property=og标签含义及作用

    MetaProperty=og标签是什么呢? og是一种新的HTTP头部标记,即OpenGraph Protocol: The OpenGraph Protocol enablesany web pa ...

  8. og协议-有利于SNS网站分享

    一丶前言 全球快递toWhere官网发现使用og协议,并且支付宝和淘宝活动源码也会添加og协议,查阅资料弄清og协议是什么,此刻附上og协议官方文档 一丶什么是og协议 Open Graph通讯协定( ...

  9. og属性优化教程,什么是og标签

    og标签很拉风的样子. 前两天使用一套国外的网站模板,分析网页代码的时候发现了meta信息中出现了property="og:title"这种新东西.本着存在即合理,既然作者这样设计 ...

最新文章

  1. Window7系统 中常见的进程命令分析?
  2. 1万属性,100亿数据,每秒10万吞吐,架构如何设计?
  3. 用vector写结构体
  4. 用Python画一只蝙蝠
  5. BluePrism初尝2
  6. JavaFX 2:如何加载图像
  7. lodop转到其他html页面,Lodop实现打印功能
  8. Ionic--再次打开自动填充用户名和密码的问题解决方法
  9. js一个按钮弹出两个按钮_车内常见按钮,你却一个不认识?一分钟带你认识车内常见按钮...
  10. html5tab页高德地图,高德地图系列web篇——目的地公交导航
  11. linux配置MYSQL慢查询的一些错误解决方案
  12. 2021-11-02为了升级win11去升级BIOS遇到的坑
  13. 如何用计算机看苹果手机的文件,怎么在电脑上打开苹果手机上的文件?
  14. 2019年税务师进行继续教育?
  15. oracle数据库开机自启,oracle数据库开机自动启动
  16. miui删除内置不卡米教程_MIUI11卸载系统自带软件,无需ROOT也可以
  17. oracle中alter用法,Oraclealter用法
  18. Linux之Xshell工具使用
  19. 贪婪洞窟2一直显示连接服务器失败,贪婪洞窟2登陆不了怎么办?游戏无法登陆解决方法...
  20. Html5 1.4 figure和figcaption的实例

热门文章

  1. 深度好文之Servlet技术详解(九)
  2. 第一章 Centos 简介与安装
  3. 前端开发-后台信息管理页面的开发流程
  4. STM32实现低功耗待机(电流低至5.7uA)
  5. android 2.2(froyo)源码下载
  6. Java反射获取构造方法
  7. 【转】国内人才《上海市居住证》续办需提供的申请材料
  8. 知识蒸馏论文翻译(1)——CONFIDENCE-AWARE MULTI-TEACHER KNOWLEDGE DISTILLATION(多教师知识提炼)
  9. 利用随机森林对特征重要性进行评估(公式原理)
  10. IDEA报错 Cannot resolve method ‘xxx‘ in ‘xxx‘