你一定不知道，在前端代码规范上，还有SEO代码规范，作为学习前端的你稍后了解呢？SEO代码规范一方面是为了获取流量，另外一方面着是更好的提升网页的加载速度，同时也是体现用户体验的关键！
SEO优化的好处
利用搜索引擎的规则提高网站在有关搜索引擎内的自然排名，为自己的网站获取免费流量；
以用户体验为核心，为目标用户提供高质量的内容；
对页面的代码和网页阅读体验，网站性能等进行优化，符合搜索引擎的规则，提升搜索引擎网页的自然排名。
一、网页三要素的基础优化规范T深入浅出SEO优化规范
1、页面标题(Title)，30字以内网站首页：
品牌词-产品中文全称、特色服务、xxxx
title品牌名-正品低价、品质保障、配送及时、轻松购物！/title
list页面：
产品和主题概述-品牌词
title广州装修公司排行，联系地址-品牌词/title
detail页面：
具体产品或内容主题概述-品牌词
title广州番禺区百姓装潢设计_收费标准-品牌词/title
注：强调重点即可，重要的关键词出现不要超过2次，而且要靠前，不同页面的title要有所不同
2、页面描述（Description）字以内
不超过个字符，描述内容要和页面内容相关。
对页面内容的高度概括，不可过分堆砌关键词，不同页面的description要有所不同
metaname="description"content="品牌名-专业的综合网上购物商城，为您提供正品低价的购物选择、优质便捷的服务体验。商品来自全球数十万品牌商家，囊括家电、手机、电脑、服装、居家、母婴、美妆、个护、食品、生鲜等丰富品类，满足各种购物需求。"/3、页面关键字（Keywords）
Keywords为产品名、专题名、专题相关名词，之间用英文半角逗号,隔开，告诉搜索引擎本页的重点、关键词。
metaname="Keywords"content="网上购物,网上商城,家电,手机,电脑,服装,居家,母婴,美妆,个护,食品,生鲜"/4、总结
书写顺序
代码顺序按照标题-描述-关键字依次
二、搜索引擎的索引方式索引方式
robotterms是一组使用逗号,分割的值
通常有如下几种取值：none，noindex，nofollow，all，index和follow。确保正确使用nofollow和noindex属性值。
metaname="robots"content="index,follow"/!--all：文件将被检索，且页面上的链接可以被查询；none：文件将不被检索，且页面上的链接不可以被查询；index：文件将被检索；follow：页面上的链接可以被查询，告诉蜘蛛可以被追踪，传递权重；noindex：文件将不被检索；nofollow：页面上的链接不可以被查询，告诉蜘蛛无需追踪，不传递权重。一般用于站外链接。--页面重定向和刷新)页面重定向和刷新
content内的数字代表时间（秒），既多少时间后刷新。
如果加url，则会重定向到指定网页（搜索引擎能够自动检测，也很容易被引擎视作误导而受到惩罚）。
meta