WordPressの基本設定をする

１．テーマ（テンプレート）を選ぶ。SEO対策済みテンプレートだと、サイト内リンクや、キーワードの出現場所など、HTML構造がカスタマイズされているので、オンサイトSEOがやりやすい。ぼくが使うのはなんと言っても賢威です。カスタマイズがしやすいのと、フォーラムがしっかりしているのがポイントです。

２．URL（パーマリンク）設定を『/%category%/%postname%/』にする。（細かな解説は「パーマリンクの設定」を参照。）

注. 以前のWPでは日本語パッチを使わないと日本語URLがエラーになることもあったけど、WordPress2.8？以降、まったく問題なくなった。日本語URLがSEOに効果があるかどうかは議論の分かれるところだけど、記事名をそのまま日本語URLにするのはぼくは好きじゃない。だってリンクをするときとかパーマリンクがすごくながくなる。でもカテゴリを短い日本語URLで表示するのはユーザビリティを考えるとありだと思う。（実際にぼくはカテゴリURLの日本語かをいくつかのブログで採用している。）

３．pingも設定をする。pingがどれほど効果的なのか正直わからないけど、サイト立ち上げの際に一回設定するだけだからやっておいて損は無い。検索エンジンにサイトや新しい記事を拾ってもらう助けになると思う。Pingooは最近使ってないなぁ。

４．コメント、トラックバックを受けるかどうか決める。

５．記事／ページのソースにAdd Clipsのブックマークボタンを付ける。（個別に、ブックマークボタンを貼り付けることも可能だ。）

６．URLを正規化する。

７．カテゴリーをリスト化する。記事が多くなってきて、ユーザービリティを考えたときに、カテゴリなどのアーカイブを記事タイトルでリスト化した方がイイなと思った。

８．コンテンツ（キーワード）のダブり解消のため、Canonicalタグを導入。WP用プラグインもあります。また『rel=”canonical”の正規化で、重複コンテンツを撃退』も参考に。

プラグインを入れる

１．Akismetの有効化。

２．コンタクトフォームの有効化→コンタクトフォームページを作成

３．FeedLoggerの有効化

４．All in One SEOの有効化。

５．WordPress.com Statsの有効化。

以前は、Nofollow Freeというプラグインを使ってコメント欄のrel=”nofollow”タグを外すしコメントwelcomeの姿勢を示そうとしていたのですが、コメントスパムの危険性や、しょーもないコメントもホント多くなるのでやめました。

モバイル対応する

１．KtaiStyleの有効化。
(bzip2形式に圧縮されているので、Lhaplusなどの解凍ソフトが必要。さらに、PHP5.2.0以上が必要。PHP4.4.* 、PHP5.1.*のレンタルサーバも結構ありますので注意が必要。その場合、Mobile Eye+で代用可能。)

サイトマップ関連のプラグインを入れる

１．Google XML Sitemap Generatorを有効化して、サイトマップ生成。

２．Google XML Sitemap Generatorをモバイルサイトマップに対応させる。

３．FLV動画埋め込みプラグインを有効化して、サイトマップ生成。

４．Dagon Design Sitemap Generator（人が見る用のサイトマップを自動生成するプラグイン）を有効化する。サイトマップを表示するためのページを作成して、ページに以下のソースを貼り付ける。→サイトマップページへのリンクをサイドバー、ページトップなどへ貼り付ける。

<!– ddsitemapgen –>

賢威のWPテンプレートには「人が見る用のサイトマップ」がプラグインなしでもデフォルトで付きました。

３大検索エンジンのサイト管理ツールにサイトを登録

１．Googleウェブマスターツールに登録。

２．Yahooサイトエクスプローラーに登録。

３．Bing Webmaster Centerに登録。(日本語解説記事：「MSN Webmaster Center登録」)

４．各種サイトマップ（xml、feed、動画サイトマップ、モバイルサイトマップ）を各サイト管理ツールに送信設定。

商業用のサイト（ネットショップなど）を運営していて、資金的に多少の余力がある場合は、有名な有料ディレクトリなどへも登録するとラクチンです。あんまりよーわからんサイトに登録するのはやめましょう。マイナスです。

Google Analyticsでアクセス解析

１．Google Analyticsにサイトを登録。

ソーシャル化する（ブログパーツ、プロフィール設定など）

ソーシャル化によって露出が増えるとナチュラルリンク（自然な被リンク）が増えてきます。SEOにおいてとっても重要です。

１．Yahoo! ログールに登録、サイドバーに貼り付け。特にサイト開設直後のアクセス増加に役立つ。

２．あわせて読みたいを貼り付け。

３．ランキングサイト（ブログ村、BlogPeopleなどに）登録 → 投票ボタンの貼り付け → ping送信設定。

４．Technoratiに登録 → ping送信設定。

５．各種ソーシャルメディアの自分のプロフィールページにブログURLを記載。（buzzurl、newsing、Yahoo!、Ameba、mixi、iddy、Twitter…etc）

６．反対に、ブログから各ソーシャルメディアの自分のプロフィールページへリンクを貼る。

７．TwitterようのRTボタンなどを設置する。記事によっては、文章でRetweet設定する。

８．BackType Connect （記事にリンクを張ってるTwitterのつぶやきとかをコメントとして表示するプラグイン）や、Hatena Bookmark anywhere （はてぶコメントを表示するプラグイン）などを導入してコメント欄のにぎわってる感を演出してみる。

その他、特記事項などなど

Yahoo!ブログ検索について

注1 FeedBurnerはヤフーのブログ検索と相性が悪いという可能性があります。(参照： Yahoo!ブログ検索対策【最終報告】: FeedBurner)

注2 WordPress自体がYahoo!ブログ検索と相性が悪いという指摘もあります。対処法はこちら。「WordPress を Yahoo! ブログ検索させる方法 その10【まとめ】」。

WordPressカスタマイズに効く参考記事

• Googleが教えるブログでやるべき12の事
• Googleが教えるSEOでやってはいけない30の事
• SEOやSMMのためにブログを作ったらまずやることリスト : (SMM.jp)
• WordPressでSEO １ : (セルフSEO)
• WordPressでSEO 2 : (セルフSEO)
• WordPressカスタマイズ記事一覧

お知らせ

Think IT にて、「知って得するWPカスタマイズ入門（全五回）」もカイテマス。（2009年3月3日）

BlogのRSSフィード登録人数を調べる方法まとめ： (WebとPCのメモ帳)

この記事で紹介されている方法は、それぞれのRSSリーダー別にひとつづつ調べる方法なので、少し手間がかかりますがかなり正確な数が分かると思います。よくまとめられていて非常に参考になりました。

さらに、この記事の最後には、FeedLoggerというRSS Feedを計測してくれるWordPress用のプラグインが紹介してあったので、早速このブログにも入れてみました。

かなり多くのRSSリーダーに対応していて、Google, Livedoorなど各リーダー別の購読者数を表示してます。

詳細は上記のFeedLogger配布元の記事に譲りますが、インストールの際にいくつか、ちょっと迷った箇所がありましたので記しておきます。

１．配布元の記事の手順の2番目に「2.dataフォルダに書き込み権限を与える」というのがあります。

これのやり方は、アップロードしたフォルダの中のdataフォルダを右クリックして「属性変更」をするのですが、変更する属性は「777」です。つまり、9つの選択項目すべてを選択します。

２．プラグインをアクティベイトした後に実際に統計が表示される場所は「ダッシュボード」です。プラグインの表示画面ではありません。配布元の説明にちゃんと書いてあるのですが、ぼくは「ダッシュボード」ってほとんど行かないんで、勝手に「プラグイン」か「Setteings」の管理画面にこのプラグインのメニューが表示されるんだと思ってちょっと迷いました。

３．購読者数を正確に取得するまでに、すこし時間がかかるようです。今現在、アクティベイトから1時間くらい経過していますが、すこしづつ登録者数として表示される数が増えています。表示されるRSSリーダーの種類も増えていってます。

最後に、これはインストールとは関係ないのですが、配布元の記事に「FeedBurnerを使うとYahoo!のブログ検索に引っかからなくなるので採用していません。(会社のSEO担当からFeedBurnerを使ってはダメです！と止められました 汗)」と書いてあります。

まったく初耳だったので、ヤフーのブログ検索とGoogleのブログ検索をいろいろなキーワードで比べてみたのですが、確かにFeedburnerを使っているブログはでてくる確立がかなり低いように感じます。FeedBurnerはグーグルに買収されているので分からないこともありません。

ぼくのブログはGoogleのブログ検索ではひっかかりますが、Yahooのブログ検索ではほとんど登場しないです。記事に含まれるキーワードで検索すると、ぼくの記事にリンクしている記事が表示されるのに、ぼくの記事が表示されない。。。

そこで、思い切ってFeedBurnerでフィードを出力するのをやめてみました。実際にヤフーのブログ検索で拾われるようになるかわ分かりませんし、なってもしばらく後のことでしょう。すこし様子を見てみようと思います。

以下のソースをコピーして、WP内の記事ソースに貼り付けるだけです。
(「Design」→「Theme Editor」→「Single Post」)

＊注：ブックマーク数はブックマークがある場合のみ表示されます。ゼロの場合は表示されません。

はてなブックマーク

はてなブックマークボタン　

<a href="http://b.hatena.ne.jp/append?<?php the_permalink() ?>"><img src="http://d.hatena.ne.jp/images/b_entry.gif" alt="このエントリをはてなブックマークに登録" width="16" height="12" border="0" /></a>

はてなブックマーク数　

<img src="http://b.hatena.ne.jp/entry/image/<?php the_permalink() ?>" />

Buzzurl

Buzzurlブックマークボタン　

<a href="http://buzzurl.jp/entry/<?php the_permalink() ?>"><img alt="このエントリをBuzzurlにブックマーク" src="http://buzzurl.jp/static/image/api/icon/add_icon_mini_08.gif" /></a>

Buzzurlブックマーク数　

<img src="http://api.buzzurl.jp/api/counter/<?php the_permalink() ?>" />

Yahoo!ブックマーク

Yahoo!ブックマークボタン　

<?php echo '<a href="http://bookmarks.yahoo.co.jp/action/bookmark?t='.urlencode(the_title('','',false)).'&u='.urlencode(get_permalink()).'"><img src="http://i.yimg.jp/images/sicons/ybm16.gif" width="16" height="16" alt="Yahoo!ブックマークに登録" style="border:none;"></a>';?>

Yahoo!ブックマーク数　

<img src="http://num.bookmarks.yahoo.co.jp/image/small/<?php the_permalink() ?>" />

ライブドアクリップ

Livedoorクリップブックマークボタン　

<a href="http://clip.livedoor.com/clip/add?link=<?php the_permalink() ?>&title=<?php the_title(); ?>&jump=ref"><img src="http://parts.blog.livedoor.jp/img/cmn/clip_16_16_w.gif" alt="このエントリをlivedoorクリップに登録" width="16" height="16" /></a>

Livedoorクリップブックマーク数　

<img src="http://image.clip.livedoor.com/counter/small/<?php the_permalink() ?>" />

del.icio.us

deliciousのブックマークボタン　

<a href="http://delicious.com/save" onclick="window.open('http://delicious.com/save?v=5&noui&jump=close&url='+encodeURIComponent('<?php the_permalink() ?>')+'&title='+encodeURIComponent('<?php the_title() ?>'),'delicious', 'toolbar=no,width=550,height=550'); return false;"><img src="http://static.delicious.com/img/delicious.small.gif" height="10" width="10" alt="Deliciousにブックマーク" /></a>

deliciousのブックマーク数　

<img src="http://labs.creazy.net/sbm/delicious/textimg/<?php the_permalink() ?>" />

newsing

Newsingは投票数のみを表示させるソースが見つからなかったので、Newsingにて配布されているMovableType用の投稿ボタンのソースをWordPress用に変更しました。

newsingのブックマークボタン（投票数入り）　

<iframe src="http://newsing.jp/newsingit?url=<?php the_permalink() ?>&title=<?php the_title(); ?>" scrolling="no" marginheight="0" marginwidth="0" frameborder="0" height="18" width="122" style="margin:0;padding:0;width:122px;height:18px;"></iframe>

newsingのブックマークボタン（投票数無し）　

<a href="http://newsing.jp/nbutton?title=<?php the_title(); ?>&url=<?php the_permalink() ?>"><img src="http://image.newsing.jp/common/images/newsingit/newsingit_s.gif" width="16" height="16" alt="このエントリをnewsing it!へ追加" /></a>

追記：＊このブログで採用しているvicunaのテンプレ（以前採用してた）だと、上記のnewsingのソースではボタンをクリックして投稿ページに飛んだときにurlは自動で読み込んでくれるのですが、記事タイトルを読み込んでくれません。色々試しましたが知識薄でわかりません。解決策をご存知の方、コメントなどいただけると幸いです。ほかのテンプレは大丈夫のようですが、中には上手く動かないのもあるかもしれません。（コメントいただいたセルフSEO対策ブログのシロウトさん、ありがとう。）

ブックマーク数表示画像の調整

今回、各ソーシャルブックマークサービスのブックマーク数表示APIの多くはcreazy photographというサイトの以下の記事を参考にさせて頂きました。
各ソーシャルブックマークサービス（SBM）のブックマーク数画像表示APIを調べた

この記事には、ブックマーク数の表示画像の大きさを調整する方法も掲載されいます。

その際、各記事のURLを記入する箇所がありますが、その場所にはWordPressの記事URLを取得する以下のタグを記入して下さい。

<?php the_permalink() ?>

その他、不明な点はコメント欄↓へどうぞ。

参照記事

• SBSのブックマーク数画像表示APIを調べた : (creazy photograph)
• 主要なソーシャルブックマーク追加ボタンを付ける : (VIVABlog)
• wordpressにはてなとlivedoorのブックマークボタンを貼り付ける方法 : (sorarium)
• 自分のブログに「↑B」アイコンを表示する : (はてな)
• ブックマークアイコンの取り付け方 : (Buzzurl)
• ブログに「clip!」ボタンを設定しよう！ : (ライブドアクリップ)
• 各社ブログ向けYahoo!ブックマークのブログパーツ設置方法 : (Yahoo!ブックマーク)
• Save Buttons : (Delicious)
• ピックアップボタン設置方法 : (newsing)

ユーザーがリンクをクリックすると、新しいウィンドウでリンク先が表示される方法として、target=”_blank”が良く知られていますが、この書き方はXHTMLに準拠していません。

これは「新しいウィンドウを開くかどうかはユーザーが決めるのが望ましいと考えられているため」だそうです。

確かに新しい窓で開くと邪魔に感じるユーザーもいるのでしょう。

ただぼくの好みでは、やはり外部リンクは新しい窓で開きたい（サイトによりますが）。とくに最近のブラウザは新しいウィンドウではなく、新しいタブで開いてくれるので、ユーザーもそれほど邪魔に感じないのではないかと思います。

では、target=”_blank”を使わずに新しいウィンドウでリンク先を開く方法で、XHTMLのValidationでエラーがでない方法はあるのかというと、JavaScriptを使う方法があります。

この方法は、以下のサイトで紹介されています。

• target=”_blank” を使わないで新しいウィンドウでリンクを開く方法 : (cl.pocari.org)
• _blankを使わないで別ウィンドウを開くにはrel=”external”を使うのが美しいと思う。 : (hori-uchi.com)

上記のサイトで紹介されている方法は、基本的には、JavaScriptをヘッダー部分に読み込ませて（後述）、リンクを設置するときに、taget=”_blank”のかわりに、rel=”external”を使う方法ですが、このままだと一つだけ問題があります。

それは、リンクを別窓で開き、さらにrel=”nofollow”を入れたいという場合にこのままのスクリプトでは反応してくれないということです。

rel=”nofollow”指定を追加する場合、リンクの書き方を、

<a rel="external" href="リンク先URL">アンカーテキスト</a>

ではなく、

<a rel="external nofollow" href="リンク先URL">アンカーテキスト</a>

としなくてはならず、それにあわせてスクリプトも変更しなくてはなりません。

そこで、rel=”external”でも、rel=”external nofollow”でも、どちらでも作動するJavaScriptを以下に紹介します。
*(external nofollowを逆にして、nofollow externalにしても作動します。)

初心者の方でもすぐに使えるように順を追って説明します。

1.まずはJavaScriptの設定です

以下のテキストをNotepadなどにコピー＆ペーストして、external.jsという名前で保存します。

function externalLinks() {
if (!document.getElementsByTagName) return;
var anchors = document.getElementsByTagName("a");
for (var i=0; i<anchors.length; i++) {
var anchor = anchors[i];
if (anchor.getAttribute("href") &&
((anchor.getAttribute("rel") == "external nofollow") || (anchor.getAttribute("rel") == "nofollow external") || (anchor.getAttribute("rel") == "external")))
anchor.target = "_blank";
}
}
window.onload = externalLinks;

2.保存したJavaScriptのアップロード

保存したexternal.jsファイルをFTPソフトなどを使って、サーバーにアップロードします。

アップロード先はどのファイル内でも構いません（次の項目で保存先を指定するので）。
一番上の階層にアップロードするとわかりやすいです。

3.JavaScriptの保存先の指定

下記のソースのyourdomain.comを書き換えてexternal.jsをアップロードした場所を指定します。

ドメイン直下にアップロードした場合は、以下のソースのようになります。

<script type="text/javascript" src="http://yourdomain.com/external.js"></script>

それ以外の場所にアップロードした場合はファイル名を入れて指定しいます。

<script tyle="text/javascript" src="http://yourdomain.com/ファイル名/.../external.js"></script>

4.ヘッダーに記入

external.jsのアップロード先を指定した上記のソースを、<head>セクションにペーストします。

例：

<head>
.
.
<script tyle="text/javascript" src="http://yourdomain.com/external.js"></script>
</head>

5.リンクの作成

上記の設定が一度済んでしまえば、あとはリンク作成時に<a>タグ内に、
rel=”external”、もしくは、 rel=”external nofollow” （rel=”nofollow external”）を記入するだけです。
例1:nofollowタグ無し

<a rel="external" href="リンク先URL">アンカーテキスト</a>

例2:nofollowタグ有り

<a rel="external nofollow" href="リンク先URL">アンカーテキスト</a>

追記：MTでの対応

トラックバックを頂いた、「Event.observe と window.onload」という記事によると、上記のソースはMTでは個別記事で動かないらしいです。ぼくはもうしばらくMTに触ってなかったし、このソース自体拾い物なので分かりませんでしたが、対応策も上記記事に記載されていますので、参考にして下さい。

参照記事

• target=”_blank” を使わないで新しいウィンドウでリンクを開く方法 : (cl.pocari.org)
• _blankを使わないで別ウィンドウを開くにはrel=”external”を使う。 : (hori-uchi.com)
• make external links open in a new window in a standards compliant way? : (nucleusfaq)
• Open External Links as Blank Targets via Unobtrusive JavaScript : (Perishable Press)

　先日、グーグルがSEO初心者向けのスターターガイド（Google SEO対策30の事参照）を公開したのは記憶に新しいですが、今回は新たにブロガー向けのガイドが公開されたと、Saad Kamalというブログで紹介されていたので、見に行って来ました。

　このドキュメントはPDF版ではなく、Google Webmaster Help Center内のドキュメントです。日本語版も探してみましたが、見つかりませんでしたので、以下に紹介します。

まずなぜブログを書くと良いのか？

　以下の3つの理由から、グーグルはブログを書くことを薦めています。

• A blog is a great way to connect with people who share your interests, or to publicize your site or product: ブログは同じ趣向を持つ人と『つながり』を持つための有効なツールです、またあなたのサイトや商品を宣伝するのにも最適です。
• Blogs are easy to create and update: ブログは作成するも、アップデートも簡単です。
• Rich, useful, and original blog content will encourage readers to come back to your site: 豊富で、有益で、ユニークなコンテンツを持つブログにはファンが何度も訪れてくれます。

　以下、グーグルが教えるブログでやるべき事です。

質の良いコンテンツを作る方法

1. 良いコンテンツを頻繁に書く: 頻繁にアップデートされるサイトに人は戻ってきます。そのためには、コンテンツのテーマを一定に保ちつつ、読者にとって有益である必要があります。有益な記事を週に一回書くほうが、質の低い記事を毎日書くより有効です。ブログテーマに関するトピックを検索してみて、良い回答が見つから無かったら、まだ誰もそのことについて記事を書いていないということです。他の人もそのトピックを検索する可能性がありますから、記事にする価値があるでしょう。
参考記事：「Googleが書けと言う『有益なブログ記事』ってなんだろう？」

2. ウェブマスタガイドラインを守る: ブログもHTMLサイトと同じく、ウェブマスター向けのガイドラインを守りましょう。また、Flash や画像などのテキスト以外のファイルに関するガイドラインもよく確認して下さい。

3. 記事を分類する: カテゴリーでの分類やタグ付けで記事をきちんと整理することは、ユーザーがあなたのブログをブラウズするのに役立ちます。

4. ユーザー（とクローラー）があなたのブログを見つけやすいようにする: メインサイトのホームページや他の主なページからあなたのブログにリンクしましょう。また、メインサイトと同じURL上でブログを作成することを検討してみて下さい。（例： http://blog.example.com または www.example.com/blog）

5. コメント・スパムに対処する: コメントを可能にすることは、ブログを使ってコミュニティを形成したり、ディスカッションを生み出す一助となります。ただし残念なことにスパマーはこの機能を悪用します。もし、コメント・スパムが発生した場合にはコメント スパムを防ぐ方法を参考に対処しましょう。

6. アフィリエイトサイト向けのガイドを参考にする: グーグルは全てのウェブマスターがユーザーにとって価値のあるオリジナルなコンテンツを作成することを奨励しています。この点は、アフィリエイトプログラムに参加しているサイトには特に重要です。もし、あなたのサイトがアフィリエイトプログラムに参加しているのであれば、あなたのサイトを検索結果で上位表示させるためにやるべきいくつかのステップがあります。「アフィリエイトプログラムについて」を参考にして下さい。

読者とクローラーがコンテンツを見つけやすいようにする方法

7. 説明的なタイトルつける: 記事タイトルに記事の内容を的確に表現するような名前をつけることは、ユーザービリティの向上に繋がります。また、記事タイトルはよく記事のURLに転用されます。この場合、検索エンジンはURLから記事の内容を読み取ることが出来ます。（これは、英語の場合ですが、日本語でも日本語URLはもちろん可能です。ただし、Googleが日本語URLからどれだけの情報を読み取っているかは不明です。）

8. オンライン・コミュニティとつなげる: インターネット上には様々なテーマのブログ・ネットワークが既に形成されています。あなたのブログテーマに関するコミュニティも存在するはずです。自分のブログ・テーマと関連する、他のブログを訪問し、コメントを残し、ディスカッションに参加しましょう。また、フォーラムがあれば参加しましょう。成功のカギは、あなたがコミュニティにたいして価値を提供することです。有益な情報を提供し、思慮深いコメントを残せば、それを見た読者があなたのサイトを訪問する可能性は高いでしょう。

9. フィードを配信する: 読者にあなたのブログの更新を知らせる機能である、フィードを配信することを強くお勧めます。一般的に、RSSリーダーで記事を全て読める、フルコンテンツのフィードを読者は好みます。この場合、短期的には読者があなたのブログに実際に足を運ばなくなる可能性もありますが、長期的には読者を確保し、マインドシェア（ブランドイメージ）を獲得するのに有効です。究極的に言って、固定読者の方が、たまに訪問するビジターよりも価値があるということは頭に入れておくべきでしょう。

ブログでのウェブマスターツール活用方法

10. ブログをウェブマスターツールに登録する: ブログをウェブマスターツールのアカウントに登録するのは簡単です。アカウントへのサイトの追加を参考にして下さい。

11. ブログの所有権を確認する: ウェブマスターツールでブログの詳細なデータを見るには、サイトの所有権を「確認」する必要があります。詳細は、アカウントへのサイトの追加を参考にして下さい。

12. サイトマップを送信する: サイトマップはグーグルにあなたのサイトのコンテンツを知らせるためのすばらしい手段です。サイトマップの送信がないと、あなたのサイトのコンテンツを見つけられない場合もあります。グーグルはサイトマッププロトコール0.9を採用したサイトマップを好みます。ただし、その他にもいくつかのフォーマットに対応しています。RSSやAtomフィードを配信している場合は、これらのフィードをサイトマップとして送信することも可能です。サイトマップについても参考にして下さい。

画像提供：
Tooth Paste for Dinner: おもしろTシャツサイト