2009年1月15日星期四

推荐17个节省时间的CSS工具

作为一个网站设计/开发人员,你必须不断寻找方法来减少设计/开发过程中所花费的时间。这对于提高你的工作效率并最大化你的利润是非常重要的。下面介绍的按功能分类的CSS工具可以有效地节省你设计网站的时间。Chada在这基础上增加了三个自己曾经介绍过的工具。

优化/格式化类

1、CSSTidy - CSS Tidy是一个开源的CSS分析和优化工具;
2、CleanCSS - CleanCSS是一个基于CSS Tidy的强大的CSS优化和格式化工具。Chada曾经介绍过这个在线工具,在这里
3、CSS Optimizer - CSS Optimizer可以通过优化压缩CSS样式文件大小。
4、CSS Analyzer - CSS Analyzer可以帮助你检查你的CSS样式是否符合W3C的认证。

字体类

1、Em Calculator - EM Calculator可以帮助你计算px与em之间的转换。
2、CSS Font and Text Style Wizard - 这个小工具可以很方便地将你的CSS样式呈现出来。

表格类

1、CSS Form Code Maker - 很方便地生成"五颜六色的BOX布局"的表格。
2、JotForm - JotForm是一个"所见即所得"的表格生成器。

导航/按钮类

1、CSS Buttons - CSS按钮和文本在线生成工具。
2、CSS Menu Generator - CSS Menu Generator可以同时生成基于CSS和HTML代码的漂亮的按钮。

生成器

1、CSS Creator - Css Creator是一个可以创建自适应宽度或者是固定宽度的浮动布局生成器,可以生成带有Header和Footer的三栏布局。
2、QrONE CSS Designer - QrONE是一个CSS在线生成与编辑器。
3、Web 2.0 Generator - Web 2.0 Generator可以利用HTML和CSS生成一个完整的网站布局。
4、CSS Mate - CSS Mate是一个在线CSS编辑器。

除了上面译文中的14个小工具外,Chada还介绍过如下几款小工具,它们也是非常棒的,你可以打开下面的文章看它们的详细介绍:

1、CSS Menu Maker - 在线生成丰富多样的CSS导航按钮。
2、CSS Type Set - 在线轻松调试CSS文本样式。
3、CSS Frame Generator - 写好DIV架构之后,使用这个在线工具可以很快生成CSS样式结构表。

如果你有知道的其他可以节省时间的CSS在线工具,欢迎写下评论把它[们]介绍给Chada。

2009年1月14日星期三

opera:config常见设置

一些关于opera浏览器的opera:config常见设置,以方便平时自定义。

opera:config常见设置


opera:config

opera:config 是Opera首选项编辑器,它包含了Opera的所有设置,是opera6.ini文件的网页编辑工具,相当于直接编辑INI文件。opera:config中的大部分设置修改后不需重启即可生效。


注: 如果要更改为单用户模式,先将opera安装文件夹下的operadef6.ini 中修改为" Multi User=0",再将默认配置的C:\Documents and Settings\Administrator\Application Data\Opera\Opera\profile文件夹复制到opera安装文件夹下。

或者在Opera桌面快捷方式的属性中,快捷方式-目标中更改为""D:\Opera\opera.exe" /Settings D:\MyOpera\opera6.ini"。Opera与opera6.ini绝对路径自行更改。


一、Opera启动方式

1、Show Startup Dialog

在启动时显示欢迎对话框


2、Startup Type

0 表示继续保存的会话
2 表示以首页启动
3 表示继续上次页面
4 表示不打开任何标签启动
5 表示显示启动对话框



二、快速拨号

1、Speed Dial State

0 表示不显示快速拨号,但在右下角显示激活按钮;
1 表示显示快速拨号;
2 表示显示快速拨号,但禁止修改,适用于kiosk模式;
3 表示不显示快速拨号。


2、Speed Dial File

快速拨号speeddial.ini文件路径


三、网页标题显示

1、title

例如设为:"Opera %v %s %t "
%t 表示当前页面标题;
%v 表示Opera主版本号;
%s 表示Opera build版本号。

2、Show Address In Caption

在标题栏显示当前页面的URL以代替网页标题。


四、E-mail客户端

Show E-mail Client

勾选则启用E-mail客户端。
如果去掉勾选,则禁用此选项,无法使用M2(邮件、新闻、IRC、Newsfeed等)。


五、自动清空opera下的VPS文件夹

Max Visited Pages Index Size

其值设为0。


六、超级拖曳

Enable Drag

1 表示允许拖曳链接;
2 表示允许拖曳书签;
8 表示允许拖曳窗口;
255 表示允许拖曳任何元素;
比如既要拖曳链接,又要拖曳书签,则值为3(1+2).


拖拽后台打开

Open New Window In Background
勾选后保存。在Opera9.63B10476后的版本中可以实现。


七、禁用内嵌的BT下载功能

Enable

去掉BitTorrent下面Enable的勾选。


八、显示与隐藏菜单栏

Show Menu

勾选则显示,不勾选则隐藏。需重启opera生效。


九、browser.js

Browser JavaScript

0 表示不下载也不启用browser.js;
1 表示强制当前browser.js无效,在下次检查更新时重新下载并将值设为2;
2 表示启用browser.js并每周更新;
注:browser.js是用来提升Opera的兼容性的,由官方维护更新。


十、Opera更新检查

Check For New Opera

设置检查Opera更新周期,数字单位为周。
0 表示禁止检查更新。


十一、Opera书签路径

Hot List File Ver2


十二、Opera广告过滤文件urlfilter.ini路径

URL Filter File


十三、profile文件夹位置

Opera Directory


十四、工具栏配置文件路径

Toolbar Configuration


十五、自定义JS文件的文件夹路径

User JavaScript File


十六、语言文件路径

Language File


十七、CSS文件

1、自定义CSS文件路径

Local CSS File


2、自定义CSS文件的文件夹路径

Local CSS Files Directory


十八、插件路径

Plugin Path


十九、站点首选项设置文件override.ini路径

Overrides File


二十、wand.dat文件路径

Wand Storage File


二一、自定义缓存路径

Cache Directory4

自定义Cache Directory4其路径值,置空表示使用默认的cache4.dat。


二二、下载

1、默认下载对话框路径

Download Directory


2、下载项目保存时间,单位天

Keep Entries Days


3、下载显示详细信息

ShowDetails


二三、主页

Home URL


二四、快捷键配置文件路径

Keyboard Configuration


二五、鼠标手势配置文件路径

Mouse Configuration


二六、右键菜单文件路径

Menu Configuration


二七、对话框配置dialog.ini路径

Dialog Configuration


二八、widgets.adr文件路径

Widgets File

该文件包含已安装的widget列表。


二九、将"在页面内查找"集成在搜索框中

Use Integrated Search


三十、皮肤

1、目前使用的皮肤

Button Set


2、自定义皮肤文件夹

Skin Directory


三一、允许双击文本弹出右键菜单

Automatic Select Menu


三二、Opera 9.60 页面浏览时启用滚动标记

Enable Scroll Marker


三十三、地址栏输入时禁止自动完成下拉列表

Auto Dropdown
取消勾选


三十四、双击标签关闭

Doubleclick to Close Tab
勾选后保存。在Opera9.63B10476后的版本中可以实现。

2009年1月9日星期五

WordPress的10个杀手级Hack技巧 | WordPress啦! - 使用 Google 工具栏发送

2008年对WordPress来说是非同寻常的一年,它的软件多次更新,最终促成重大版本2.7的发布,许多网站因此也开始使用WordPress软件。一些用户在使用过程中对WordPress的代码等作了许多改进,更多WordPress用户也因此受益。

这篇文章将向大家介绍10个最新最实用的WordPress hack,它能让你的博客引擎开足马力,挣脱束缚,最大限度地为你服务。此外,每个hack还都附有相关说明,这样你不仅能让WordPress释放最大力量,还能知道如何操作。

1.只在搜索引擎结果中显示AdSense 广告

问题:众所周知,一般访问并不点击广告。广告点击率90%是来自搜索引擎的显示结果。另一个问题是Google的智能计价。智能定价意味着CTR比较低,点击率单价大打折扣。例如,如果一次点击正常获得1美元的话,Google的智能计价只会是0.1美元。郁闷吧?但是,以下的代码改进就能解决这个问题了。它只在搜索引擎结果中显示AdSense 广告,这意味着你能得到更多的点击率,更高的CTR.

解决方案:

  1. 打开主题中的functions.php文件。
  2. 粘贴进下代码:
    function scratch99_fromasearchengine(){
    $ref = $_SERVER['HTTP_REFERER'];
    $SE = array('/search?', 'images.google.', 'web.info.com', 'search.', 'del.icio.us/search', 'soso.com', '/search/', '.yahoo.');
    foreach ($SE as $source) {
    if (strpos($ref,$source)!==false) return true;
    }
    return false;
    }
  3. 把以下代码粘贴到AdSense广告显示位置的相应模板中。它只会在搜索引擎结果中显示:
    if (function_exists('scratch99_fromasearchengine')) {
    if (scratch99_fromasearchengine()) {
    INSERT YOUR CODE HERE
    }
    }

代码说明:这个改进以scratch99_fromasearchengine()函数开头,包括了用来指定搜索引擎的$SE数组变量。这样,只要把新元素加入到数组中就能轻松添加新的搜索引擎。如果使用搜索引擎搜索的访客包含了$SE数组变量,scratch99_fromasearchengine()接着就会返回true值。

2.避免在多循环中出现重复文章

问题:由于"杂志型"主题的流行,现在很多WordPressy用户在他们的首页上都使用了多个循环,因此他们也迫切需要在第二个循环上避免出现重复文章。
解决方案:使用PHP数组就能轻松解决这一问题

  1. 创建一个PHP数组,并把第一个循环的所有文章ID放在其中
    <h2>Loop n°1</h2>
    <?php
    $ids = array();
    while (have_posts()) : the_post();
    the_title();
    ?>
    <br />
    <?php $ids[]= $post->ID;
    endwhile; ?>
  2. 对于第二个循环:使用PHP函数in_array()来检查$ids数组中是否包含了某个文章ID。如果这个文章ID没有包含在此数组中,意味着第一个循环中没有此篇文章,那么系统就可以显示它了。
    <h2>Loop n°2</h2>
    <?php
    query_posts("showposts=50");
    while (have_posts()) : the_post();
    if (!in_array($post->ID, $ids)) {
    the_title();?>
    <br />
    <?php }
    endwhile; ?>

代码说明:执行第一个循环时,其中的所有文章ID都会被放到一个数组变量中。因此,第二个循环执行时,我们只要到这个数组中检查当前的文章ID是否已显示在第一个循环中就可以了。

3.用页码代替"上页"和"下页"

问题:WordPress有默认函数来显示上页和下页页面,虽然这比没有这个什么功能好,但是我不明白开发人员为什么不把页面写进核心代码呢。当然,我们可以用插件来生成页码,但是如果能把页码直接插入主题岂不更好?!
解决方案:这里使用WP-PageNavi插件把页码直接写入主题

  1. 首先下载WP-PageNavi插件
  2. 在硬盘驱动上解压插件存档,并把wp-pagenavi.php 和 wp-pagenavi.css文件上传到主题目录
  3. 打开要放置页码的文件(如index.php, categories.php, search.php,等),找到以下代码:
    <div class="navigation">
    <div class="alignleft"><?php next_posts_link('Previous entries') ?></div>
    <div class="alignright"><?php previous_posts_link('Next entries') ?></div>
    </div>
    用以下代码代替以上内容:
    <?php
    include('wp-pagenavi.php');
    if(function_exists('wp_pagenavi')) { wp_pagenavi(); }
    ?>
  4. 接着请修改插件文件。打开wp-pagenavi.php文件并找到以下代码(61行):
    function wp_pagenavi($before = '', $after = '') {
    global $wpdb, $wp_query;
    修改成:
    function wp_pagenavi($before = '', $after = '') {
    global $wpdb, $wp_query;
    pagenavi_init(); //Calling the pagenavi_init() function
  5. 最后,我们要把wp-pagenavi样式表添加到博客。
    打开header.php 文件,把以下代码添加进去:
    <linkrel="stylesheet"href="<?phpechoTEMPLATEPATH.'/pagenavi.css';?>"type="text/css"media="screen"/>

代码说明:这个代码改进直接在主题文件中加入添加了插件代码。我们另外还调用了pagenavi_init()函数以使页码能够正常显示。

4.自动获取文章图像

问题:使用自定义字段来显示和日志相关的图像固然很好,但是许多用户想直接检索并使用文章本身嵌入的图像。

解决方案: 至今为止,还没有这样的插件。值得庆幸的是,以下循环将帮我们解决这一问题:它会搜索文章内容的图像并把它们显示出来

  1. 把以下代码粘贴到主题文件任意位置:
    <?php if (have_posts()) : ?>
    <?php while (have_posts()) : the_post(); ?>
    <?php
    $szPostContent = $post->post_content;
    $szSearchPattern = '~<img [^\>]*\ />~';
    // Run preg_match_all to grab all the images and save the results in $aPics
    preg_match_all( $szSearchPattern, $szPostContent, $aPics );
    // Check to see if we have at least 1 image
    $iNumberOfPics = count($aPics[0]);
    if ( $iNumberOfPics > 0 ) {
    // Now here you would do whatever you need to do with the images
    // For this example the images are just displayed
    for ( $i=0; $i < $iNumberOfPics ; $i++ ) {
    echo $aPics[0][$i];
    };
    };
    endwhile;
    endif;
    ?>

代码说明:以上代码实际上包含了一个WordPress循环。使用PHP和正则表达式的唯一区别就是前者会自动搜索文章内容中的图像而不是仅仅显示文章。一旦发现图像,系统就会显示。

5.创建"发送到Twitter"按钮

问题:你是Twitter用户吗?如果是,相信你一定了解和朋友在线分享有趣内容的乐趣。那么,为什么不给你的读者也提供一个机会,让他们可以直接把你的文章URL发送到Twitter以给你带来更多流量呢?

解决方案:这个代码改进非常简单。只要创建一个带有status参数的Twitter链接就可以了。而对于WordPress,直接使用the_permalink()函数就可获取文章URL了:
<a href="http://twitter.com/home?status=Currentlyreading<?php the_permalink(); ?>" title="ClicktosendthispagetoTwitter!" target="_blank">ShareonTwitter</a>
非常简单,对吧?但它同时也非常实用!

6. 使用直引号,避免弯引号

问题:如果你经常在自己的网站上发布代码片段的话,可能会经常碰上这类问题:某用户会说你发布的代码不起作用。这是为什么呢?WordPress默认情况下会将直引号转为"smart引号,"而后者会截断代码片段。

解决方案:要避免出现这些弯引号,请按以下操作:

  1. 打开主题中的functions.php文件。如果不存在该文件的话,请自行创建一个。
  2. 粘贴进如下代码:
    <?php remove_filter('the_content', 'wptexturize'); ?> 
  3. 保存文件。大功告成!

代码说明:wptexturize()函数会自动将直引号转为smart引号。而通过使用remove_filter()函数,我们会告知WordPress不要对日志内容使用wptexturize()函数,问题自然得到解决。

7. 如无Referrer请求则禁止发表评论

问题:垃圾评论是让所有博主都头疼的问题。尽管Akismet能够帮你应付这些问题,但如果能化被动为主动岂不是更好?以下给出的代码在wp-comments-post.php被访问时,会查找referrer(即URL来源页面)。如果此时存在一个referrer,且为你博客的URL,那么就可以发表评论。反之,页面将会停止载入,而评论也就无法发表了。

解决方案:要应用此hack的话,直接将以下代码粘贴到外观主题的function.php文件中即可。如果外观主题不含此文件,请自行创建一个。

function check_referrer() {
if (!isset($_SERVER['HTTP_REFERER']) || $_SERVER['HTTP_REFERER'] == "") {
wp_die( __('Please enable referrers in your browser, or, if you\'re a spammer, bugger off!') );
}
}
add_action('check_comment_flood', 'check_referrer');

8.在WordPess导航条中使用CSS滑动门

问题:虽然内置的wp_list_pages()和wp_list_categories()函数很有用,但它们不允许嵌入<span>元素。这样一来,就只能使用目前最赞的CSS滑动门技术了。而且幸运的是,我们只要稍微借助一下PHP和正则表达式就能够在WordPress博客中使用超酷的滑动门技术了。

由于有关CSS滑动门的教程已经很多了,因此在这里我们就不对其工作方式再做任何说明。如果你想对此技术进行更深入的了解,可以看看这篇精品文章。想看看实际效果的话,请点击这里

  1. 创建你所需的图片,并对WordPress外观主题中的style.css文件进行编辑。这里给出例子:
    #nav a, #nav a:visited {
    display:block;
    }
    #nav a:hover, #nav a:active {
    background:url(images/tab-right.jpg) no-repeat 100% 1px;
    float:left;
    }
    #nav a span {
    float:left;
    display:block;
    }
    #nav a:hover span {
    float:left;
    display:block;
    background: url(images/tab-left.jpg) no-repeat 0 1px;
    }
  2. 现在让我们来编辑header.php文件吧。根据自身需要将如下代码复制粘贴进去即可:
    <ul id="nav">
    <li><a href="<?php echo get_option('home'); ?>/"><span>Home</span></a></li>
    <?php echo preg_replace('@\<li([^>]*)>\<a([^>]*)>(.*?)\<\/a>@i', '<li$1><a$2><span>$3</span></a>', wp_list_pages('echo=0&orderby=name&exlude=181&title_li=&depth=1')); ?>
    </ul>
    列出页面:
    <ul id="nav">
    <li><a href="<?php echo get_option('home'); ?>/"><span>Home</span></a></li>
    <?php echo preg_replace('@\<li([^>]*)>\<a([^>]*)>(.*?)\<\/a>@i', '<li$1><a$2><span>$3</span></a>', wp_list_categories('echo=0&orderby=name&exlude=181&title_li=&depth=1')); ?>
    </ul>

代码说明:此例中,我们在 wp_list_pages()和wp_list_categories()函数中使用了echo=0 参量,它允许你获取函数结果而无需将其直接打印在屏幕上。接着函数结果将用于PHP preg_replace()函数,并最终显示出来,此时<li>和<a>标签之间已加入了<span>标签。

9. WordPress博客百变头图

问题:确切地说这并不是什么问题,但有不少WordPress用户希望自己的博客头图能够丰富多变。

解决方案:

  1. 当你相中了一些头图图片后,将它们命名为1.jpg, 2.jpg, 3.jpg,诸如此类。当然,你可以使用任意多的图片。
  2. 将图片上传到wp-content/themes/yourtheme/images目录下。
  3. 打开header.php文件,并将如下代码粘入:
    $num = rand(1,10); //Get a random number between 1 and 10, assuming 10 is the total number of header images you have
    &ltdiv id="header" style="background:transparent url(images/.jpg) no-repeat top left;">
  4. 完成!现在博客各页面或日 志页面将会显示随机的头图了。

代码说明:这里没什么好说的。我们直接使用PHP rand()函数初始化一个$num变量来随机获取1到10之间的数字。接着我们将$num变量的结果连上当前外观主题的路径就OK了。

10.显示撰写计划

问题:许多博主都希望自己拥有更多的读者,有更多的RSS feed。而把文章撰写计划罗列出来显然能提高访客的好奇心和兴趣。

解决方案:打开任意一个主题文件并粘贴进以下代码:
<?php
$my_query=newWP_Query('post_status=future&order=DESC&showposts=5');
if($my_query->have_posts()){
while($my_query->have_posts()):$my_query->the_post();?>
<li><?phpthe_title();?></li>
<?phpendwhile;
}
?> 

代码说明:在这个代码改进中,我们使用WP_Query类创建了自定义语句以发送数据库查询并提取最近将要撰写的五篇文章。完成后,系统就会使用一个简洁的WordPress循环来显示文章标题。

作者:Jean-Baptiste Jung
翻译:stonedoreen@WordPress啦!

推荐两个SEO辅助搜索工具

1.关键字结果数量比较WebSource.it

  WebSource.it 是一个可以方便你比较两个关键词的搜索结果数量的,通过它你就可以知道互联网中哪个关键词的网页更多。我看到有些人说可以通过它判断哪个关键词更热门,我倒是觉得并不是这样的,这里显示的关键词结果数量越多,就意味着你选择这个关键词的话,竞争对手也会越多。如果WebSource能显示关键词有多少人在搜索,那么数量越多越适合做自己的关键词。

  其实WebSource.it还有很多潜在的功能等待大家去发掘,比如:我想比较一下"北京"和"上海"这两个词,那个词所涉及的内容更多,结果如图:

  结果很明显,有更多的网页内容中有"北京"这个关键词。

  另一个不错的用处是可以帮你检查你的拼写是否正确,比如:输入"霍元甲"和"霍园甲"两个词,结果如图:

2.标签比较Tagatum

Tagatum可以帮你选择标签,只要你搜索某个标签名,它会为你列出一个相关标签的列表,并提供每个标签的Raiting值,值越大越适合作为标签使用。遗憾的是它目前还不支持中文。以下是搜索"beijing"的结果,很明显,beijing是最适合作为标签的词。

本文链接:http://blog.bingo929.com/larger-clickable-areas.html

20个免费的SEO网站分析工具

1.Website Grader

SEO-工具-Website-Grader

  Website Grader是我平常比较喜欢使用SEO分析工具,因为它分析得很全面,可用性也很高。通过Website Grader你将得到一个关于你提交的网站的非常详尽的分析报告,报告涉及到了网站的各个部分,比如页面结构、域名信息、标题摘要信息(h1,h2,h3这些)、Google索引数量和bot最后爬行日期、RSS是否正确、Google/Yahoo/Alexa/MSN上的反向链接数、Technorati排名、del.icio.us的收藏数、Alexa的排名情况和Google PageRank值。并且还会对提交的网站进行打分及网站出现的问题的修改建议。通常Website Grader所提出来的修改建议是很有价值的,而且能详细的致命问题出在哪,如何才能解决这样的问题。

SEO-分析-工具-Website-Grader

2.Trifecta

SEO-分析工具-Trifecta

  Trifecta是这20个SEO工具中比较独特的一个,它以不同的标准分析一个网页、一个博客甚至一个顶级域名下的整个网站,他最终会为你提交的网站总结大致的分数及报告。如果不是会员的话每天可以申请一份分析报告。

网站分析-工具-trifecta

3.Spider Simulator

  这个分析工具会对你提交的网站进行相对于搜索引擎友好度的分析,并对提交的网站进行评分。主要的评分标准是Meta标签的使用、网页的标题、图片和Alt属性、网站响应时间和链接。

SEO-分析工具-Spider Simulator


4.Web Page Analyzer(来自WebsiteOptimization.com)

  这个SEO免费工具会对你的SEO工作提供足够的分析信息。它将对提分析网站载入时间、包含的对象(Objects)、对象的大小等等,其中最有帮助的地方是"Analysis and Recommendations" (分析和建议)部分,它将为网站列出11个方面的评测及打分,其中红色为警告、黄色为提醒、绿色为很好。

SEO-免费工具-WebPageAnalyzer


5.SEO Analysis Tool

  SEO Analysis Tool这个SEO工具也能提供一个非常详尽的分析报告,它主要对网页的Meta标签、关键词和链接文本进行分析。这个工具对于网站的SEO工作可以说是非常好的资源。

seo-工具


6.The Escape's Web Page Analyzer

  这个工具帮助你了解提交的网站的标题结构(h1~h6)、链接、关键词的使用和内容的问题。它并不像其它的工具那样为你提交的网站提供详细的分析报告,但是它提供的信息的帮助性和针对性要比其他SEO分析工具更好。

SEO-工具-escapes


7.Seed Keywords

  Seed keywords 提供一个 "plain English SEO review"来分析页面某些方面并给予建议,并提供关于这些元素为什么会影响页面SEO的基本说明。

SEO-免费-工具-seedkey



8.Web Page Analyzer(来自FreeWebSubmission.com)

  这个SEO工具可以全面的分析您提交的网站,如同其它工具一样,可以提供详细的分析报告。比如分析Meta标签并给予一定的指导性建议。这个工具在分析的时候也很看重网页的大小、读取时间以及在页面内容中关键词相关的链接、含关键词的Alt属性和关键词密度。

SEO-工具-freewebsub


9.Spider Test (来自We Build Pages)

  Spider Test 分析工具会快速简单的告诉你提交的网页是如何展现给搜索引擎的,它会显示出网页的描述、关键词、网页大小和网页中的文本等等…

SEO-工具-spidertest


10.Web Page Analyzer (来自 Webmaster Toolkit)

  Web Page AnalyzerSEO分析工具可以让你为搜索引擎提供一个URL和指定的短语,然后它会反馈给你一些关于如何为这个短语而优化网页的建议。

SEO-工具-analyzertoolkit


11.Link Appeal (来自 Webmaster Toolkit)

  你想知道一个网页(你的网站的或其它网站)是否有被其他网站链接的价值吗?输入URL,然后Link Appeal会基于一些评判因素给你提交的网页一个类似PageRank的分数和相关的外链数量。

SEO-工具-linkappeal


12.Full Page Test (来自Pingdom Tools)

  这个来自Pingdom网站的SEO免费工具可以分析网页的很多方面,包括读取时间,对象,CSS,RSS,转向链接等等…

SEO-工具


13.SearchEngine-Analysis.com

  输入一个URL和一个针对性的关键词或搜索短语,然后你会得到关于如何优化这个短语以在其它竞争者中领先。

SEO-工具-seanalysis


14.Web Page Speed Test (来自Self SEO)

  这个分析工具可以对你提交的网站列表进行对比,一次可以最多提交10个URL。

SEO-工具


15.Similar Page Checker

  帮助你检测输入的两个网址的内容的相似度,以避免由于内容重复而被搜索引擎处罚。如果它们非常相似,你可以进行适当的修改。转载文章的话,这个工具还是比较实用的。

SEO-工具


16.Dead-Links.com

  这个工具可以爬行你提交的整个网站,以寻找返回404错误页面的链接。检测的时间比较长。

SEO-工具


17.Firebug

  Firebug是Firefox的插件,它可以让你在浏览器中分析和调试自己网页中的HTML、CSS和JavaScript。

SEO-工具


18.YSlow for Firebug

  另一个Firefox插件,它可以分析并为你提供提高网页加载速度的建议。这个工具集成了上面说的FireBug工具。

SEO-工具


19.Google Webmaster Tools

  这个工具太有名了,我就不做太多介绍了。

SEO-工具


20.Web CEO

  Web CEO是一套非常优质的SEO优化和分析工具,分为收费版和免费版。免费版可以帮助你根据它的建议去优化你的网站,比如关键词建议,网页优化建议,和检查网站的评分等…

SEO-工具

英文原文:20 Free Page Analysis Tools