wordpress - Written by konging on 2008.06.17 11:14 - 9 Comments

对wordpress小小的seo一下

此篇日志主要是从模板的角度讲述的几点优化技巧。好看的模板另人赏心悦目，但并不一定有利于seo。我在这方面涉猎未深，不过先总结几点实用的吧，可以小小的优化一下。主要内容有“修改标题结构”“使用自定义字段添加关键字与描述”“优化h1标签”“修改博客中的默认feed地址”

1 修改标题结构

修改标题结构为"标题 | 站名"，标题就是网页代码中<title>标题</title>中的内容，也就是网页浏览器标题栏显示的内容。用all in one seo
这个插件可以直接实现这个功能，我没用all in one seo这个插件，我觉得插件尽量少用的好，呵呵。

修改<title><?php bloginfo('name'); ?> </title> 为

<title><?php if (is_single() || is_page() || is_archive()) { ?><?php wp_title('',true); ?> | <?php } bloginfo('name'); ?> </title>

效果：在单篇日志页面，page页面，分类页面显示title为题目 | 站名

例如：此篇日志页面显示的Title为 Wordpress的小小seo | 无尽的路

2 使用自定义字段添加关键字与描述

也许你新下载的主题中更本就没有keywords和description这两个meta标签，就算有了，添加了。单篇日志页面显示的这两个标签内容和主页的还是一样的。这样就不利于seo了。不过用自定义字段就可以很容易实现给每篇日志添加不同的关键字和描述了。

在header.php的<head></head>之间添加以下代码

<?php if ( is_single() ) { ?>
<meta name="keywords" content="<?php $key="  keywords"; echo get_post_meta($post->ID, $key, true); ?>" />
<meta name="description" content="<?php $key=" description"; echo get_post_meta($post->ID, $key, true); ?>" />
<?php } ?>

然后在写日志时添加自定义字段，字段名 keywords, 后面的字段值写上这篇日志的关键字。再添加自定义字段，字段名 description,后面的字段值写上这篇日志的描述。自定义字段用过一次后，在写其他日志的时候可重复添加。参考wodpress的官方教程

3 优化h1标签

如果你的wordpress模板用的logo，而不是h1定义的站名，也是对seo不利的。有一个方法就是用css定义的方法把h1设置的无法再浏览器显示出来，只显示h1的背景，而这个背景就可以作为logo.但搜索引擎是不管背景之类的，照样可以读取你的h1。具体看下面的描述，以下引自蓝色理想-WEB前端开发经验总结

对SEO有些了解的朋友都知道，搜索引擎搜索关键字的时候，是先对XHTML标签里的<meta>标签的keyword部分的文字，然后就是标题里的文字，接着就是正文中的h1~h6标签，然后是strong标签中的文字。而我们网站的名称，毫无疑问的会作为关键字的。所以我这里用h1标签模拟了<img alt="" />标签的效果，将网站名称这个关键字在页面里出现了一次，而且是以正文中搜索引擎分析的优先级最好的h1标签，以说明该内容在页面中的关键性。具体的实现代码这里就直接写出来：
#topbar h1{ float:left; width:220px; height:58px; line-height:58px; overflow:hidden; font-size:18px; color:#060; text-indent:-999px; background-image:url(../img/logo.png); } #topbar h1 a:link, #topbar h1 a:visited, #topbar h1 a:hover{ display:block; width:220px; height:58px; line-height:58px; overflow:hidden; background-color:transparent; } <h1><a href="http://www.yaohaixiao.com/" target="_blank" title="海啸的地盘--享受生活，享受每一天！">海啸的地盘--享受生活，享受每一天！</a></h1>

看了代码，我想大家也很明白了，我们这里利用了text-indent、overflow:hidden;属性以及display:block。我们把LOGO图片作为h1标签的背景，然后用text-indent设置一个超大的负值，然后结合overflow:hidden;属性，让h1标签里面的字都超出到它的布局范围内，overflow:hidden后就在h1标签里看不到文字了，而LOGO图片背景显示出来了。

接着一个关键就是将a标签模拟成图片链接的效果。我们首先将a标签display属性设置为block,强制将a标签显示成块级元素（块级元素和行内元素的知识我们下面马上给大家介绍），给它设置布局大小，这样我们a标签里就是一个块了，而这个块刚好是我们背景logo图片的大小，让你点击的时候感觉是点的一个图片链接，而我们的a标签是嵌套在h1标签里的，继承了H1的text-indent属性，里面的文字超出了a标签的布局范围，没有显示出来，而显示了图片（其实是背景图）。呵呵，图片链接就这样被我们模拟出来了，不过为了更像图片链接，我们又给a标签添加了title属性，来模仿img标签的alt属性，呵呵，模拟得够像吧。

上面介绍了，一个技巧，其实主要是利用我们的CSS控制来实现的，不过我这里还不打算介绍CSS的技巧，接着我们的结构化的话题说下去。看看，其实在制作一个结构化充分的页面的时候，我们同时也在做SEO的优化。

4 修改博客中的默认rss地址

一般来说wordpress的模板都在header.php中预置了如下代码：

<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="http://博客url/feed/" />
<link rel="alternate" type="text/xml" title="RSS .92" href="http://博客url/feed/rss/" />
<link rel="alternate"
type="application/atom+xml" title="Atom 0.3" href="http://博客url/feed/atom/">

对于一些支持浏览器订阅的浏览器，如firfox,IE7等可以直接订阅，但现在很多博客都使用了feedsky, feedburner的rss烧录服务，页面上的订阅图标的链接都是像http://feed.feedsky.com/5jway这样的链接，这样会造成直接用浏览器订阅的用户订阅的是模版中默认的rss地址，而在页面上点机图标订阅的用户订阅的是烧录的地址，直接导致feed统计的不准确。而且托管rss的话有利于保护rss,即使你修改了域名，托管的rss照样不会丢。所以我建议把模版中的默认feed地址替换成烧录的地址，找到header.php中的上述代码，替换成下面的格式

<link rel="alternate" type="application/rss+xml" title="无尽的路 RSS Feed" href="http://feed.feedsky.com/5jway" />