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小时不间断的最新资讯,及搜索、邮件等网络服务。内容包括全球热点事件、突发新闻、时事评论、热播影视剧、体育赛事、行业动态、生活服务信息,以及论坛、博客、微博、我的搜狐等互动空间。">
人(min)网参见其网站源码
写法一般规则
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标签即可
示例如下:嘉元煤业
<title>嘉元煤业</title><meta name="keywords" content="嘉元煤业,嘉元煤业集团有限责任公司,煤矿,煤矿企业,现代化煤矿企业,在线售卖煤碳,中煤,水洗中块,水洗面煤,混面,陕西省榆林市神木市中鸡镇,"><meta name="description" content="嘉元煤业集团有限责任公司,神木县嘉元煤业集团有限责任公司位于陕西省榆林市神木市中鸡镇,井田面积14.7344km2,地质资源储量162.726Mt,矿井采用综合机械化采煤,于2016年建成投产,被评为一级安全生产标准化矿井,生产能力300万吨/年。"><meta property="og:locale" content="zh-CN" /><meta property="og:type" content="website" /><meta property="og:title" content="嘉元煤业" /><meta property="og:description" content="嘉元煤业集团有限责任公司,神木县嘉元煤业集团有限责任公司位于陕西省榆林市神木市中鸡镇,井田面积14.7344km2,地质资源储量162.726Mt,矿井采用综合机械化采煤,于2016年建成投产,被评为一级安全生产标准化矿井,生产能力300万吨/年。" /><meta property="og:url" content="https://smjymy.com/home" /><meta property="og:site_name" content="嘉元煤业" />
更多参见
https://fuersite.github.io/2018/10/16/seo%E4%BC%98%E5%8C%96/
https://www.zhihu.com/question/19688816