发表于： 2017-06-04 22:40:01
1 1061
一、今天完成的事情：
1，昨日还剩下一小部分页面开发说明以及页面链接的思维图，今天完善了一下，
2，找项目中计划的要用的插件，基本上都是用的最新版本的。
二、明天计划的事情：
1，拆禅道（因为禅道的需求都是在一起的，不了解怎么拆，以及是否需要我把某些拆出来的任务指派给组员，所以打算今天莎莎师兄来了之后，问一下莎莎师兄）
2，进行设计方案的评审，着手写页面...
三、遇到的问题：
1，SVN：
svn这一块，现在四个前端组员，都是只是在CSS任务二的时候稍微了解了下，并不怎么会用...
SVN这一块的话，可能要花一些时间去学习。
四、收获：
1，通过写方案的设计，了解到自己编码方法的一些不足之处，以及别人编码方法的特长。
2，通过方案设计，和组员进行协商使用哪些插件，哪些方法，了解了自己在某些方面的编码方式或者插件的使用比较单一...很多只是会一种方法（插件）。
简介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.编码实战
课程
|
问答
|
社区- 课程
- 问答
- 社区
表格标题 季度 销售额 1 33665.25 2 21215.99
6.扩展思考
SEO工具
1、百度统计，可查看流量，用户通过搜索什么词进入网站，搜索词排名等等。
2、爱站网 www.aizhan.com 用户查看流量以及网站的运营状况。
3、http://link.chinaz.com/ 友情链接监测工具可以用下。
7.参考文献
参考一：参考姑婆网
参考一：segmentfault
参考一：angular 对seo不友好
返回列表
评论