PC系ポータルサイトASCII.jp様でWeb制作・開発などのコンテンツを配信するWeb Tools＆Tipsにて、LPO対策の記事を3回の連載で書かせていただいています。

完結編 第3回目はWordPressとMTに取り入れるLPOの実装方法について。

WordPress＆MTにLPOを導入しよう！

最終回は、ここで公開しているwordpressとmovabletypeのLPO対策プラグインを実装して簡易的なLPO対策を行う方法です。

このサイトでもwordpressプラグインの方を実装しています。

SEOやマーケティングの依頼でないお客様でも、少し効果があればきちんとしたLPOやマーケティングのお仕事にも繋がるんじゃないかなと思って最近はMovabletypeのものを実装する場合があります。

若干数字的には上がるので喜ばれると思いますよ。

連載終了しました

今回ASCII.jp様より連載のお話をいただき、分不相応ながら3回に渡って書かせていただきましたが、説明力や構成力が未熟で、情報を記事として公開するということがどれだけ難しいか大変勉強になりました。

自分のサイト以外で文章を公開することは初めてだったので本当に貴重な体験でした。声をかけていただいたASCII.jp様にも大変感謝です。

ブログ・LPO対策まで SEO・SEM使いこなしテクニック

西村 文宏

日本実業出版社 2007-11-27

おすすめ平均

以外と分かりやすいかも。

by G-Tools , 2009/02/09

以前作ったMT4(movabletype)のLPO表示モジュール「SearchKeyword」のwordpress版を公開します。

簡易的なLPOを実現するために、検索キーワードに応じて関連記事を表示させます。

wp-searchkeyword

LPOとは何か

検索キーワードに応じた内容で関連記事を表示させます。

LPOとは何か、どんなメリットがあるのかはこちらで触れています。

MT4で簡易的なLPO対策を実現するモジュール – delab

簡単なLPO対策の方法としてご利用下さい。

実際の動作を確認

MT LPO – Google 検索：1番目に表示されているリンクをクリック

今回の関連記事の取得には、検索キーワードを記事から検索して表示させるのではなく「Simple Tags」プラグインを使用しています。

関連記事表示の形成(表示数など)は管理画面の設定からお願いします。

Download

インストール

Simple Tagsプラグインを入れて有効化

single.phpの表示させたい位置にコードを入力

<?php wpSearchKeyword(); ?>

出力されるコード

<div class="entry">
	<h3>「キーワード」をお探しですか?</h3>
	<p>サイト内に「<strong>キーワード</strong>」に関連する情報が見つかりました。</p>
	<ul class="st-related-posts">
		<li>リスト1</li>
		<li>リスト2</li>
		<li>リスト3</li>
		<li>リスト4</li>
		<li>リスト5</li>
        </ul>
</div>

カスタマイズ

<?php wpSearchKeyword("<div class='entry'>", 3 ,"</div>"); ?>

• <div class="entry"></div>の代わりに前後にタグを入れる。
• 3 title属性(Hタグの数値)

WordPressサイト構築スタイルブック―デザイナーのためのテンプレートタグリファレンス+サイトデザインテクニック

おすすめ平均

サイト構築の

WordPressのカスタマイズにはお勧め

CMS初心者には難しい

今でも手放せません！

分かりやすいです。非常に助かりました。

by G-Tools , 2009/02/04

WordPressレッスンブック―ステップ・バイ・ステップ形式でマスターできる

おすすめ平均

カスタマイズを前提とする書籍では今のところベストな入門書

ゼロから構築し学びたい方にお勧め

by G-Tools , 2009/02/04

アスキーのPC系ポータルサイトASCII.jpでWeb制作・開発などのコンテンツを配信するWeb Tools＆Tipsにて、LPO対策の記事を3回の連載で書かせていただいています。

第2回目は動的サイトに取り入れるLPOの実装方法について。

動的サイトでLPO対策を実装する方法

実践！ 今日からはじめるLPO – すぐ試せる！カンタンLPO実装法

今回は、LPOを実際に導入するために必要な技術と、個人サイトでも試せる簡単なサンプルを紹介致しました。

オーバーチュア & LPO対策テクニック (アクセスアップ)

永松 貴光

翔泳社 2008-01-24

by G-Tools , 2009/02/04

アスキーのPC系ポータルサイトASCII.jpでWeb制作・開発などのコンテンツを配信するWeb Tools＆Tipsにて、今月3回に渡って、LPO対策の記事を書かせていただくことになりました。

実践！ 今日からはじめるLPO

LPOって何？ 始める前に読む基礎知識

「自分でできるLPO」（セルフLPO）をテーマに、LPOの考え方から個人サイトでも試せる手軽な実装方法までご紹介します。

第一回目が今日公開されました。

ぜひご覧下さい。

仙台で開催された「1000 Speakers@Sendai」に僭越ですがスピーカーとして参加してきました。

検索エンジンを有効利用するWEBサイト構築というタイトルでプレゼンしてきましたので資料を公開します。

1000Speakersとは「自分の技術をさらけだす場」を提供することを目的としたプロジェクトです。

昨日1000 Speakers@Sendaiに参加してきました。

申込するとき、メンツを見るとガチな技術者さんばかり…不相応かと思いましたが地元・近場にいる技術者さんと絡める機会かなぁと、思い切って申し込みましたが、普段目にしないような知らない言語や面白い技術の話を聞くことができてホントに勉強になりました。

終始和やかな雰囲気で、カンファレンスから飲み会までほとんどの方が参加するほど楽しい会でしたｗ

私は参加者に知り合いが一人もいなかったのですが、ホントに色んな人が話しかけて下さり、名刺を交換させていただきまして大変ありがたかったです。

特にBlogで書いてませんでしたが性別は女です。男だと思って気軽に誘っていただいたtakedaさん。ありがとうございましたｗ

心残りなのは、時間オーバーで最後の部分が全然話せなかったことです＾＾；

資料を公開するので発表できなかった部分もぜひご覧ください。

プレゼン資料公開

コードサンプル

リファラの取り方

Javascript

<script type="text/javascript" language="javascript">
<!--
document.write(document.referrer);
// -->
</script>

PHP

<?php
echo $_SERVER["HTTP_REFERER"];
?>

検索キーワードで表示部分を変更させる簡単なサンプル

マクドナルドLPO導入リニューアルの際は、MT4でLPO対策を実現するモジュールを関連記事として、アスキー他いくつかのサイトにご紹介いただき、反響がありましたので、今回は、実際にマクドナルドのように(スライド15ページ)、ページの部分的なところを変更させる処理のサンプルを出してみました。

<?php

// 文字コードはUTF-8に
define("CHARACTERSET","UTF-8");

function keyword($linkurl) {

// リファラから検索エンジンごとにキーワードをデコードする処理

if (strpos($linkurl,".google.")) {

//もしgoogleからのリファラだったら

   $str = eregi_replace(".+q=([^&]+).*","\\1",$linkurl);
   $str = urldecode($str);
   $str = mb_convert_encoding($str,CHARACTERSET,"UTF-8");
} elseif {

//･･･検索エンジンごとに同様の処理

}

//リファラの取得
$key = keyword($_SERVER['HTTP_REFERER']);

//検索キーワードに任意の文字列が含まれていたら
if(stripos($key, "PHP")){

//キーワード「PHP」で訪れた人に提案する部分

}elseif(stripos($key, "eclipse")){

//キーワード「eclipse」で訪れた人に提案する部分

}
?>

応用：こんなふうに使います

アドワーズ広告との連携

アドワーズ広告などから来たお客さんをページに誘導して費用対効果を計る。

オンラインショップ

「キーワード」と一致する商品リストを表示させる

カタログ系サイト

資料請求やお問い合わせのページへのコンバーション率を上げる

簡易的なLPO対策として使えるモジュールです。

このサイト(WordPress)で実装しているものを参考にしてMT用に作りました。

8月19日のMovable Type Developer ConferenceのLightning Talksのネタとして作成しています。

Movable Type Developer Conference終了

とーっても気軽な感じでLightning Talksに応募したんですが、MT関連の錚々たる方々ばかりで場違い感だしてました(笑)。

あまり大勢の前で話す機会がないので、マイクの前に立ったら頭真っ白→話の中身飛ばす→5分の話が4分で終わった（；^ω^）という結果になりました。

また機会があればリベンジしたいです！

MTの勉強になるお話をたくさん聞かせて頂き、ちょうどMTの案件もかかえていますので、これから色々作っていこうと思っています。

話の内容は下よりまとめてありますので御覧下さい。

今回「MT4で簡単なLPO対策のためのプラグイン」というタイトルで発表させて頂くつもりでしたが、

• MTは業務でちょっとだけ
• perlは初めてだ
• 何日か勉強したけど1週間でMTでperlとPHPでプラグイン作るのは無理かも
• でも簡単に実装できるものにしたい

なのでプラグイン化は今回断念して、テンプレートモジュールを作りました。

今までMTは業務でカスタムフィールドを使った案件があった位で、あまり深いところまで付き合ったことがなかったので、今回の制作で色々調べてみて勉強になりました。

特にMT4になってからはカスタマイズも簡単になってきていると感じました。今回間に合わなかったのですが、PHPでMTタグを使う方法も簡単だったので、そのうち何か作ろうと思います。

LPOとは

ランディングページ最適化=LPOといいます。

検索エンジンなどを経由してきたユーザが最初に見るウェブページをランディングページと呼びます。

ユーザが目的のページを探す場合、メニューやサイト内検索機能などが充実していない場合、ユーザは目的のページを探し出すことを諦めて他のサイトへと遷移してしまう行動が多く見られる。 そのため、他のサイトへと遷移させないように、ランディングページから目的のページへと簡単に遷移出来るように最適化することを言う。

ランディングページ最適化 – Wikipedia

LPO – どんないいことがあるのか

LPO対策をするとユーザーが欲しい情報を見つけやすくなるため、サイトの滞在時間が長くなり、直帰率が下がります。対費用対効果を改善する働きがあります。

このサイトでもやってますが、直帰率が70％から60％前後になりました。

LPO – 具体的にどんなことをするの？

それぞれの訪問者の違いに合わせてランディングページを動的に変更します。

ちゃんとやるとそれなりに費用がかかります。今回は、検索キーワードを利用した簡易的なものを作成しました。

このサイトで実装しているLPOモジュール

Googleで2ch firefox3を検索してこのサイトの記事をクリックすると、下のランディングページが出ます。

個別エントリのみで検索エンジン以外のユーザーには普通のページが出ます。

これはWordpressですが、MTでも同じような画面が出るようにします。

LPOモジュール [ SearchKeyword ]

関連記事を表示するプラグイン

DownloadableFiles: TagSupplementals-0.10.zip – Ogawa::Code – Trac

関連記事表示部分は既存のプラグインを利用させて頂きました。

あらかじめこちらのプラグインをインストールしておく。

テンプレートモジュール : SearchKeyword

名前はSearchKeywordで保存。

<?php
define("CHARACTERSET","UTF-8");

    function keyword($linkurl) {

	if (strpos($linkurl,".google.")) {
	    $str = eregi_replace(".+q=([^&]+).*","\\1",$linkurl);
	    $str = urldecode($str);
	    $str = mb_convert_encoding($str,CHARACTERSET,"UTF-8");
	} elseif (strpos($linkurl,".goo.")) {
	    $str = eregi_replace(".+MT=([^&]+).*","\\1",$linkurl);
	    $str = urldecode($str);
	    $str = mb_convert_encoding($str,CHARACTERSET,"EUC-JP");
	} elseif (strpos($linkurl,".yahoo.")) {
	    $str = eregi_replace(".+p=([^&]+).*","\\1",$linkurl);
	    $str = urldecode($str);
	    $str = mb_convert_encoding($str,CHARACTERSET,"UTF-8");
	} elseif (strpos($linkurl,".msn.")) {
	    $str = eregi_replace(".+q=([^&]+).*","\\1",$linkurl);
	    $str = urldecode($str);
	    $str = mb_convert_encoding($str,CHARACTERSET,"UTF-8");
	}

	$key = mb_convert_kana($str,"s");
	return $key ;
}

$key = keyword($_SERVER['HTTP_REFERER']);

if($key != ""){
	echo '<h3>', $key, '関連の記事が見つかりました</h3>';
?>
<ul>
<MTRelatedEntries lastn="5" offset="0">
<li><a href="<$MTEntryPermalink$>"><$MTEntryTitle$></a></li>
</MTRelatedEntries>
</ul>
<?php }?>

表示部分を若干修正しました

Yahooの文字コードが違っていたようなのでeuc-jpからutf-8へ修正しました。

アーカイブページ > ブログ記事

表示させたい場所に下記を記述

<$mt:Include module="SearchKeyword"$>

Movable Type Developer Conference関連リンク

• kaminogoya’s mtdevcon Bookmarks on Delicious
• Six Apart – 広報ブログ: 第2回Movable Type Developer Conferenceを開催

基本からしっかりわかる Movable Type 4.2 カスタマイズブック（Web Designing Books）

大藤 幹

毎日コミュニケーションズ 2008-09-20

おすすめ平均

テンプレートの構造がよくわかります。

Movable Type 4.2を使ったオリジナルスタイル開発者必見

by G-Tools , 2009/02/04

Movable Type 4.x 本格的CMSサイトを構築するためのMTスーパーテクニック クリエイターが身につけておくべき新・100の法則。

おすすめ平均

内容量と値段のバランス

こういう本を、本当に待っていた！！

制作サイドに立った内容だ。

制作意欲をかきたてられる

プロとしてMovableTypeを使いこなすために

by G-Tools , 2009/02/04