发表于： 2017-01-06 23:12:05
1 1541
今天完成的事：将添加学员页面的输入判断完善，做优化SEO的PPT。
遇到的问题及收获：今天开始做的PPT方向有点偏，没有主要讲到前端开发优化SE。O
前面写限制输入判断有点小问题，有时候会不出来。
判断输入姓名2到5位中文字符。
$scope.checkName = !(!!oName && 2 <= oName.length && oName.length <= 5 && !pattern.test(oName));
判断输入数字。
$scope.checkQQ = !(!!oQQ && 6 <= oQQ.toString().length && oQQ.toString().length <= 15);
判断输入类型
$scope.checkType = !("string" === typeof oType)
关于前端的SEO优化：
网站结构布局优化，网站的目录层级要尽可能少，中小型网站不要超过3级。
扁平化的目录层次。尽量让Spider跳转3次就可以到达网站的任意一个内页。例如网站的 设计可以使用以下的3级：主页、栏目、内容页扁平铺开的结构，而不能是纵深的结构。
代码SEO优化：
*<head>标签放网页的标题，各个页面不同。
*<meta keywords>列举出几个重要的关键词。
*<meta description>网页内容的高度概括。
*<br />标记应该放在文本中间，即使用<p><br /></p>替代突兀的<br />标记。
*html语义化。推荐的做法是使用ul和li标记，再通过合适的CSS样式来实现同样的效果：
例如：
<ul class="nav">
<li>课程</li>
<li>问答</li>
<li>社区</li>
</ul>
*<a>标记要加上说明（title属性），对于指向外部网站的链接要使用rel="nofollow"属性告诉爬虫不要去爬其他的页面。
*<h1>正文标题要使用<h1>标记，副标题要使用<h2>。可以使用CSS样式进行显式风格的设置。切记：不重要的地方不要随便使用<h1>标记。
*<table>标记的优化。使用<caption>标记为表格指定标题。
*强调网页中的重要内容应该使用<strong>标记，避免使用<b>标记（对搜索引擎不友好）。<em>的权重仅次于<strong>。如果仅仅使显示的效果发生变化就使用<b>标记和<i>标记。
明天要做的事：完善页面，修改代码。
返回列表
评论