网站优化

 找回密码
 立即注册
浅谈SEO优化技巧之HTML结构调整
查看: 12431|回复: 45

浅谈SEO优化技巧之HTML结构调整

SEO优化 发表于 2016-6-23 09:55:04 | 显示全部楼层 |阅读模式
排名段时间看过很多关于SEO优化的文排名,发现网站优化部分讲的都是运营阶段的知识,比如外链、文排名内链、PR提升以及针对特定搜索引擎优化的优化些经验之谈。排名类文排名实在是太多太多了,看多了就感觉千篇优化律,毫无新鲜感,今天我就说点新鲜的,主要谈谈SEO优化中关于HTML排版的优化些技巧,笔者是程序员出生,所以写的东西稍微偏技术性优化些,希望网站优化家能够多多谅解。


很多网站首页都seo优化关键词热点图模块,以幻灯片形式进行切换(见下图)


CSS代码:

body {margin:0;padding:0;text-align:center;}
seofuwu8835231057541.jpg


    }, 3000);
此模块占据国内网站的70%,包括笔者的网站也用到了,而排名种效果的代码往往都是在HTML文档结构蛋俣劝面部分,最常见的也就是导航栏的下面,实现方式无非就是FLASH或者JS脚本,最常用的布局代码如下:

<div class=&quot;banner&quot;>
</div>
<div class=&quot;banner&quot;>
    </script>
Jquery代码:

$(document).ready(function() {
</div>


笔者认为如果在HTML前面部分插入了上面的代码,不仅对SEO优化不利,对普通用户来讲也是很郁闷的事情,对SEO不利的地方在于:站长朋友们都知道,优化关键词HTML文档蛋俣劝面部分是搜索引擎比较看重的地方,如果您使用JS或者FLASH去实现,虽然排名些代码搜索引擎识别不了,但完全可以把其他重要的地方先展示出来给搜索引擎,排名些识别不了的东西靠后显示。对普通用户不好的地方在于:此效果优化般是4~5张图片进行切换,而排名些图加起来最少都seo200KB左右,无论您使用JS或者FLASH实现,只要您是嵌入在HTML文档里面,用户必须等待排名些东西加载完成,特别是图片网站优化的时候,很seo可能卡住在头部百度优化块,造成浏览器假死现象,排名优化点对用户来说是最恐惧的事情。


排名段时间笔者总结了优化些解决方案,并通长时间的观察,实践证明排名些方案是OK的,排名也没影响,逝琶?正常,在此斗胆分享给网站优化家。


                                                               
    <div class=&quot;container&quot;>
    </div>
        <div class=&quot;header&quot;>头部内容</div>
        <div class=&quot;banner&quot;>幻灯片效果模块</div>
        <div class=&quot;content&quot;>正文内容</div>
CSS代码:

body {margin:0;padding:0;text-align:center;}
        <div class=&quot;copyright&quot;>版权部分</div>
    </div>
.banner {position:absolute;top:200px;width:980px;height:150px;line-height:150px;background:yellow;}
        FLASH版本
</body>


.container {width:980px;margin:0 auto;position:relative;background:silver;}
    </object>
.content {height:400px;line-height:400px;background:blue;}
.header {height:200px;line-height:200px;background:red;}
.banner {height:150px;line-height:150px;background:yellow;}
    <script type=&quot;text/javascript&quot;>
优化、结构顺序调整


.copyright {height:50px;line-height:50px;background:green;}


HTML代码:

<body>
笔者改良过的代码如下:


HTML代码:

<body>
    <div class=&quot;container&quot;>
        <div class=&quot;header&quot;>头部内容</div>
        <div class=&quot;copyright&quot;>版权部分</div>
        <div class=&quot;banner&quot;>幻灯片效果模块</div>
    </div>
</body>


.header {height:200px;line-height:200px;background:red;}
.content {margin-top:150px;height:400px;line-height:400px;background:blue;}
.copyright {height:50px;line-height:50px;background:green;}


通过以上代码的对比分析,其实我用的就是CSS里面的Position浮动布局排名关键词技巧,关于Position浮动布局的知识,网站优化家可以查找相关资料,务必要掌握好排名关键词知识点,对SEO优化很seo用的。


    <div class=&quot;container&quot;>
    <object>
二、巧用延时加载


HTML代码:

<body>
        <div class=&quot;header&quot;>头部内容</div>
        <div class=&quot;content&quot;>正文内容</div>
        <div class=&quot;copyright&quot;>版权部分</div>
        <div class=&quot;banner&quot;></div>
        $(&quot;.banner&quot;).html(&quot;<object>排名里是FLASH代码插入的地方</object>&quot;)
.container {width:980px;margin:0 auto;position:relative;background:silver;}
</body>


        Javascript版本
    window.setTimeout(function() {
        FLASH 版本

        AJAX 版本
        $.get(&quot;http://www.wangzhanyouhua.net www.100ip.net www.seofuwu.cn 网站优化.flagwind.com/GetBanner.html&quot;, function(data){
按照以往的排版布局经验,我们的代码应该是排名样子的:


                $(&quot;.banner&quot;).html(data);
        });
        <div class=&quot;content&quot;>正文内容</div>
});


排名段Jquery代码的网站优化概意思是,文档加载完成后,过3秒钟,执行AJAX请求,或者优化些别的东西,去控制banner排名关键词DIV里面的内容。


上面两关键词方案的代码只是优化些抛砖引玉的例子,您完全可以把它用他其他地方,把优化些对SEO无关的内容靠后加载,或者用JS延迟加载去显示,排名样对搜索引擎来说并无网站优化碍,对普通用户来说也是优化件很好的事情。本文由深圳网站建设旗风网络 www.wangzhanyouhua.net www.100ip.net www.seofuwu.cn 网站优化.flagwind.com 原创,转发的时候请不要删除原作者版权信息,谢谢!
回复

使用道具 举报

蕴朗 发表于 2016-6-23 22:02:55 | 显示全部楼层
很好哦,学到了不少SEO知识
回复 支持 反对

使用道具 举报

 楼主| SEO优化 发表于 2016-6-23 23:21:29 | 显示全部楼层
楼猪能帮我优化一下公司的网站吗?
回复 支持 反对

使用道具 举报

祥客 发表于 2016-6-24 01:51:20 | 显示全部楼层
不错不错,看好帝国网络
回复 支持 反对

使用道具 举报

 楼主| SEO优化 发表于 2016-6-24 04:04:48 | 显示全部楼层
SEO很难学,还得多多努力
回复 支持 反对

使用道具 举报

祥客 发表于 2016-10-17 12:02:26 | 显示全部楼层
我的网站是帝国帮我做的,效果还不错,关键是服务好,有什么问题都会及时帮我解决。
回复 支持 反对

使用道具 举报

湮玲 发表于 2016-10-17 13:29:21 | 显示全部楼层
这个网站里面内容做的真好。下次我做网站也要做这样的。版面也很漂亮,跟其他人的网站看起来很独特。
回复 支持 反对

使用道具 举报

SEO服务 发表于 2016-10-17 14:29:21 | 显示全部楼层
刚和他们合作不久,服务态度非常好,seo、网络推广技术也很专业 ,选择了一家专业的整合营销公司,支持帝国网络,点个赞!
回复 支持 反对

使用道具 举报

 楼主| SEO优化 发表于 2016-10-17 16:37:43 | 显示全部楼层
很好哦,学到了不少SEO知识
回复 支持 反对

使用道具 举报

蕴朗 发表于 2016-10-17 17:18:37 | 显示全部楼层
楼猪说的非常好
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|

GMT+8, 2024-12-23 08:32网络网站优化公司

网站优化公司© 2006-2024 wangzhanyouhua.net Search Engine Optimization By 网站搜索引擎优化公司

快速回复 返回顶部 返回列表