注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

左岸

web前端

 
 
 

日志

 
 

网页前端制作中的SEO  

2012-09-13 15:58:51|  分类: web标准 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

在SEO盛行的今天到处都在谈优化,对于网站前端制作人员来说,有几点是跟SEO相关的,也就是SEO站内优化中的一部分,下面总结几点:

1.title,<title>页面标题</title>。页面的标题,不用多说,这个必须有!

2.keywords,<meta name="keywords" content="关键词1,关键词2" />。为搜索引擎提供的关键字列表,各关键词间用英文逗号“,”隔开。页面的主关键词可以列举在这里。

3.description。<meta name="description" content="页面描述"/>。告诉搜索引擎你的网站主要内容。虽然现在description对百度等搜索引擎排名影响不是很大,但是对于用户体验方面还是有用的,可以让用户了解到网页的大概内容,引导点击。

4.robots,<meta name="Robots" Content="Nofollow">。告诉搜索引擎哪些页面需要索引,哪些页面不需要索引。Content的参数有all、none、index、noindex、follow、nofollow。默认是all。

注:①<meta name="Robots" Content="">是对页面上的所有链接生效,包括站内站外。
②nofollow引申:Nofollow最常用的是在a标签上加上nofollow:<a rel="external nofollow" href=""></a>,告诉搜索引擎不要抓取特定的链接。a标签上加上这个属性可以防止权重分散到无关页面,你可以为站点的内部链接添加nofollow。比如:联系我们、关于我们、隐私保护、公司简介、网站后台等的链接,因为这些页面基本不需要权重。

所以站长在交换友情链接的时候应当留意下与你交换链接的站点有没有在其所添加的友情链接上加上nofollow,或者头部是否有<meta name="Robots" Content="Nofollow">。

5.H1,<h1>文章标题</h1>。告诉搜索引擎这个是一段文字的标题,起强调作用。经验表明H1标题确实有比较大的权重,但是不可乱用,建议用在那些长期保持的关键词/词组,H2、H3、H4这些标题已经对搜索引擎没有多大价值了,可以在文章内加上这些标题突出重点,增加用户体验。

6.alt,<img src="" alt="这里可以加上关键词"/>。alt属性对搜索引擎排名也有一定影响,因为搜索引擎目前并不能识别图像,所以在加上alt属性,是一种对蜘蛛友好的表现,有助于提高排名。alt要符合图片本身的内容,同时尽可能包含页面关键词。

7.a标签的title,<a href="" title="这里可以加上关键词"></a>。链接的提示文字,效果微弱,但是从细节做起总是有用的,更何况还能提高用户体验。

8.合理的结构。网站有合理的结构,清晰的导航,可以在页面中加入面包屑,上下篇,相关文章等,这样整个站点之间可以相互链接,形成网状结构,利于蜘蛛爬行。

9.代码精简,提高网页信噪比。网页信噪比指网页中的文本内容部分与生成这些文本而产生的html标签内容的比率。网页信噪比越高,说明页面中纯文本内容相对越多,搜索引擎抓取页面也越容易。使用div+css编码,外部引用css样式表及javascript文件,都能大幅度提高网页信噪比。

上面列举了网页制作中的一些SEO问题,网页设计及制作人员可在建站时考虑这些元素,当然上面说到每一点都有比较多的学问,都值得推敲研究,那就是众多SEOer的活了!


  评论这张
 
阅读(66)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017