ユーザーが最初に見るWebページ（ランディングページ）を検索キーワードなどによって最適化し、誘導したいページへ向かわせるLPO（Landing Page Optimization：ランディングページ最適化）。前回はその基本的な考え方と得られる効果について説明しました。今回は、LPOを実際に導入するために必要な技術と、個人サイトでも試せる簡単なサンプルを紹介しましょう。
LPOを実装するには――リファラーの取得
前回の記事でも触れたとおり、LPOにはさまざまな方法がありますが、今回は一般的な「検索エンジンに入力したキーワードによってランディングページを動的に生成する」方法に絞って話を進めたいと思います。検索キーワードによるLPOは、大きく次の3つの手順で実装します。
- リンク元のページのURLを取得する
- URLから検索キーワードを割り出す
- 検索キーワードに応じたコンテンツを表示する
このうち、1、2の実装のカギとなるのが、「リファラー」の取得です。リファラーとは、Webブラウザーが付与するもので、ページを呼び出す際に相手のサーバーへ送られるリクエスト情報のことを指します。ハイパーリンクで自分のページが閲覧された場合、リファラーを参照すればリンク元のURLが分かります。
実際にどのようにリファラーを取得するのか、JavaScriptとPHPを例に見てみましょう。
JavaScriptでリファラーを参照する
JavaScriptでは、「document.referrer」でリファラーを参照できます。たとえば、単純にリファラー情報を表示するには、以下のように書きます。
<html>
<body>
<script type="text/javascript" language="javascript">
<!--
document.write('直前のページ：' + document.referrer);
// -->
</script>
</body>
</html>
仮に、Googleで「test test.html」を検索してこのページに到達した場合、表示結果は以下のようになります。
直前のページ：http://www.google.co.jp/search?hl=ja&client=firefox-a&rls=org.mozilla%3ja-JP%3offical&hs=yke&q=test+test.html&btnG=%E6%A4%9C%B4%A2&lr=lang_ja
ご覧のように、リファラーから得られた検索エンジンのURLには、検索キーワードの情報が含まれていることが分かります。あとはここから、LPOに必要な検索キーワードの部分だけを抜き出す処理をして、それに合ったランディングページを生成する、というわけです。
とはいえ、一言で「ランディングページを生成」と言っても、キーワードごとに最適化したコンテンツの動的生成（キーワードにマッチする画像や関連リンクの表示など）が必要な場合が多く、実際にはJavaScriptだけでLPOを実装するケースはあまり無いようです。JavaScriptでもXMLやAPIなどを使った動的な処理は可能ですが、クライアント側で読み込んだデータをいったんサーバー側で処理するなど、サーバーサイドスクリプト言語に比べると開発が容易ではありません。このため、JavaScriptで取得したリファラーはPerlやPHPに渡して検索キーワードを解析し、同時にコンテンツ部分も生成する、という流れが一般的になっています。
PHPでリファラーを参照する
PHPの場合は、HTTP環境変数の一つ、「HTTP_REFERER」を使ってリファラーを参照します。 先ほどと同じく、簡単なコードを以下に示します。
<?php
if( $_SERVER["HTTP_REFERER"] ){ // リファラー値があった場合
echo "直前のページ：" . $_SERVER["HTTP_REFERER"];
}else{ // リファラー値がない場合
echo "リファラーがありませんでした。";
};
?>
たとえば、直前に見ていたのがASCII.jpの記事（http://ascii.jp/elem/000/000/205/205521/）だった場合、以下のような表示結果となります。
直前のページ：http://ascii.jp/elem/000/000/205/205521/
ちなみに、HTTP環境変数ではリファラーのほかに、「HTTP_USER_AGENT」（ブラウザー名）、サーバーのホスト名、IPアドレスなども取得できます。たとえば、IPアドレスを取得すると、ユーザーの所在地（都道府県）がある程度把握できるので、「都道府県別の不動産物件一覧を表示する」といった具合に、地域を絞ったランディングページを作ることも可能です。リファラーと併せて活用すると、より効果的なLPOが実現できるでしょう。
