2010年2月 文章归类

WordPress博客的 SEO 技巧

三水清 2010-02-28 16:38:571 Comment

随着搜索引擎大兴, 排列在前的网站在引入大量流量. 无论是搜索页面的广告还是查出来的结果, 与搜索者的目标匹配度都比较高 (如果搜索引擎足够智能), 所以通过搜索引擎而来的访客很可能会从网站上得到他想要的东西, 并记住这个网站. 也就是说, 搜索引擎会带来很多有价值的来源, 所以花点时间针对搜索引擎优化一下 WordPress 博客也是值得的.

我一直没有花太多时间做搜索引擎优化, 否则也不会把博客首页做成展开式的显示, 所以一直搜索引擎收录不是很好. 前段时间, 我终于为博客搞了一下 SEO, 比之前有所改善, 下面我就分享一下我都做了些什么.

我并不是什么 SEO 高手, 但整天泡在网页里面, 或多或少知道一点, 折腾一下算是自我陶醉, 高人请绕道前行.

1. 优化博客副标题
副标题 (slogan), WordPress 中称为 tagline. 它与博客标题不一样, 可能会承载一些描述博客的文字. 如我的 tagline 是 “mg12’s Blog – Just Another WordPress Blog”, 其中的 WordPress Blog 被我设置为 h1. 因为我想告诉爬虫, 这是一个关于 WordPress 的博客.

2. 页面的标题不要包含博客名称
WordPress 标题一般会用到 bloginfo(’name’) 和 wp_title() 两部分, 前者是博客名称, 后者是文章标题 (如果标题不存在则不显示). 经典主题和默认主题输出标题用的代码如下.

<title>< ?php wp_title('&laquo;', true, 'right'); ?> < ?php bloginfo('name'); ?></title>

输出的标题结构是 “文章标题 « 博客名称”.

除非你的标题和文章内容相关度比较高, 否则这样的标题对 SEO 显然是不好的. 标题是爬虫认为重要的内容之一, 如果标题中包含了与文章内容无关的信息, 多少会对该页面有所影响.

那应该怎么弄呢? 一些包含大量内容的, 或者属于某一类的页面, 只显示标题. 其他的页面只显示博客名称. 我的实现代码如下.

<title>< ?php if ( is_single() || is_page() || is_category() || is_tag() ) { wp_title(''); } else { bloginfo('name'); } ?></title>

继续阅读全文……

爱墙 许愿墙 祝福墙程序免费下载

三水清 2010-02-26 20:59:251 Comment

为方便断桥残雪爱墙 [演示地址] 程序发展，本博客特地放出断桥残雪爱墙程序，需要的童鞋请通过以下的表单，发邮件给我申请下载地址。

断桥残雪爱墙程序演示截图，演示地址love.2fool.cn

断桥残雪爱墙程序演示截图，演示地址love.2fool.cn

申请下载地址资格

  1. 有自己独立的博客空间，可以给爱墙一个安身之地
  2. 不得作为商业用途
  3. 不经过本博客同意，不得肆意传播爱墙程序
  4. 尊重作者版权，保留首页底部本博客以及顶部爱墙程序下载的版权信息
  5. 同意在博客（或空间）跟本博客交换链接
  6. 能够帮助断桥残雪完善爱墙程序，并且共享给断桥残雪的童鞋优先
  7. 有固定用户来源的空间优先

如果您以上几条都做到了，那就赶快发邮件给我吧，记得要附上自己的空间地址，方便资格审查哦~
P.S.：达不到标准的童鞋，可能邮件不能一一回复，请大家谅解。
继续阅读全文……

十大Google Buzz的使用技巧

三水清 2010-02-26 19:23:312 Comments

Google Buzz最近可是红的不得了，越来越多的人选择了Buzz，通过Buzz，断桥残雪的关注度一度提高了53多人，而之前注册的twitter却一个人都没有关注断桥残雪，所以不管你喜不喜欢，Google Buzz 这些天真的很 Buzz，并且根据谷奥博客的翻译，Google Buzz 使得 Google Reader 的分享用户增加了 35%。

Google Buzz 如此热门，它的用法自然也不少，以下是其中比较有意思的 10 种使用技巧：

1. 同步 Twitter 到 Google Buzz

同步 Twitter 到 Google Buzz 的方法有好几种，其中包括直接在 Google Buzz 上添加 Twitter 帐号；同时在 Google Buzz 和 Ping.fm 上关联 GTalk 状态，然后通过 Ping.fm 更新 Twitter （可以采用月光博客的方法）；或者在 Google Buzz 上关联 GTalk，然后通过 twitter2gTalk 同步 Twitter 到 GTalk；等等。

2. 同步 Google Buzz 到 Twitter

要同步 Google Buzz 到 Twitter，可以通过在线工具 Buzz2Twitter 来实现。

3. 在博客上添加 Google Buzz 按钮

WordPress 博客可以使用 WPBuzzer 插件，该插件可以让你把 Google Buzz 按钮放在单独日志、静态页面、主页或者 RSS Feed 上。

如要添加其他的 Google Buzz 按钮，可以参考我爱水煮鱼的文章 给 WordPress 博客添加 Google Buzz 按钮。
继续阅读全文……

雷：蓝翔技校黑谷歌！

三水清 2010-02-21 22:25:082 Comments

2月18日，凭借《纽约时报》的报道，一个以汽修和烹饪为主要课程的培训学校—山东蓝翔高级技工学校，在谷歌黑客事件中爆得大名。在国内频繁做广告的蓝翔高级技工学校成为网友调侃对象。

《纽约时报》报道雷到网友

在接受媒体采访时，该校董事长荣兰祥表示，他们和谷歌黑客完全没有关系，《纽约时报》的报道“纯属笑话”。

据《纽约时报》2月19日的一篇报道，美国联邦机构针对谷歌黑客事件的调查一直追踪到中国两所学校的电脑，这两所学校是上海交通大学和山东蓝翔培训学校。

其中，针对山东蓝翔的报道指称其和中国军方有关系，相当令人震惊。报道称，“位于山东的蓝翔高级技工学校是在军队的支持下建立的一所规模庞大的职业学校，为军队培养计算机人才。该校的计算机网络是一家与百度关系密切的公司建立的。”

值得注意的是，该报道并未提及蓝翔和军方究竟有何种关系，以及其消息源来自何方。

此外，该报道还称，“美国一军火承包商也曾像谷歌一样遭到攻击，它所获得的证据使得调查人员怀疑攻击与一名乌克兰教授在一所技校教的计算机课有关。”该校“计算机系主任邵（音）先生”承认，“每年系里都有四五名学生被征召入军队。”
继续阅读全文……

使用CSS设置文字反选的背景颜色

三水清 2010-02-21 19:51:39快抢沙发

在计算机操作中经常会有反选出现，系统一般会根据选择区域的颜色，显示出补色。但windows默认的文字选择时，背景为蓝色，前景色为白色，如果背景是深色，则文字为蓝色，背景变成白色。如下图所示：

反选默认样式

反选默认样式

能不能改变选择的默认颜色呢，也许很多人对这个问题不是很在意，也可能你早就见到过这个效果了，但是却忽略了。查看示例(请在非IE浏览器下查看)

从博客里可以看到PPK给出了如下的CSS代码：

::-moz-selection{    /*针对Firefox*/
    background:#cc0000;
    color:#fff;
}
 
::selection {
    background:#cc0000;
    color:#fff;
}
 
code::-moz-selection {  /*code是标签选择器，可以换成p或span等*/
    background: #333333;
}
 
code::selection {
    background: #333333;
}

通过以上代码可以看出，你完全可以给不同的容器定义不同的反选背景颜色，

Google Buzz的8个高级技巧

三水清 2010-02-20 18:58:032 Comments

只要是Google的新产品出来，总有一堆的相关高级技巧被迅速挖掘出来，Google Buzz也不例外。如果你还不熟悉Google Buzz的各种操作，请看下面的Google Buzz的8个高级技巧。

1.发送Buzz直邮（DM）

如果你想像twitter那样给某人发送DM，那么可以用@回复+私有buzz的方式 实现。在你写完@某人的一个buzz之后，选择发送方式为Private私有，然后在选择发送组的时候，创建一个新的组，起名“没有人”或者“美女走{谷 奥防低俗系统乱入}光图”，这个组里你谁也不放，保持空白。

buzz-private

这样，你的这条buzz就以所谓的DM形式发送了，谁也看不到，而它会以一封邮件的形式出现在buzz收信人的Gmail邮箱里。绕了这么一大圈，其实想一想我直接发邮件不就好了，有点脱了裤子放屁的蛋疼之意……

继续阅读全文……

瑞星贿赂造假丑闻曝光，为转移视线捏造360后门事件

三水清 2010-02-09 23:29:242 Comments

近期，为了转移公众对瑞星420万元买通公安处长制造假证、陷害竞争对手微点案件的视线，瑞星公司更是公开地大肆传播所谓360“有后门”等各种谣言，企图以此引起360用户的恐慌情绪。

齐向东说

对于瑞星公司故意捏造、公开散播所谓“360后门”谣言的行为，360公司总裁齐向东表示，这是一种以伤害网民为代价的不正当竞争行为。“尊重用户的知情权、选择权，和保护用户的隐私权，这是360公司一直坚持的商业准则。360安全软件通过了国家信息安全产品的权威认证，说明360公司在保护用户隐私权方面，是经得起考验的。”

作为中国信息安全测评中心“国家漏洞库”的成员企业之一，360安全中心旗下拥有360安全卫士、360杀毒、360安全浏览器、360保险箱以及360软件管家等系列免费安全产品。其中，仅360安全卫士目前就拥有2.8亿用户，市场覆盖率高达75%。
继续阅读全文……

CSS+jQuery实现滑动幻灯片实例详解

三水清 2010-02-08 18:18:012 Comments

今天我看见一个比较不错的jQuery幻灯片教程，比我之前的文章《两个简单的jQuery幻灯片实例》写的更为详细，并且有框架布局的演示图片，特地转载来，部分英文不翻译了，很简单的~

HTML部分代码

Start with having a wrapping container div called main_view, and two sections nested inside called image_reel and paging. The image_reel will contain the sliding images, and paging contains the paging controls. Take a look at the image below for a visual.

<div class="main_view">
    <div class="window">
        <div class="image_reel">
            <a href="#"><img src="reel_1.jpg" alt="" /></a>
            <a href="#"><img src="reel_2.jpg" alt="" /></a>
            <a href="#"><img src="reel_3.jpg" alt="" /></a>
            <a href="#"><img src="reel_4.jpg" alt="" /></a>
        </div>
    </div>
    <div class="paging">
        <a href="#" rel="1">1</a>
        <a href="#" rel="2">2</a>
        <a href="#" rel="3">3</a>
        <a href="#" rel="4">4</a>
    </div>
</div>

css+jQuery实现滑动幻灯片实例教程

css+jQuery实现滑动幻灯片实例教程


继续阅读全文……

第1页 / 共2页 12
♦▐返回顶部