jq html怎么优化seo,长沙网站seo:浅谈SEO优化技巧之HTML结构调整!
这段时间看过很多关于SEO优化的文章,发现大部分讲的都是运营阶段的知识,比如外链、文章内链、PR提升以及针对特定搜索引擎优化的一些经验之谈。这类文章实在是太多太多了,看多了就感觉千篇一律,毫无新鲜感,今天我就说点新鲜的,主要谈谈SEO优化中关于HTML排版的一些技巧,笔者是程序员出生,所以写的东西稍微偏技术性一些,希望大家能够多多谅解。 很多网站首页都有一个热点图模块,以幻灯片形式进行切换(见下图) 此模块占据国内网站的70%,包括笔
这段时间看过很多关于SEO优化的文章,发现大部分讲的都是运营阶段的知识,比如外链、文章内链、PR提升以及针对特定搜索引擎优化的一些经验之谈。这类文章实在是太多太多了,看多了就感觉千篇一律,毫无新鲜感,今天我就说点新鲜的,主要谈谈SEO优化中关于HTML排版的一些技巧,笔者是程序员出生,所以写的东西稍微偏技术性一些,希望大家能够多多谅解。
很多网站首页都有一个热点图模块,以幻灯片形式进行切换(见下图)
此模块占据国内网站的70%,包括笔者的网站也用到了,而这种效果的代码往往都是在HTML文档结构的前面部分,最常见的也就是导航栏的下面,实现方式无非就是FLASH或者JS脚本,最常用的布局代码如下:FLASH版本
Javascript版本
笔者认为如果在HTML前面部分插入了上面的代码,不仅对SEO优化不利,对普通用户来讲也是很郁闷的事情,对SEO不利的地方在于:站长朋友们都知道,一个HTML文档的前面部分是搜索引擎比较看重的地方,如果您使用JS或者FLASH去实现,虽然这些代码搜索引擎识别不了,但完全可以把其他重要的地方先展示出来给搜索引擎,这些识别不了的东西靠后显示。对普通用户不好的地方在于:此效果一般是4~5张图片进行切换,而这些图加起来最少都有200KB左右,无论您使用JS或者FLASH实现,只要您是嵌入在HTML文档里面,用户必须等待这些东西加载完成,特别是图片大的时候,很有可能卡住在头部那一块,造成浏览器假死现象,这一点对用户来说是最恐惧的事情。
这段时间笔者总结了一些解决方案,并通长时间的观察,实践证明这些方案是OK的,排名也没影响,收录正常,在此斗胆分享给大家。
一、结构顺序调整
按照以往的排版布局经验,我们的代码应该是这样子的:
HTML代码:头部内容
幻灯片效果模块
正文内容
版权部分
CSS代码:body {margin:0;padding:0;text-align:center;} .container {width:980px;margin:0 auto;position:relative;background:silver;} .header {height:200px;line-height:200px;background:red;} .banner {height:150px;line-height:150px;background:yellow;} .content {height:400px;line-height:400px;background:blue;} .copyright {height:50px;line-height:50px;background:green;}
笔者改良过的代码如下:
HTML代码:头部内容
正文内容
版权部分
幻灯片效果模块
CSS代码:body {margin:0;padding:0;text-align:center;} .container {width:980px;margin:0 auto;position:relative;background:silver;} .header {height:200px;line-height:200px;background:red;} .banner {position:absolute;top:200px;width:980px;height:150px;line-height:150px;background:yellow;} .content {margin-top:150px;height:400px;line-height:400px;background:blue;} .copyright {height:50px;line-height:50px;background:green;}
通过以上代码的对比分析,其实我用的就是CSS里面的Position浮动布局这个技巧,关于Position浮动布局的知识,大家可以查找相关资料,务必要掌握好这个知识点,对SEO优化很有用的。
二、巧用延时加载
HTML代码:头部内容
正文内容
版权部分
Jquery代码:$(document).ready(function() { window.setTimeout(function() { FLASH 版本 $(".banner").html("这里是FLASH代码插入的地方")
AJAX 版本 $.get("http://www.flagwind.com/GetBanner.html", function(data){ $(".banner").html(data); }); }, 3000);});
这段Jquery代码的大概意思是,文档加载完成后,过3秒钟,执行AJAX请求,或者一些别的东西,去控制banner这个DIV里面的内容。
jq html怎么优化seo,长沙网站seo:浅谈SEO优化技巧之HTML结构调整!相关推荐
- 【黑帽大牛】浅谈SEO快排系统对网站排名优化真的有帮助吗?【精品】
大家好,今天我们要跟大家探讨的问题是"[黑帽大牛]浅谈SEO快排系统对网站排名优化真的有帮助吗?".以下案例参考战神快排系统. 之前有太多的人私聊我:汉文黑帽大牛,我想问一下现在百 ...
- 网站seo优化需要从网站的哪些方面进行优化工作
网站seo优化是很多企业都在做的一种线上推广模式,如果企业网站优化做的好,那么网站流量和网站关键词排名将随之增多,而很多企业的高层不懂得网站优化技术,因为他们没有接触过seo优化这个行业,因此对此不是 ...
- 浅谈SEO的优化问题
浅谈SEO的优化问题 文章目录 浅谈SEO的优化问题 简介 专业名词 提高排名的技巧 注: 感悟: 简介 SEO是搜索引擎优化(Search Engine Optimization)的英文缩写,中文译 ...
- 点石互动--石头之:石头论seo:网站被删与seo本质
点石互动 石头 发表于 01月 17, 2007 (网站被百度,google,Yahoo等一个或多个搜索引擎从索引中删除,本文简称网站被删.)图王写文章说,他的站点被百度删了.他说他看了很多顶级seo ...
- 浅谈SEO(一)搜索引擎与SEO
浅谈SEO(一)搜索引擎与SEO 作为一个Web开发者,除了要能够写出可用的业务代码,还要在其他方面进行优化.所以我就开了这样一个系列的文章记录我的学习过程. 搜索引擎 搜索引擎(Search Eng ...
- 浅谈数据库优化方面的经验
浅谈数据库优化方面的经验 任何系统.网站几乎都离不开数据库,数据库好比人大脑的记忆系统,没有了数据库就没有了记忆系统.而数据库优化则相当于在同等智力的情况下,利用一种高效率地记忆方法进行更快更优的记忆 ...
- 浅谈性能优化之图片压缩、加载和格式选择
原文链接:浅谈性能优化之图片压缩.加载和格式选择 在认识图片优化前,我们先了解下 [二进制位数]与[色彩呈现]的关系. 二进制位数与色彩 在计算机中,一般用二进制数来表示像素.在不同的图片格式中,像素 ...
- 浅谈凸优化中的共轭函数
浅谈凸优化中的共轭函数 函数ff的共轭定义: f∗(y)=sup(yTx−f(x))f^*(y) = \sup (y^Tx - f(x)), x∈domf{x\in {\bf dom} f} 可见,共 ...
- 西安网络推广浅谈SEO优化旧内容页面能不能删?怎么删?
众所周知,西安网络推广网站SEO优化是一个需要长期优化的过程,需要不断的探索新方法,做好合理的优化方法来提升网站排名.但对于网站内容编辑的优化,有时候也很让人苦恼,于是就有人研究"以旧换新& ...
- 浅谈SEO(搜索引擎优化)
SEO(Search Engine Optimization): 汉译为搜索引擎优化.是一种方式:利用搜索引擎的规则提高网站在有关搜索引擎内的自然排名.目的是:为网站提供生态式的自我营销解决方案,让其 ...
最新文章
- 打开浏览器不是主页_网络没问题但是浏览器打开主页却显示网络连接错误
- jquery uploadify 多文件上传插件 使用经验
- UltraEdit中显示空格与回车的问题
- C++异常处理类与自定义异常处理类
- 程序员 挣钱比健康重要
- Linux实现黑客帝国背景炫酷效果
- linux下网速监控 linux及android分网卡网速监控
- 自学软件测试怎么样,有前景吗?
- Java接口测试工具rap_接口文档管理工具-Postman、Swagger、RAP(转载)
- android pc控制工具,电脑控制iPhone 或Android方法?透过这款工具就能实现
- 【Linux】常用命令:网络、内存、cron 超详细介绍
- Go语言如何高效的进行字符串拼接(6种方式进行对比分析)
- UEFI开发历程2—基于SuperIO芯片的寄存器读写
- 数学基础----概率统计-----随机事件1
- 超火的口红机源码分享
- 黑群晖从入门到入土,自编译适合自己硬件的黑群晖7.1.x引导(黑群晖DSM7.X引导用arpl编译教程)
- 如何VXWORKS7.0 在应用程序里访问寄存器
- Greenbone GSM Community Edition设置
- 微型计算机2017年2月,2017年1-2月份规模以上工业增加值增长6.3%
- CNCC 2018 科技展盛况空前,近 100 家企业汇聚一堂