文章目录

  • meta标签
  • TKD
    • 写法一般规则
  • meta元数据og与OG协议
  • meta元数据robots
  • 使用总结:

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

SEO基本之KTD与meta标签设置相关推荐

  1. 前端搜索引擎优化SEO优化之Title 和 Meta 标签

    前端搜索引擎优化SEO优化之Title 和 Meta 标签 对搜索引擎最友好(Search Engine Friendly)的网页是静态网页,但大部分内容丰富或互动型网站都不可避免采用到相关技术语言来 ...

  2. SEO优化之Title 和 Meta 标签

    对搜索引擎最友好(Search Engine Friendly)的网页是静态网页,但大部分内容丰富或互动型网站都不可避免采用到相关技术语言来实现内容管理和交互功能.SEO 思想指导下的技术支持,主要是 ...

  3. meta标签设置用极速模式打开网页

    1 浏览器集成了多种浏览器内核,需要强制使用极速模式 <meta name="renderer" content="webkit" /> 2 met ...

  4. meta 标签知多少

    meta 标签提供该页面的一些信息,比如针对搜索引擎和更新频度的描述和关键词,它还可以控制页面缓冲.响应式窗口等,定义 meta 标签有利于网站 SEO(有利于搜索引擎访问),对于响应式窗口也起着作用 ...

  5. 【移动端布局】1 -基本概念:设备像素、css像素、屏幕尺寸、像素密度ppi、像素比dpr、viewport、meta标签、样式重置

    文章目录 0.关于web app 1.移动端与pc端的区别 2.尺寸相关概念 2.1.设备像素(物理像素) 2.2.CSS像素(设备独立像素,逻辑像素) 2.3.屏幕的尺寸 2.4.像素密度PPI - ...

  6. 移动web开发meta标签的使用

    一.meta标签 html代码中最关键的就是meta标签设置,开发移动端页面首先一定要设置viewport (可视区域) device-width - 设备的宽度 initial-scale - 初始 ...

  7. SEO优化之meta标签

    2019独角兽企业重金招聘Python工程师标准>>> meta的标签的使用是我在前端学习中曾经困惑过一段时间的问题.一方面不是很了解meta标签的用途,另一方面是对于meta标签里 ...

  8. 常用SEO优化之META标签

    之前对meta标签的理解只有<meta charset="UTF-8">和移动端适口<meta name="viewport" content ...

  9. SEO基础:Meta标签之Keywords、Description

    今天网友小贼在QQ上问我,为什么搜索引擎中那么多排在前面的站点,都没有写Keywords和Description,樂思蜀就这个问题发表一下看法. 这两个Meta标签有什么作用? * Keywords: ...

最新文章

  1. 软件定义网络 对我们有多重要?
  2. 修改java和mysql_关于mysql和java的数据修改
  3. Java,JavaFX的流畅设计风格拨动开关
  4. leetcode 190 python
  5. redis mysql 集群_Redis(五)、Redis数据库集群相关
  6. Git学习总结(18)——让你成为Git和GitHub大神的20个技巧
  7. php为什么要使用静态方法,为什么PHP在对象上下文中使用静态方法?
  8. python学习笔记——叁之修改配置文件
  9. weblogic + apache 负载均衡与Session复制
  10. vue插件开发练习--实用弹窗
  11. IDEA 等常用编程软件注册码集合
  12. 评价类算法之AHP层次分析法
  13. 模电摸索日记之《集成运算放大器》
  14. HUAWEI OSPF配置
  15. android 版本权限差别,安卓手机root前后有什么区别 root后哪些高权限操作
  16. 优秀工程师应该具备哪些素质_作为现代工程师应具备的素养
  17. 简述网桥,网关,路由器之间的区别和联系
  18. onlyoffice修改logo图标及开启https
  19. 一个启动U盘装多系统引导,无需反复格式化,ISO/WIM等文件拷贝到U盘即可启动
  20. 单片机的AVCC、AVSS、DVCC、DVSS引脚有何区别?

热门文章

  1. python爬取去哪里_Python爬取去哪儿网热门旅游信息
  2. 联想小新air13计算机专业,联想小新Air13怎么样 值不值得买
  3. DevOps 面试题集锦
  4. python-opencv-cv2.threshold()二值化函数详解
  5. 系统校验矩阵怎么求_保护未成年人的又一举措 微信小游戏健康系统上线
  6. 微信小程序后台登录一直失败
  7. ThreadLocal 源码分析(JDK1.8)
  8. 使用小赛看看软件浏览Dicom文件
  9. 【OpenCV学习】初识OpenCV其二
  10. halcon-模板匹配算子(ncc/shape/scaled_shape)