发表于: 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.编码实战

                    
                        
                
                    
                      
表格标题
季度销售额
133665.25
221215.99

6.扩展思考

SEO工具

1、百度统计,可查看流量,用户通过搜索什么词进入网站,搜索词排名等等。
2、爱站网 www.aizhan.com 用户查看流量以及网站的运营状况。
3、http://link.chinaz.com/ 友情链接监测工具可以用下。

7.参考文献

参考一:参考姑婆网

参考一:segmentfault

参考一:angular 对seo不友好



返回列表 返回列表
评论

    分享到