一次偶然的点开一盏灯引发的SEO初识

事情是这样，不小心点开了dev tools的审计（audits）面板，点开了灯之后，画风如下

emmm, SEO 跑了满分也，好奇宝宝就往下滚到SEO区域，发现了如下新大陆

嗯，原来是应用满足了打钩的几项标准，细心的你们一定看到了有个rel=canonical没有满足，为什么呢，下面会讲到，那么我们就一起一项一项的过吧

页面中包含<meta name="viewport">标签并且该标签内涵width和initial-scale属性

SEO： 添加一个viewport元标签用于优化应用程序在移动显示屏上显示的样子

文档中添加<title>标签

SEO： 获取页面的内容预览

文档中添加有description属性的元标签

SE0： 含有description描述的meta元素内的描述内容会被搜索结果纳入简明地总结页面的内容

页面的HTTP请求状态码为成功请求状态

SEO： 页面如果有请求失败的状态可能导致页面无法正常初始化显示

LINKS有描述性文字

链接有描述性文字可以帮助搜索引擎更好的明白页面的内容

页面中不存在形如 <meta name="googlebot" content="noindex" />的设置

name 属性可以使 ‘Robots’ | ‘googlebot’ 等页面抓取的工具

content ="noindex" 告诉搜索引擎不要把该页面加入到搜索结果

文档有有效的hreflang

关于hreflang的用法请移步此篇文章： https://www.cnblogs.com/timetimetime/p/9395797.html

文档有有效的rel=canonical

关于resl=canonical的设置请移步此文章： https://www.cnblogs.com/timetimetime/p/9395757.html

文档使用合理的字体大小

字体大小小于16px在移动端中显示不有效。应该尽量让字体大小大于页面内容的75% > 16px

阻止插件

大部分的移动端设备不支持插件，桌面浏览器限制使用插件

检查页面是否在移动端显示友好

将页面网址在此网站中进行测试：https://search.google.com/test/mobile-friendly

有效的结构化数据

将页面在此网站中进行测试： https://search.google.com/structured-data/testing-tool/