大家好，我是IT修真院郑州分院第四期的学员汪开放，一枚正直纯洁善良的web程序员
今天给大家分享一下，简介CSS命名规范和SEO？
1.背景介绍
规范
规范，规范，一个优秀的公司必然有一个优秀的团队，一个优秀的团队必然要有一个好的规范来 约束和执行。国内基本各大互联网公司的前端都有自己的开发规范，但总的宗旨基本都是：代码简、易维护、性能高。对于一个大型项目经常会多人协作，这时必须要有一个好的规范才能顺利便捷地进行下去。
什么是seo？
SEO由英文Search Engine Optimization缩写而来，中文意译为“搜索引擎优化”。
它是指从自然搜索结果获得网站流量的技术和过程，是在了解搜索引擎自然排名机制的基 础上，对网站进行内部及外部的调整优化， 改进网站在搜索引擎中的关键词自然排名， 获得更多流量，从而达成网站销售及品牌建设的目标。
2.知识剖析
SEO需要做什么？
1.标题关键字描述
2.网站内容优化。
3.robot.txt；
它能够自动访问互联网上的网页并获取网页信息。它会首先检查该站点根目录下是否存在robot.txt，如果存在，就会按照该文件中的内容来确定访问的范围；如果该文件不存在，所有的搜索蜘蛛将能够访问网站上所有没有被口令保护的页面。
SEO需要做什么？
4.增加外部链接。
（1）外部链接类别：博客、论坛、B2B、新闻、分类信息、贴吧、知道、百科、相关信息网等尽量保持链接的多样性。
（2）外链运营：每天添加一定数量的外部链接，使关键词排名稳定提升。
（3）外链选择：与一些和你网站相关性比较高,整体质量比较好的网站交换友情链接,巩固稳定关键词排名。
如搜狐自媒体里，我们的APP推广加上了超链，链接到姑婆网。
CSS命名规范
1,规则命名中，一律采用小写加中划线的方式，不允许使用大写字母或 _
2,命名避免使用中文拼音，应该采用更简明有语义的英文单词进行组合
3,不允许通过1、2、3等序号进行命名；避免class与id重名
4,class用于标识某一个类型的对象，命名必须言简意赅
5,尽可能提高代码模块的复用，样式尽量用组合的方式
6,规则名称中不应该包含颜色（red/blue）、定位（left/right）等与具体显示效果相关的信息。应该用意义命名，而不是样式显示结果命名
3.常见问题
前端部分如何来优化？
4.解决方案
扁平化结构
1.控制首页链接数量。太少太多都不好。多少呢？中小型网站：100个以内。可包含在页面导航，底部导航，等：不能凑链接而凑链接。
2.最多纵向跳转三次。纵深型不推荐。超过三次最好能到达网站的任意地方。
3.导航的seo 的优化：尽量文字方式。当然也可是图片：但是title & alt必须加。
4.网页建议加上crumb导航，帮助爬虫了解所处位置。
5..（内容页）分页信息（首页1-10加下拉框；知道有多少页面。下一页）
6.注意网站的加载速度。一个页面大小，推荐不超过100k.
代码优化
1.标题：重点突出；
2.语义化标签：合适位置使用合适标签。比如做菜单栏：用ul，li而不是div加span。
3.一些细节：
①a标签：加上title （链接说明）；指向其他网站的链接：加上：rel="nofollow"(不计入权重)
②h1最重要，觉得字体太大用css修饰,一定要有；副标题用h2，
③br标签只用于文本换行。有时候占位置想用怎么办：
用p标签包裹。p+br+/p;
④table用caption定义表格标题。
⑤img加上alt标签。爬虫对图片读取能力有限，通过该注释来方便读取。
5.编码实战
6.扩展思考
SEO工具
1、百度统计，可查看流量，用户通过搜索什么词进入网站，搜索词排名等等。
2、爱站网 www.aizhan.com 用户查看流量以及网站的运营状况。
3、http://link.chinaz.com/ 友情链接监测工具可以用下。
7.参考文献
参考一：参考姑婆网
参考一：segmentfault
参考一：angular 对seo不友好
文本链接：文本链接
视频链接：视频链接
今天的分享就到这里啦，欢迎大家点赞、转发、留言、拍砖~
--------------------------------------------------------------------------------------------------------------------
技能树.IT修真院
“我们相信人人都可以成为一个工程师，现在开始，找个师兄，带你入门，掌控自己学习的节奏，学习的路上不再迷茫”。
这里是技能树.IT修真院，成千上万的师兄在这里找到了自己的学习路线，学习透明化，成长可见化，师兄1对1免费指导。快来与我一起学习吧 ！
填写我的邀请码可以获得未知优惠哟：89320496
或者你可以直接点击此链接：邀请链接
网友评论