meta标签
表示文档级元数据元素，简单来说就是描述网页数据的数据，有四种类型
- name属性 ： 文档级别元数据
- http-equiv属性：编译指令
- charset属性：字符集声明
- itemprop属性：用户自定义元数据
tip：name属性一般和content一起使用，以键值对的方式给文档提供元数据，name为元数据名称，content为元数据的值，元数据名称参见标准元数据名称
示例：
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="initial-scale=1.0,maximum-scale=1.0, user-scalable=1">
<meta name="google" content="notranslate" />
\
TKD
TKD标签是Title、Keywords、Description的缩写，是HTML页面中常出现的标签，通常网页的title标签可以被浏览器显示在顶端菜单栏上，这几个标签也经常被搜索引擎抓取，用于搜索引擎的索引，
示例
搜狐
<title>搜狐</title>
<meta name="Keywords" content="搜狐,门户网站,新媒体,网络媒体,新闻,财经,体育,娱乐,时尚,汽车,房产,科技,图片,论坛,微博,博客,视频,电影,电视剧">
<meta name="Description" content="搜狐网为用户提供24小时不间断的最新资讯，及搜索、邮件等网络服务。内容包括全球热点事件、突发新闻、时事评论、热播影视剧、体育赛事、行业动态、生活服务信息，以及论坛、博客、微博、我的搜狐等互动空间。">
人民网
<title>人民网_网上的人民日报</title>
<meta name="description" content="人民网，是世界十大报纸之一《人民日报》建设的以新闻为主的大型网上信息发布平台，也是互联网上最大的中文和多语种新闻网站之一。作为国家重点新闻网站，人民网以新闻报道的权威性、及时性、多样性和评论性为特色，在网民中树立起了“权威媒体、大众网站”的形象。">
<meta name="keywords" content="人民网,人民日报,中国共产党新闻,新闻中心,时政,社会,地方,地方领导,经济,能源环保,跨国公司,新农村,教育,科技,文化,饮食,娱乐,旅游,游戏,短信,彩信,资料,人民电视,图片,直播,访谈,观点,理论,传媒,国际军事,台湾,港澳,汽车,房产,IT,家电,开发区,百强县,体育,奥运,彩票,健康,男士,生活,天气,光盘,数据,强国论坛,强国博客,人民微博">
写法一般规则
title ：中文一般在28字以内，英文70字以内，一般只写网站主标题即可，如xxxx大学、xxxx，或者是主标题 - 副标题，或者是 副标题 | 主标题 ，副标题一般为主标题的解释或延申，如
<title>西北工业大学</title>
<title>阿里巴巴1688.com - 全球领先的采购批发平台,批发网</title>
<title>京东(JD.COM)-正品低价、品质保障、配送及时、轻松购物！</title>
<title>畅鲟 - 智慧零售运营专家</title>
<title>翁天信 · Dandy Weng 的个人网站主页</title>
keywords ：取不重复、相关性高的词（二级主标题，别名，产品名），一般每个关键词之间请用英文半角逗号或中线分开”,“或“ | ”
description ：字数尽量不要超过80个字
tip：关键词应体现相关性、权威性、时效性、一致性
meta元数据og与OG协议
简单来说就是声明可以被社交网络应用自由分享和引用，更多见og，百度支持og协议，可以用于优化seo
示例：
哈佛大学官网
<meta property="og:locale" content="en_US" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Harvard University" />
<meta property="og:description" content="Harvard University is devoted to excellence in teaching, learning, and research, and to developing leaders who make a difference globally." />
<meta property="og:url" content="https://www.harvard.edu/" />
<meta property="og:site_name" content="Harvard University" />
畅移官网
<meta property="og:title" content="畅鲟">
<meta property="og:description" content="盘活私域，畅快交易。畅鲟，爱点击集团iClick（NASDAQ:ICLK）旗下企业数字化运营增长平台。为企业提供全链路私域运营解决方案。基于瀑布式公域引流，极速盘活有效私域、剑指交易，帮助企业实现GMV高速增长">
<meta property="og:site_name" content="畅鲟">
<title>畅鲟 - 智慧零售运营专家</title>
<meta name="keywords" content="畅鲟,畅鲟零售,智慧零售,小程序商城,社交电商,小程序,小程序运营,微信小程序">
<meta name="description" content="盘活私域，畅快交易。畅鲟，爱点击集团iClick（NASDAQ:ICLK）旗下企业数字化运营增长平台。为企业提供全链路私域运营解决方案。基于瀑布式公域引流，极速盘活有效私域、剑指交易，帮助企业实现GMV高速增长">
\
meta元数据robots
示例：哈佛大学官网
<meta name="robots" content="index, follow, max-image-preview:large,
max-snippet:-1, max-video-preview:-1">
这个元标记控制搜索引擎如何抓取和索引页。 "robots"元标记指定的规则适用于所有搜索引擎，"googlebot"元标记指定的规则只适用于Google。Google可以理解以下值（当指定多个值时，用逗号将它们分开）：
none : 搜索引擎将忽略此网页，等价于noindex，nofollow。
noindex :搜索引擎不索引此网页。
nofollow :搜索引擎不继续通过此网页的链接索引搜索其它的网页。
all :搜索引擎将索引此网页与继续通过此网页的链接索引，等价于index，follow。
index :搜索引擎索引此网页。
follow :搜索引擎继续通过此网页的链接索引搜索其它的网页。
noodp noydir :不使用DOMZ、Yahoo!目录中描述作为网页摘要 ,使用noodp和noydir
示例：MDN
<meta name="robots" content="index, follow">
使用总结：
一般合理添加TKD以及og类meta标签即可
更多参见
<https://fuersite.github.io/2018/10/16/seo%E4%BC%98%E5%8C%96/>
<https://www.zhihu.com/question/19688816>
[📎基于SEO企业网站关键词设置三步法.pdf](https://www.yuque.com/attachments/yuque/0/2021/pdf/1080807/1635749734216-1f0f4cd7-387e-4a59-b34e-bda978c0e8e6.pdf)
