eDIKUD'S Blog http://edikud.appspot.com/ 关注网络、Web2.0,分享生活… 2009-12-05T18:17:56Z edikud http://edikud.appspot.com/entry/68605 一次性修复页面上所有的 png Javascript:
  1. // 说明:用 javascript 修复 IE 下 PNG 图片不能透明显示的方法
  2. // 整理:http://www.CodeBit.cn
  3. /*
  4. Correctly handle PNG transparency in Win IE 5.5 & 6.
  5. http://homepage.ntlworld.com/bobosola. Updated 18-Jan-2006.
  6. Use in <HEAD> with DEFER keyword wrapped in conditional comments:
  7. <!--[if lt IE 7]>
  8. <script defer type="text/javascript" src="pngfix.js"></script>
  9. <![endif]-->
  10. */
  11. var arVersion = navigator.appVersion.split("MSIE")
  12. var version = parseFloat(arVersion[1])
  13. if ((version >= 5.5) && (document.body.filters))
  14. {
  15. for(var i=0; i<document.images.length; i++)
  16. {
  17. var img = document.images[i]
  18. var imgName = img.src.toUpperCase()
  19. if (imgName.substring(imgName.length-3, imgName.length) == "PNG")
  20. {
  21. var imgID = (img.id) ? "id='" + img.id + "' " : ""
  22. var imgClass = (img.className) ? "class='" + img.className + "' " : ""
  23. var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' "
  24. var imgStyle = "display:inline-block;" + img.style.cssText
  25. if (img.align == "left") imgStyle = "float:left;" + imgStyle
  26. if (img.align == "right") imgStyle = "float:right;" + imgStyle
  27. if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle
  28. var strNewHTML = "<span " + imgID + imgClass + imgTitle
  29. + " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
  30. + "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
  31. + "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>"
  32. img.outerHTML = strNewHTML
  33. i = i-1
  34. }
  35. }
  36. }



将上面的代码另存为 js 文件,然后在页面中插入:

Code:

<!--[if lt IE 7]>
<script defer type="text/javascript" src="pngfix.js"></script>
<![endif]-->



因为 png 图片只有在 IE 中才会有不透明的问题,所以只需在用 IE 浏览时才加载代码,注意要在调用代码中加上 DEFER 关键词,这样会延迟代码执行时间。 

本文网址:http://edikud.appspot.com/2009/12/5/IE6.html

]]>
None 2009-12-05T18:17:56Z
http://edikud.appspot.com/entry/68604 修复 IE 下 PNG 图片不能透明 PNG 是可携式网络图像Portable Network Graphics这三个单词的第一个字母的缩写。她和 GIF 一样支持透明背景,但其对透明的处理质量远远大于 GIF,逐渐成为网页制作者非常喜欢的一种图片格式。令人无奈的是,IE 却不支持 PNG 图片的透明处理,本文介绍的方法就是针对这一问题的。




Javascript:
  1. // 说明:修复 IE 下 PNG 图片不能透明显示的问题
  2. // 整理:http://www.CodeBit.cn
  3. function fixPNG(myImage)
  4. {
  5. var arVersion = navigator.appVersion.split("MSIE");
  6. var version = parseFloat(arVersion[1]);
  7. if ((version >= 5.5) && (version < 7) && (document.body.filters))
  8. {
  9. var imgID = (myImage.id) ? "id='" + myImage.id + "' " : "";
  10. var imgClass = (myImage.className) ? "class='" + myImage.className + "' " : "";
  11. var imgTitle = (myImage.title) ? "title='" + myImage.title + "' " : "title='" + myImage.alt + "' ";
  12. var imgStyle = "display:inline-block;" + myImage.style.cssText;
  13. var strNewHTML = "<span " + imgID + imgClass + imgTitle
  14. + " style=\"" + "width:" + myImage.width
  15. + "px; height:" + myImage.height
  16. + "px;" + imgStyle + ";"
  17. + "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
  18. + "(src=\'" + myImage.src + "\', sizingMethod='scale');\"></span>";
  19. myImage.outerHTML = strNewHTML;
  20. }
  21. }



在页面中需要用到 PNG 图片的地方,添加

Code:

onload="fixPNG(this)"



如:
Code:

<img src="apple.png" alt="PNG" style="border:1px solid #999;" onload="fixPNG(this)" />

本文网址:http://edikud.appspot.com/2009/12/5/PNG.html

]]>
None 2009-12-05T18:13:44Z
http://edikud.appspot.com/entry/69601 Javascript 压缩混淆工具 [ Dean Edwards Packer ] Dean Edwards 's Packer  是个非常有名的 Javascript 压缩/混淆工具,有 .NET / PERL / WSH / PHP 等几种版本, 而本文介绍的 就是Nicolas Martin 发布的 PHP 版。

另外,本站已经运行此 PHP 版本,如果有需要在线压缩的请访问:
http://www.codebit.cn/packer.php


本说明文档译自:
http://dean.edwards.name/packer/usage/

使用说明:


所有声明,包括 function 函数定义,必须以分号结尾,示例代码:

Javascript:
  1. // sample code
  2. var $input, $output;
  3. // notice the semi-colon at the END of function declarations
  4. onload = function() {
  5. $input = document.getElementById("input");
  6. $output = document.getElementById("output");
  7. _clearAll(true);
  8. };
  9. function _packScript() {
  10. $output.value = pack($input.value);
  11. };
  12. function _clearAll($focus) {
  13. $output.value = $input.value = "";
  14. // the "if" statement is NOT terminated with a semi-colon
  15. if ($focus) {
  16. $input.focus();
  17. }
  18. };



参数:


Encoding


设置压缩/混淆的级别:

None

    简单压缩,移除空格和注释,编码特殊字符,

Numeric (Base 10)

    所有字符将转换成数字。

Normal (Base 62)

    所有字符将转换成数字字母,这个是推荐设置。

High ASCII (Base 95)

    将获得更高的压缩比率。(文件更小)

    如果你使用这个选项,那么压缩后的代码必须使用 ISO-8859-1 编码,这是由于一个 IE 的 BUG 所致,内容页也需要同样的编码,如果你不能确定,那就使用 "Normal" 。


快速还原 (Fast Decode)


    选中此选项,将插入一小段代码(120 bytes),以使代码能够更快的还原(decode)。


特殊字符 (Special Characters)


    为了让压缩能区分全局变量和局部变量,压缩工具会将变量转换成下面的格式,由于 Javascript 并不存在确切意义上的全局变量和局部变量,我用下面的方式定义:

局部变量 Local ($)
    变量只在当前范围内有效,参数和函数内部的变量就是一个典型例子,将局部变量用 $ 标识,压缩时会截取他们的第一个字符,附加的 $ 将使截取的字符加长,数字将会被保留。

Javascript:
  1. // unpacked:
  2. function test($left, $top1, $top2, $$length) {
  3. // do something
  4. };
  5. // packed:
  6. function test(l,t1,t2,le){};


注意不要让命名冲突,美元标记截取只针对局部变量。


全局变量 Private (_)
全局变量可以在整个代码中使用,用 “ _ ” (下划线)来标识,有下划线标识的全局变量将会被转换成下划线加上一个数字:

Javascript:
  1. // unpacked:
  2. var _CONSTANT = 42;
  3. function _test($left, $top1, $top2, $$length) {
  4. return ($top1 / $top2) + _CONSTANT;
  5. };
  6. // packed:
  7. var _0=42;function _1(l,t1,t2,le){return(t1/t2)+_0};



调试代码 Debug Code (;;;)
三个“;” (分号)将被当成一个单行注释,比如:
Javascript:
  1. ;;; alert("TEST!");

上面的代码在压缩时将被移除。


平台(Platforms)


压缩后的代码能够正常运行在所有支持 JavaScript 的浏览器,只有很少的 javascript 技术被用于还原代码。

有些浏览器不支持压缩,只有支持 DOM 才能正常运行,Legacy 浏览器将显示一个禁用的界面。


关于 PHP 版的详细信息请浏览:
http://www.codebit.cn/packer.php

下载地址:
http://www.codebit.cn/packer/packer.php-1.0.zip

本文网址:http://edikud.appspot.com/2009/12/5/Edwards-Packer.html

]]>
None 2009-12-05T18:11:17Z
http://edikud.appspot.com/entry/66605 SEO是综合性技术 SEO是一门结合HTML, CSS, Javascript等网页元素的综合性技术手段,当前大多数SEO专家大都不具备上述的技术,更别说综合性运用了。

很多从事SEO工作的人对SEO技术存在错误的认识。在他们看来SEO较之专业的网页程序开发/界面设计/代码编写而言"技术要求"低得多,实际上这个观点错得离谱。

SEO是一门综合性网站技术。合格的SEO从业人员应该具备甚至精通HTML/CSS/Javascript等构成网页的基本元 素;如果客户有更多需求,他还应该能够调试优化程序。网站做SEO,并非各方面都得向SEO妥协。相反,SEO应该尽量在不破坏网站原有的外观、功能、结 构的前提下进行。SEO不是做加法或减法而是优化,这才是SEO的本质。

高级SEO-er应该是怎样的呢,在我看来,至少应该有以下几个能力:

  1. 了解搜索引擎的原理,能够投其所好
  2. 通晓HTML所有标签的语义,精通运用
  3. 不破坏网站的样式和功能
  4. 确实需要改变样式和功能的时候有最优方案减小损失甚至不造成网站损失


相关阅读:

本文网址:http://edikud.appspot.com/2009/11/29/dSEO.html

]]>
None 2009-11-29T06:01:44Z
http://edikud.appspot.com/entry/67605 天津租车网百度网站优化经典案例 关键词:天津租车网
一、核心关键词的选择和优化
  通过对百度关键词和Google关键词的分析之后,选定的“天津租车”作为网站核心关键词,而不是“租车”。
选择这样做有以 下几点原因:
  1. 公司租车业务基本集中再天津地区。
  2. 从“租车”的百度相关关键词查询中能看到,大部分的补充词都是以地方分类的。

  3. “租车”这个关键词竞争很激烈,要在短期内获得高排名十分不容易。并且在百度的第一页基本都被推广“占据”了。(BS一下百度)


所以,为了避免更激烈的竞争,为了更快的产生效果,选择了定位更准的“天津租车”为核心词,“天津租车信息”、“天津租车服务”、“天津商务租车(公司主要业务)”、“天津租车网(站名)”为辅助词。
  网站首页Title将以上几个关键词列出:“天津租车|天津租车信息|天津租车服务|天津商务租车 - 天津租车网”。

  当用户查到租车网之后,他们最关心的应该是租车价格 -> 有没有想要车型 -> 公司信誉如何这几点。

  所以再首页上,直接将这几项用户最关系的问题表明,问题题目用h1包括,题目中带关键词,把握关键词密度,不要过高,以免被认为是作弊。

  二、页面代码书写

  页面的代码书写的极其简单,要通过W3C的任何标准认证都不是难事,即便有错误,稍微修改一下即可。直到现在网站也未进行过任何美化工作。

  三、外部链接

  非内容性的商业站要找高质量外部链接实在不容易,很多个人站都不愿意和我做链接。所以先在自己权重较高的站给租车网做了几个外部链接,然后到免费信息站发布了几篇软文和广告,文章中带有链接。

  四、低级错误,域名选择

  当初做的时候主要是因为交情,直接就用了个二级域名。后来不少天津网站建设公司频繁的打电话过来,主动要求为此站点申请国际域名并美化,不厌其烦的我只好自己申请了一个。

  当初的二级米再百度、google上面的排名已经达到了第一。如果更换失误,可能会使以前的排名失效。而页面是全静态的,无法使用301转向。

  我用的解决方法是:

  1. 先绑了一个顶级域名。

  2. 将网站所有链接改为绝对路径,都是用新注册的顶级域名。

  最后的结果是百度将另外一个域名降权,将新域名顶上。但Google没有,故在google中现在找不到天津租车网(当初第一啊,遗憾死)。

  结束语:选词很重要,并不是搜索量越多越好,选择最合适的才能产生最大的效益。这个站的成本不过200多元,但产生的效益却是成本的100倍(每月)。

相关阅读:

本文网址:http://edikud.appspot.com/2009/11/29/Google-for-SEO.html

]]>
None 2009-11-29T05:56:42Z
http://edikud.appspot.com/entry/67604 英文旅游网站Google排名SEO优化案例 关键词:china tour
 
分析:
英文google搜索结果:6,620,000
Alexa排名:十万以外
PR值:4
反向链接:0
竞争对手分析:排在前十名的网站的PR值都在5以上,甚至有7 的,右侧广告排满。
 
六百多万的搜索结果,而且竞争对手非常的强,网站自身基础又非常的差。由于英文关键词的排名要比中文的难上许多倍,所以我们采取全方面的SEO策略:
 
重新选择域名:
由于域名对英文关键词的排名的影响不小,所以我们放弃了原来的域名,打算采用新的域名,新的域名一定要包含china tour 这个词。
 
最终,我们采用了 china-tour.cn 这个域名
 
网站结构优化:
在不改变原来网站系统的情况之下,对每个页面的头部文件和页脚文件进行了修改,使其连接结构更加合理:另外在每个页面返回首页的连接中用 china tour 一词作为连接文本。
 
标题和标签的优化:
最主要的关键词 china tour 当然要用网站首页来进行排名,首页的标题和标签设计如下:
<title>China Tour Service - China Travel</title>
<meta name="keywords" content="china tour,travel to china,China travel.travel,travel china,china,">
<meta name="description" content="China tour operator offers customized individual china tours and Yangtze River Cruise with great value and services.China Travel Service, Home, City Guide, China Tours, China Hotels, FAQ, Community, Search. The ... China Map. China Map Tibet Map Tibet Map. Picture Today.china travel">
<meta http-equiv="refresh" content="1000">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
 
这里面有非常非常重要的一句标签,拿就是最后一句:
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
 
用中文的网页设计软件,一般在页面中默认的都是:
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
 
gb2312表示的是中文简体编码,如果你的英文网页里面页还是用它的话,你的任何努力也许都会成为白费劲,也许你在中文google的搜索结果里面可以看到自己的网站,但是你用英文google搜索的话,就不可能搜索到这个网站了。
 
所以如果你的英文网站还用的是gb2312 编码的话,那么就赶快 把它换成你的潜在客户的超作系统上默认的编码。
 
由于这个网站采用的是ASP动态程序设计的,所以大部分内页都是动态路径,所以对内页的优化,主要通过修改程序来完成,另外对这些内页的优化,主要是提高 其他关键词的排名,这里就不详细说明了。不过都是为了实现一个目标:每个页面的标题都要不同,并且要与该页面的内容相符合。
4.将首页转化成为html页面,并且给其压缩减肥:
由于原来的页面是ASP的动态页面,为了排名有利,我们手工将其首页做称了一个静态的html页面,为了提高浏览速度,又用专门的网页减肥软件将其压缩减肥,以提高其浏览速度。
 
虽然你在国内浏览起来非常的快,但是在国外的老外浏览起来就不一定快了,所以我们要详尽各种方法使网页打开的更快点,给网页减肥是一种方法之一。
 
免费的网页减肥软件我们在后面也会给大家介绍,并且在我们在后面有详细介绍。

5.登陆Google等都搜索引擎:
相在最短的时间内,让各个搜索引擎都收录你,并且让他们收录你更多的页面,最好的办法并不是一个一个去手工登陆。而是做一个网站地图,到其他google更新非常快的网站上加上这个地图页面的连接:
 
http://www.china-tour.cn/map/由于页面较多,使用普通的网站地图制作软件做出来的地图非常的大,起不到很好的效果,所以我们只能采用收费的网站地图制作软件给其制作出合理的网站地图:
 
什么是合理的网站地图页面呢?Google有专门的说明,那就是:内容小于100K的网站地图页面。对于网站地图制作软件,后面我们有专门的介绍。
 
6.反向链接策略:
英文google对网站要求的非常非常的严格,所以用那些链接工厂等手段盲目的给其增加反向连接是不行的。Google要求的是相关的,高质量的连接才是有效的。所以给其增加反向连接,只有一个办法,专门 安排一个工作人员给其它相关的网站交换连接。
 
目前,china-tou.cn的china tour词已经在google中进入了前十名,并且在yahoo msn等著名的英文搜索引擎中都获得了较好的排名。
 
这里我们总结一下这个案例用到的Google排名因素:
域名
网站链接结构
标题和标签
将asp转化成html,并且压缩减肥
制作网站地图
增加反向链接策略
建议:排外文关键词,网站web空间最好选用国外的。我们前面已经提高了,Google在不同区域的搜索结果都不同。网站服务器放的区域在一定程度上影响网站的排名,更重要的是影响客户浏览时候的速度。

相关阅读:

本文网址:http://edikud.appspot.com/2009/11/29/Google-SEO.html

]]>
None 2009-11-29T05:52:18Z
http://edikud.appspot.com/entry/67603 正确挑选关键词等于seo成功的一半 www.iqceshi.net。
案例网站:www.iqceshi.net
主关键词:IQ测试
相关关键词:IQ测试题,IQ测试题目,IQ题。(不区分大小写,一下相同)
排名现状:IQ测试,IQ测试题,IQ测试题目,IQ题,IQ测试答案..(均在首页)
做seo的都知道,选择一个好的关键词的重要性,特别对于新接触seo的朋友而言,更加慎重。太热门了,要么做不上去,要么打广告的太多首页一点位置都没 有了,要么花太多时间和太多精力来追求一个未知数,机会成本太高。如果选择的关键词过于冷门,关键词上去了,没有流量,意义不大。
下面以www.iqceshi.net来说说,如何正确挑选关键词。
查看一下百度指数和收录数量:
IQ测试指数:900,收录数量631,000。可以看出难度只是中下的。既可以保证难度不高,又能保证,排名上去后,能有一定流量。虽然百度指数有水 分,但是还是有参考意义的。下面可以透露一下IQ测试排名第4时候的搜索流量:iq测试327,IQ测试147,那么可以估算一下,如果做到第一第二,那 么主关键词的流量可以有700以上了。
其次是搜索关键词时候排名前十的网站情况。
可以看到,有5个是首页排名,5个是内页排名。难度中等。但是既然内页排名能占据前面的,当然也不能忽视。但是我们可以看看对方网站。有些纯属是单页面, 一份题目加广告的设置,而且没有很出色,可以吸引游客的。那么我们做网站的时候就要考虑用户体验问题了。(这里不详细说明)
分析对方的标题,描述。可以看到,基本百度是用题目的文字来做描述的。那么我们就可以有针对性的写上一段漂亮的文字来迎合百度了。
标题:IQ测试
描述:国际权威标准的专业IQ测试题智商测试游戏
标题,100%匹配。
描述,用切词和分词来将相关关键词组合起来。例如IQ测试,IQ题,IQ游戏,IQ测试题,智商测试,等。。(有兴趣的朋友可以继续切,当然描述有很多可以改进的地方,希望大家给建议哈,另外,也进去测试一番)
辅助工具:百度搜索IQ测试,搜索结果列表下方有“相关搜索”,这些词也是有一定的搜索量才能出现在相关搜索的,而且这些词和主关键词的相关性很大,切词 和以后写文章扩展,一定要好好利用这个百度的相关搜索。另附一个百度相关搜索分析工具,可以一次过查询相关搜索,收录数量,百度指数,非常适合做百度关键 词分析。下载地址:http://www.seozy.net/post/396.html 望善用。
总结:主关键词用标题来做,辅助关键词可以放在标题里,更多的相关关键词和长尾关键词就利用分词的方法,使用一段比较巧妙的描述,组合起来,既能吸引搜索者,也能达到增加流量的效果。
网站其他优化分析
首页分布:左侧是页面主题,一个大的iq测试flash,吸引用户眼球,避免用户进来后,还要到其它页面寻找。由于flash毕竟是对搜索引擎不太友好 的,那么就需要其他文字和链接作为辅助:顶部导航菜单,左侧相关文字说明,最新文章链接,这些就足以弥补flash造成的缺陷啦。
链接结构:整个网站是很扁很平的结构。主页和内容页(栏目页和其他页面在该网站中可以看做和内容页等同了)。从一个页面到达任何页面,不超过2次点击。非常方便用户使用。
更新频率:网站更细频率不高,基本3天增加一个页面,而蜘蛛爬行记录一天也是50次,很平均。网站的更新频率稳定下来后,蜘蛛也会很明白事理的,它会知道这个网站的更新周期。在此之后,排名和蜘蛛爬行次数不会由于某一天不更新而有很大变化。
用户体验:进入网站的用户,目标很明确,找到一个可以测试iq的页面,了解游戏规则,开始测试,测试完成后,查看分数,查看答案。如果有兴趣的,可以看看其他iq测试,或者和其他朋友分享。www.iqceshi.net都有考虑到这些需要的。iq游戏帮组,iq测试答案等都有专门的页面来说明。很方便。

相关阅读:

本文网址:http://edikud.appspot.com/2009/11/29/mseo.html

]]>
None 2009-11-29T05:41:40Z
http://edikud.appspot.com/entry/67602 SEO中十大影响链接权重的因素浅析 1.链接关键字及其说明
通常我们做链接的时候,需要将特定的关键词作为链接文字,或者在链接文字中包含关键词,使得关键词和搜索词相同或相近。如,手机,手机网,这是关键词,可以加上地名或者其他名,成都手机网,北斗手机,意都手机网这类
2.链接存在页面中的位置
从上到下,从左到右,这个顺序是很多事物的顺序,这也被很多SEO同行用在搜索引擎优化中,认为页面上方的链接权重比下方的权重高,这点古心神同意,至于左右两边的位置,哪边权重更高,我到是没有实验出来,有兴趣的可试试,这个实验不太好做,呵呵
3.链接所在页面PageRank值即PR
PR越高,相对来说链接越有价值。这个同样适用于关键字排名当中,同等条件下,PR高的站点可能会排在更靠前的位置。
4.链接站点权重
即链接在网站的整体权重问题,通常情况下,门户网站>行业网站>专业网站>普通网站>公司网站......存在这么一个从大到小 的权重关系,所以有时即使你的链接在门户网站的内页,也有可能比在普通网站的首页价值高,其链接更有价值,理由已经很明显了。
5.链接的方式
链接的方式有很多,文字链接>图片链接>JS链接等.....通常情况下,古心神只做文字链接,如果有做图片链接,那纯粹是为了整体页面美观,呵呵,做图片链接的时候最好加上ALT文字标签说明,不推荐JS类的链接,这个很少能被搜索引擎抓取。
6.链接存在时间
链接存在的时间长短对SEO有什么影响,很多人想不明白,其实道理很简单,有些搜索引擎对你站点的更新很慢,特别是GOOGLE对外部链接的更新,3个月 啊,如果你的外部链接时间不到3个月,你的链接基本上白做。如果引擎对你的站点更新很快,几乎每天更新,你做好的链接很快可以被引擎抓取,这个当然是好 事,但要是你过段时间链接取消了,搜索引擎再来更新的时候发现不存在了,这空白不太好吧。
7.nofollow的问题
这点在之前不用考虑,自从搜索引擎识别nofollow标签的时候,如果有网站使用了这个功能,链接便不会被引擎抓取,你把链接做在这种地方算是白忙。
8.链接和被链接网站页面内容相关性
内容相关性,这个是众多搜索引擎评判链接质量非常重要的一个因素,如果你链接的文字跟你的网站及页面内容无关,那么其权重会相应降低,这就是为什么很多垃圾留言本群发已经不起作用的原因。网站或页面相关性越强,链接权重质量越高,这点很重要。
9.链接和链接周围文字相关性
这个通常用在软文推广和网站内部建设当中,链接和链接周围文字相关性越高,链接权重就越高。
10.链接中牵连的两个网站之间的关系
网络上有这样一种说法,如果两个网站在同一主机IP下,或者域名注册信息相同,链接权重会被降低,如果已经有过链接,之后的链接权重也会降低。对于这几种 说法是很多朋友给出的经验,我个人没有体会到,不过有一点我到是可以证明:如果有一个网站被搜索引擎降权或者惩罚,那么满足以上三个“如果”当中的一个, 链接的网站很容易受到株连九族之害。

相关阅读:

本文网址:http://edikud.appspot.com/2009/11/29/eSEO.html

]]>
None 2009-11-29T05:38:53Z
http://edikud.appspot.com/entry/66604 搜索引擎的页面元素的权重比例

网页优化过程中应该注意网页页面的元素,搜索引擎是对网页页面元素的比例有参考的!
内部链接文字: 10分
标题title: 10分
域名: 7分
H1,H2字号标题: 5分
每段首句: 5分
路径或文件名: 4分
相似度(关键词堆积): 4分
每句开头: 1.5分
加粗或斜体: 1分
文本用法(内容): 1分
title属性: 1分 (注意不是title>, 是title属性, 比如a href=… title=”)
alt标记: 0.5分
Meta描述(Description属性): 0.5分
Meta关键词(Keywords属性): 0.05分
1、 静态页面
将信息页面和频道、网站首页改为静态页面,有利于搜索引擎更快更好的收录。
2、 页面标题(Page Title)的关键词优化
必须列出信息的标题、网站的名称以及相关关键字。
3、 Meta标签的优化(过去搜索引擎优化的重要手法,现在已经不是关键因素,但仍不可忽略)
主要包括:Meta description、Meta keywords的设置
关键字密度要适度,通常为2%-8%,也就是说你的关键字必须在页面中出现若干次,或者在搜索引擎允许的范围内,要避免堆砌关键字。
4、 针对Google制作Sitemaps
Google的sitemaps是对原来robots.txt的扩展,它使用XML格式来记录整个网站的信息并供Google读取,使搜索引擎能更快更全面的收录网站的内容。
可以使用Google提供的Sitemap生成器制作(需要技术人员制作):
CS/zh_CN/sitemap-generator.html" target=_blank>https://www.google.com/webmaster ... emap-generator.html
也可以由技术部人员制作更全面的Sitemaps。
5、 图片的关键词优化
图片的替代关键词也不要忽略,其另外一方面的作用是,当图片不能显示的时候,可以给访问者一个替代解释语句。
6、 避免表格的嵌套
目前本站的表格嵌套太多,搜索引擎通常只读取3个<table>的嵌套,如果太多,会造成部分有用信息没有被检测到。
7、 采用web标准进行网站重构
尽量使网站的代码符合W3C的HTML 4.0或XHTML 1.0规范。通过XML+CSS技术进行网站重构,减少不表格及冗余代码,提高网站页面的扩展性,兼容性,可以使更多浏览器支持。
8、 网站结构的扁平化规划
目录和内容结构最好不要超过3层,如果有超过三层的,最好通过子域名来调整和简化结构层数。另外目录命名的规范做法是使用英文而不是拼音字母
9、 页面容量的合理化
合理的页面容量会提升网页的显示速度,增加对搜索引擎蜘蛛程序的友好度。同时建议js脚本和css脚本尽量用链接文件
10、外部文件策略
把Javascript文件和css文件分别放在js和css外部文件中。这样做的好处是把重要的页面内容放到页面顶部,同时能缩小文件大小。有利于搜索引擎快速准确地抓取页面
重要内容。其他的字体(FONT)和格式化标签也尽量少用,建议采用CSS定义。
11、外部链接
尽可能多地让其他跟你主题相关的网站链接本站,同时尽量同PR值更高的网站进行相互链接。如果网站提供与主题相关的导出链接,被搜索引擎认为有丰富的与主 题相关的内容,也有利于排名,例如各类招商网站、投融资网站的概念。另外避免链接不顾质量的大面积撒网,对搜索引擎而言宁少要精。
12、网站地图
网站自身的网站地图是搜索引擎更全面索引收录你的网站的重要因素。建议制作 基于文本的网站地图,内含网站所有栏目、子栏目。网站地图的三大因素:文本、链接、 关键词,都极其有利于搜索引擎抓取主要页面内容。特别是动态生成目录网站尤其需要 创建网站地图。
13、图像热点
除AltaVista、Google明确支持图像热点链接外,其他引擎暂不支持。当“蜘蛛” 程序遇到这种结构时,就会无法辨别。因此尽量不要设置图像热点(Image Map)链接。
14、FLASH应用
FLASH由于不含文字信息,应尽量用于功能展示和广告,少用于网站栏目和页面。
15、JS脚本
在不支持JS脚步的浏览器里 NOSCRIPT> 标签会起到重要提示作用,对搜索引擎的Spider搜索也会有帮助。
16、Frame框架
Frame标签会被搜索忽略,尽量少用,如果一定要用,则应正确使用Noframe标签, 在Noframe>/Noframe>区域中包含指向frame页的链接或带有关键词的描述文本,同 时在框架以外的区域也出现关键词文本。
17、资讯的内部链接
有助提高网站排名和PR值,例如相关资讯、推荐资讯等。

本文网址:http://edikud.appspot.com/2009/11/29/Meta.html

]]>
None 2009-11-29T05:35:42Z
http://edikud.appspot.com/entry/67601 WordPress SEO SEO WordPress 首先就要选一个好主题 (注意:在 WP 主题中普遍存在的 6 个 SEO 问题),当然现在市面上的 WordPress 主题都是按照 Web 标准来设计制作的,对搜索引擎已经够友好了,而 WordPress 本身就很适合 SEO,下面就来说说优化过程。
1、设置一个友好链接
这里介绍了很多种 Permalinks 结构,对个人博客 Jim 推荐最好的结构是 /%postname%/ ,而我认为 /%year%/%monthnum%/%postname%.html 这种结构更加合理。
2、让 WordPress 的 URL 地址唯一化
在使用了 Permalinks 后、URL 结束 “/” 标签问题、WWW问题,都会导致一篇文章会出现多个地址,这样对搜索引擎是很不友好的。我们需要利用一些方法来改善这些问题,让你的 WordPress 的 URL 规范化。
3、合理设置一个 robots.txt
在站点下放置一个 robots.txt 带来的好处很多,有文章说通过将 comment feeds 与 Trackbacks 排除在外,网站访问量上升了11.3%,在 WordPress 下我们可以这样设置。
4、关于 Meta 内容
有很多关于设置 Meta 的 WordPrss 插件,如:Head META Description、HeadSpace 2、Add Your Own Headers,但 Jim 却不推荐这么做,因为 Keywords 属性目前在 Pagerank 的计算中已经不再使用了(或者极少使用),只是对其他搜索引擎的排名还有一定的作用,没有必要为了它而多安装一个插件。
description 属性应该还是有用的,为了提高排名,可以适当在里面提高关键词的密度,还可以使用 Head META Description 这个插件把文章内容截取到 description 里面。
2个有代表性的插件
HeadSpace 这个插件功能多得有点变态,不但可以单独设置首页、内容页、归档页、分类页等这些页面的 description/keywords/title 属性,还可以单独为它们定义一个主题,也可以在写文章的时候对每篇文章加入以上属性。
Add Your Own Headers 可以优化的你 title 页标题,自动把博客名字放在标题后面并加上分割符,可以把分类自动添加到 keywords 中。
而我的意见是没有必要这么做,最多开启 Ultimate Tag Warrior 插件自带的“Include meta keywords“选项,把 Tag 加入到 meta 中。就像 Matt,根本没有在 meta 中设置 keywords 和 description 属性,优化文章标题和内容更为重要。
5、优化 title(页标题)内容
title(页标题)是最重要的HTML标签,SEOmoz 的一篇文章说到,在页标题中最好带有网站名称和一些关键词、长度不超过32个中文字、不要放置没有关联的关键词、使用分割符,可以是 “|”(竖线)“-”(中划线)“?” “?”、还可以在文章内容中用 H1 来重复一次页标题内容。
<title>文章标题 - 网站名称</title>
也可以参考 Matt 和 jeffrey 他们的结构,比较有权威性。
6、文章标题 (Headings) 二级标题、三级标题的使用
搜索引擎把(h1,h2,h3…)看得比其他内容(p,li…)都重要,所以写一个好的带有关键词的文章标题很重要,每个页面的标题都要不同,并且要与自 身网页的内容相符,每个页面的标题最好只重点突出 1-2 个关键词,不要太多。建议看看这篇阿宏翻译的《定义标题的最好方法》,就可以对(h1,h2,h3…)有一个更深刻的认识。
7、建立一个合理的导航结构
1)导航清晰明了,方便用户浏览,无论页面多深,都有回到首页的链接;
2)把一些重要的文章链接到首页;
3)也可以链接你以前写过的文章(我这篇文章就链接了很多以前写的文章);
4)不要在首页放很多外部链接,最好放在单独的一页;
5)链接最好不要使用 Flash 和图片按钮,而是文本;
6)安装 Related Posts 插件,可以带领你的读者深入阅读;
7)安装 Ultimate Tag Warrior 插件,可以很好地为你的读者提供导航。
8)可以安装 Landing sites 提高网站粘合度;
8、是否移除链接上的 nofollow 属性
是否移除 rel=”nofollow” 有很大的争论,但有一点要明白,如果你真的想删除评论链接上的 nofollow 属性,就得把好审核关,不能让 404 错误链接、色情、赌博和被处罚的网站链接出现在你的网页中。(摘自: 如果没有“NoFollow”……);
9、建立一个 Site Map(站点地图)
站点地图有2个作用,一个是给来访者看的,可以带他们在你的博客上找到想要的文章,这个站点地图链接了所有的页面,所有的网页上都有一个链接指向这个站点 地图,内容要小于100K;另外一个是给搜索引擎准备的,推荐安装 Google Sitemaps Generator 这个插件,然后用 Tags Addon Plugin 把 UTW Tag 也加入到 Sitemap 中。
10、页面的设计
一个页面的设计如何对搜索引擎作用不大,也可能不属于 SEO 的范畴,但它对用户体验非常重要。所以页面最好保持简单的设计,使用有大而清晰的标题文字,设置合适的文字间距,这里推荐几款主题 Simpla Theme、Tarski、SEO Adsense Wordpress Theme、AdSense Wordpress Theme。
11、关键词的使用
1)关键词应该出现在 title(页标题)标签里面;
2)在 URL 里面包含关键词;
3)在网页导出链接的链接文字中包含关键词;
4)用粗体显示关键词;
5)在文章标题中提及该关键词(一致认为 h1 标签比 h2, h3 的影响效果更好);
6)图像 alt 标签可以放入关键词;
7)整个文章中都要包含关键词,但最好在第一段第一句话就放入;
8)在元标签(meta)中放入关键词,虽然它的作用越来越小。
摘录自:Blog的搜索引擎优化
12、CSS
据说,在 html 代码中把有用的内容放在前面,有利于提高 rank 值。例如导航栏或侧边栏看起来在文章内容的左边,实际在 html 源代码中中却放在最后,然后通 CSS 来定位它的显示位置。无论这个说法有没有道理,但是做了总比没做好。
可以在 Firefox 的 “查看 - 页面风格”这里选择“无风格”,查看没有 CSS 的页面效果。
13、文章内容和反向链接
怎样做好高质量的内容,有很多这方面的文章,SEOmoz 写道,一个非常优秀的文章好过 1000 个好文章,一个好文章修改 10 次比写 10 个一般文章好。这点在柠檬的博客上得到了见证,他写的文章不多,但那几个主题拥有的大量反向链接,所以知名度和 Pagerank 都很高。反向链接数的多少就能证明你这篇文章的质量,没人会链接一个垃圾页面到他的网站。还有就是你的文章一定得原创,而且内容简洁有力,一般情况下没人 会看你的长篇大论。
这可能也不属于 SEO 的东西,但却是写一个博客必须要注意的。
Jim 推荐了一个他自己的插件“Link to Me Textbox”,可以让别人快速链接你的文章。我每次链接别人的文章的时候,都要复制 2 次,一次是标题,一次是地址(如果你使用可视化编辑器就另当别论了)。
其实没有必要为了这个安装一个插件,复制下面一段到需要加入的地方就可以了。
<textarea cols="80" rows="2">&lt;a href="< ?php echo get_permalink() ?>"&gt;< ?php the_title(); ?>&lt;/a&gt;</textarea>
注意:去掉?前面的空格

相关阅读:

本文网址:http://edikud.appspot.com/2009/11/29/SEO-.html

]]>
None 2009-11-29T05:33:05Z