本文解析了网易云音乐网站的HTML结构与元标签使用，包括SEO优化的关键元素如canonical链接、描述、关键词等，以及Open Graph Protocol的应用。
版权归作者所有，任何形式转载请联系作者。
作者：行俭（来自豆瓣）
来源：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>
扫一扫
2109
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
