关闭

关闭

封号提示

内容

首页 开发设计中的SEO技巧.doc

开发设计中的SEO技巧.doc

开发设计中的SEO技巧.doc

上传者: 云飞扬 2011-06-26 评分 5 0 147 20 667 暂无简介 简介 举报

简介:本文档为《开发设计中的SEO技巧doc》,可适用于IT/计算机领域,主题内容包含开发设计中的SEO技巧开发设计中的SEO技巧在进行网站前端开发设计的时候如何做到用户与SEO兼得是每个站长都要考虑的问题很多时候要做到确实不易下面整符等。

开发设计中的SEO技巧开发设计中的SEO技巧在进行网站前端开发设计的时候如何做到用户与SEO兼得是每个站长都要考虑的问题很多时候要做到确实不易下面整理几个小技巧大家可以看下。  一、文字替换图片  这种手法在LOGO的处理上最为常见很多时候人们会把首页的LOGO加上<H>标签可是<H>标签里如果没有文字的话效果肯定不好因此很多人会在logo上加上alt描述但是肯定还是没有直接文字或者锚文本来的效果好这个时候我们就需要用到这个技巧了我们来看一下一般人的做法:<hclass="mainlogo"><ahref="#"><imgsrc="imagesheaderimagejpg"alt="淘客站长网"><a><h>  下面我们来看下如何运用CSS实现文字替换图片:<hid="tk"><span>淘客站长网<span><h>  下面是CSS代码:h#tk{width:pxheight:pxbackgroundimage:url(logogif)}  通过这种方法我们就可以很好的兼顾用户体验和SEO。  二、文章列表字数截取问题  这是所有网站都会遇到的问题如上图所示文章列表如果字数太多就会分成两排或者把列表挤变形这个时候就需要截取标题的字数这样一来对SEO是很不利的这个时候我们可以用CSS来控制不截取字数但是显示的依然是截取字数的这样一来在美观及SEO上都能兼顾到。  我们来看下网页代码:<divclass="list"><ul><li><ahref="#">多个启发灵感页面网站设计多个启发多个启发灵感页面网站设计多个启发<a><span><span><li><li><ahref="#">个JS广告代码和个特效<a><span><span><li><li><ahref="#">SNS网多个启发灵感页面网站设计多个启发多个启发灵感页面网站设计多个启发站<a><span><span><li><li><ahref="#">阿里巴巴推商人<a><span><span><li><li><ahref="#">谷歌评估必应搜索算法<a><span><span><li><li><ahref="#">谷歌评估必应搜索算法谷歌评估必应搜索算法<a><span><span><li><li><ahref="#">汉王创艺高手无线数位板…<a><span><span><li><li><ahref="#">跨过后台开发的那道槛<a><span><span><li><li><ahref="#">年国外大最佳设计博客网站<a><span><span><li><li><ahref="#">阿里巴巴推商人<a><span><span><li><ul><div>  再来看下CSS代码:body{padding:emfontsize:pxfontfamily:"SimSun"}list{width:px}listul{margin:padding:pxliststyle:nonebackground:url(http:blogowncssercomwpcontentuploadsbgligif)pxpxnorepeatfloat:left}listulli{clear:bothfloat:leftwidth:height:px}listullia{float:leftmarginright:pxpaddingright:pxheight:pxlineheight:pxoverflow:hidden}listullispan{float:leftmarginleft:pxwidth:pxheight:pxfont:pxpx"TimesNewRoman",Times,serifcolor:#ccc}  再来看下显示效果:  可以看出标题中多余的字数已经没有显示出来了而html代码中的标题却很完整。  三、用CSS来控制网页的布局  大家都知道在一个网页中越重要的东西越靠前越好而在实际的网页设计中有的时候因为考虑到用户体验而不得不把重要的内容放到后面其实我们还是把重要性强的内容靠前次要的东西放置靠后一些然后用CSS来定位实际显示的位置。  上下布局:<html><head><style>#navigation{position:absolutetop:pxleft:width:pxmarginleft:pxtextalign:left}#content{position:absolutetop:pxleft:width:pxmarginleft:pxtextalign:left}body{textalign:centerminwidth:px}<style><head><body><divid="content">content<!SEOoptimizedcontenttextgoeshere><div><divid="navigation">navigation<!navigationalelements,adsgohere><div><body><html>  左右布局:<html><head><style>#navigation{position:absolutetop:pxleft:width:pxmarginleft:pxtextalign:left}#content{position:absolutetop:pxleft:width:pxmarginleft:pxtextalign:left}body{textalign:centerminwidth:px}<style><head><body><divid="content">SEOoptimizedcontenttextgoeshere<div><divid="navigation">navigationalelements,adsgohere<div><body><html>  混合布局:<html><head><style>#top{position:absolutetop:pxleft:width:pxmarginleft:pxtextalign:left}#left{position:absolutetop:pxleft:width:pxmarginleft:pxtextalign:left}#main{position:absolutetop:pxleft:width:pxmarginleft:pxtextalign:left}#right{position:absolutetop:pxleft:width:pxmarginleft:pxtextalign:left}body{textalign:centerminwidth:px}<style><head><body><divid="main">optimizedmainbody<div><divid="left">leftpanel<div><divid="top">toppanel<div><divid="right">rightpanel<div><body><html>HYPERLINK"http:wwwtaoxdnet"紧急!!份seo快速排名资料免费抢!!点击此处马上抢!

精彩专题

职业精品

上传我的资料

热门资料

资料评价:

/ 5
所需积分:0 立即下载

意见
反馈

返回
顶部

Q