動的サイト構築時に検索エンジンと 上手にお付き合いするための設計 [email_address] sato165@delab  http://de-lab.com
WEB デザイン+コーディング (X)HTML+CSS , Javascript  WEB システム構築  PHP×Mysql  Cakephp | CMS ( MT4 , wordpress , Drupal …) SEO 動的サイトの SEO , SEO 内部コーディング 開発環境 Eclipse | Dreamweaver Ubuntu8.04 ( VPS &  自宅サーバー  ) sato165 @  検索エンジンを有効利用する WEB サイト構築 佐 藤  裕 子  ( sato165 )
Delab   - http://de-lab.com sato165 @  検索エンジンを有効利用する WEB サイト構築 Eclipse で開発環境を作る(  PHP |  日本語化  | PDT | symfony | Rail  ) 海外 VPS サーバーで Ubuntu Linux サーバーの構築 開発・環境  -  Eclipse | VPS | Ubuntu Linux CMS  -  MT | Wordpress | Zen-cart | EC CUBE and drupal coming soon Web Service
みんなガチな SE さん  =  畑チガイ?(; ^ω^ ) WEB 系の技術の話をしてもあまり有益な情報にならなさそう・・・ sato165 @  検索エンジンを有効利用する WEB サイト構築 WEB 構築に役立ちそうな情報  =  検索エンジン!(・∀・) 検索エンジンを有効に使う設計
sato165 @  検索エンジンを有効利用する WEB サイト構築 SEO 内部施工を意識した基本設計 サイト内リンクの構造を考える 検索エンジンに最適化した URL 構造 検索キーワードでページを動的に生成する
ページタイトル  >  カテゴリ  >  サイトタイトル タイトルタグにはページタイトルを最初に カテゴリ名  (  分類名  )  を含めると尚良し sato165 @  検索エンジンを有効利用する WEB サイト構築 メタタグはページ・カテゴリごとに記述 検索結果に表示される説明分をコントロールするため記述したほうがいい きちんとしたマークアップ HTML は曖昧でも表示されるが、マークアップを適切に行うと検索エンジンにも反映されやすい。
sato165 @  検索エンジンを有効利用する WEB サイト構築 SEO 内部施工を意識した基本設計 サイト内リンクの構造を考える 検索エンジンに最適化した URL 構造 検索キーワードでページを動的に生成する
サイト内リンクはどのように構築するか SEO 対策の 80 %が内部リンク・外部リンク 検索エンジンが好きなのはメッシュリンク 階層リンクは一番重要なコンテンツページにリンクが集まらない sato165 @  検索エンジンを有効利用する WEB サイト構築 サイドバーやフッターリンクを利用して リンク構造を強化させる
サイト内リンクの実装例 sato165 @  検索エンジンを有効利用する WEB サイト構築 カテゴリリスト  /  最新記事リストなどをサイドバーに 関連記事リスト  /  同じカテゴリの記事リストを導入すると尚良し! 同じ場所に同じ内容のコンテンツが入っているとリンクの価値が下がってしまうので、ある程度動的に生成されるリンクが GOOD
sato165 @  検索エンジンを有効利用する WEB サイト構築 SEO 内部施工を意識した基本設計 サイト内リンクの構造を考える 検索エンジンに最適化した URL 構造 検索キーワードでページを動的に生成する
URL 構築のひとくちメモ パラメータやセッション ID が付く長い URL は検索エンジンは苦手 セッションはなるべく Cookie でとるようにする 携帯は Docomo がセッションを全面的にサポートしていない_ |  ̄ |○ il||li sato165 @  検索エンジンを有効利用する WEB サイト構築 mod_rewrite  ( Apache のモジュール ) を利用した URL の書き換えを導入 http://hoge.com/url.html   のような簡潔な URL 構造 ページ名はキーワードを含める http://hoge.com/ 001.php http://hoge.com/ keyword.php
URL の形成基準を一定にする http://hoge.com/category/001.php http://hoge.com/category/001 http://hoge.com/catID/001.php http://hoge.com/category/001.php sato165 @  検索エンジンを有効利用する WEB サイト構築 検索ロボットに、同じ内容の違うページが複数登録されてしまう。 同じ内容のページが複数あるとマイナスになる場合がある。 1 ページ 1URL になるようにパラメーター生成側で調整 mod_rewrite で静的 URL にする場合も、元のパラメータ付き URL が複数あれば、そのまま複数生成される場合がある
sato165 @  検索エンジンを有効利用する WEB サイト構築 SEO 内部施工を意識した基本設計 サイト内リンクの構造を考える 検索エンジンに最適化した URL 構造 検索キーワードでページを動的に生成する
= LPO っていいます SEO は検索エンジンから人を引っ張ってくる方法 LPO は検索キーワードに合わせたページを表示させて検索効果をアップさせる sato165 @  検索エンジンを有効利用する WEB サイト構築 検索から来たユーザーに、こちらが見て欲しい情報を提案することができる。 検索結果に表示される説明分をコントロールするため どんな風に使う?
マクドナルドの実装例 sato165 @  検索エンジンを有効利用する WEB サイト構築 「 ハッピーセット 」  で検索すると・・・
リファラを取得する方法 sato165 @  検索エンジンを有効利用する WEB サイト構築 <script type=&quot;text/javascript&quot; language=&quot;javascript&quot;> <!-- document.write(document.referrer); // --> </script> <?php echo $_SERVER[&quot;HTTP_REFERER&quot;]; ?> PHP Javascript
実際に PHP でコードを書いてみると・・・ sato165 @  検索エンジンを有効利用する WEB サイト構築 <?php   //  文字コードは UTF-8 に define(&quot;CHARACTERSET&quot;,&quot;UTF-8&quot;);   function keyword($linkurl) {   //  検索エンジンごとにキーワードをデコード   if (strpos($linkurl,&quot;.google.&quot;)) {   // もし google からのリファラだったら   $str = eregi_replace(&quot;.+q=([^&]+).*&quot;,&quot;\\1&quot;,$linkurl);     $str = urldecode($str);     $str = mb_convert_encoding($str,CHARACTERSET,&quot;UTF-8&quot;); } elseif {   // ・・・検索エンジンごとに同様の処理 } //  リファラの取得  $key = keyword($_SERVER['HTTP_REFERER']); //  検索キーワードごとに表示   if(stripos($key, &quot; PHP &quot;)){   キーワード「 PHP 」で訪れた人に提案する部分   }elseif(stripos($key, &quot; eclipse &quot;)){   キーワード「   eclipse  」で訪れた人に提案する部分   } ?>
こんな風に使ってます sato165 @  検索エンジンを有効利用する WEB サイト構築
応用!どんなことができる? アドワーズ広告と連携 「キーワード」で広告を出している場合に、来訪者に広告と連携した内容の ページを提案する sato165 @  検索エンジンを有効利用する WEB サイト構築 オンラインショップ 検索キーワードに関連する商品のリストで、複数の商品を一緒に提案 カタログ系サイト 「キーワード」の資料を請求!などという文句でコンバーションページへ誘導
Sato165  http://de-lab.com  Thanks xxx

検索エンジンを有効利用するWEBサイト構築

  • 1.
  • 2.
    WEB デザイン+コーディング (X)HTML+CSS, Javascript WEB システム構築 PHP×Mysql Cakephp | CMS ( MT4 , wordpress , Drupal …) SEO 動的サイトの SEO , SEO 内部コーディング 開発環境 Eclipse | Dreamweaver Ubuntu8.04 ( VPS & 自宅サーバー ) sato165 @ 検索エンジンを有効利用する WEB サイト構築 佐 藤 裕 子 ( sato165 )
  • 3.
    Delab - http://de-lab.com sato165 @ 検索エンジンを有効利用する WEB サイト構築 Eclipse で開発環境を作る( PHP | 日本語化 | PDT | symfony | Rail ) 海外 VPS サーバーで Ubuntu Linux サーバーの構築 開発・環境 - Eclipse | VPS | Ubuntu Linux CMS - MT | Wordpress | Zen-cart | EC CUBE and drupal coming soon Web Service
  • 4.
    みんなガチな SE さん = 畑チガイ?(; ^ω^ ) WEB 系の技術の話をしてもあまり有益な情報にならなさそう・・・ sato165 @ 検索エンジンを有効利用する WEB サイト構築 WEB 構築に役立ちそうな情報 = 検索エンジン!(・∀・) 検索エンジンを有効に使う設計
  • 5.
    sato165 @ 検索エンジンを有効利用する WEB サイト構築 SEO 内部施工を意識した基本設計 サイト内リンクの構造を考える 検索エンジンに最適化した URL 構造 検索キーワードでページを動的に生成する
  • 6.
    ページタイトル > カテゴリ > サイトタイトル タイトルタグにはページタイトルを最初に カテゴリ名 ( 分類名 ) を含めると尚良し sato165 @ 検索エンジンを有効利用する WEB サイト構築 メタタグはページ・カテゴリごとに記述 検索結果に表示される説明分をコントロールするため記述したほうがいい きちんとしたマークアップ HTML は曖昧でも表示されるが、マークアップを適切に行うと検索エンジンにも反映されやすい。
  • 7.
    sato165 @ 検索エンジンを有効利用する WEB サイト構築 SEO 内部施工を意識した基本設計 サイト内リンクの構造を考える 検索エンジンに最適化した URL 構造 検索キーワードでページを動的に生成する
  • 8.
    サイト内リンクはどのように構築するか SEO 対策の80 %が内部リンク・外部リンク 検索エンジンが好きなのはメッシュリンク 階層リンクは一番重要なコンテンツページにリンクが集まらない sato165 @ 検索エンジンを有効利用する WEB サイト構築 サイドバーやフッターリンクを利用して リンク構造を強化させる
  • 9.
    サイト内リンクの実装例 sato165 @ 検索エンジンを有効利用する WEB サイト構築 カテゴリリスト / 最新記事リストなどをサイドバーに 関連記事リスト / 同じカテゴリの記事リストを導入すると尚良し! 同じ場所に同じ内容のコンテンツが入っているとリンクの価値が下がってしまうので、ある程度動的に生成されるリンクが GOOD
  • 10.
    sato165 @ 検索エンジンを有効利用する WEB サイト構築 SEO 内部施工を意識した基本設計 サイト内リンクの構造を考える 検索エンジンに最適化した URL 構造 検索キーワードでページを動的に生成する
  • 11.
    URL 構築のひとくちメモ パラメータやセッションID が付く長い URL は検索エンジンは苦手 セッションはなるべく Cookie でとるようにする 携帯は Docomo がセッションを全面的にサポートしていない_ |  ̄ |○ il||li sato165 @ 検索エンジンを有効利用する WEB サイト構築 mod_rewrite ( Apache のモジュール ) を利用した URL の書き換えを導入 http://hoge.com/url.html のような簡潔な URL 構造 ページ名はキーワードを含める http://hoge.com/ 001.php http://hoge.com/ keyword.php
  • 12.
    URL の形成基準を一定にする http://hoge.com/category/001.phphttp://hoge.com/category/001 http://hoge.com/catID/001.php http://hoge.com/category/001.php sato165 @ 検索エンジンを有効利用する WEB サイト構築 検索ロボットに、同じ内容の違うページが複数登録されてしまう。 同じ内容のページが複数あるとマイナスになる場合がある。 1 ページ 1URL になるようにパラメーター生成側で調整 mod_rewrite で静的 URL にする場合も、元のパラメータ付き URL が複数あれば、そのまま複数生成される場合がある
  • 13.
    sato165 @ 検索エンジンを有効利用する WEB サイト構築 SEO 内部施工を意識した基本設計 サイト内リンクの構造を考える 検索エンジンに最適化した URL 構造 検索キーワードでページを動的に生成する
  • 14.
    = LPO っていいますSEO は検索エンジンから人を引っ張ってくる方法 LPO は検索キーワードに合わせたページを表示させて検索効果をアップさせる sato165 @ 検索エンジンを有効利用する WEB サイト構築 検索から来たユーザーに、こちらが見て欲しい情報を提案することができる。 検索結果に表示される説明分をコントロールするため どんな風に使う?
  • 15.
    マクドナルドの実装例 sato165 @ 検索エンジンを有効利用する WEB サイト構築 「 ハッピーセット 」  で検索すると・・・
  • 16.
    リファラを取得する方法 sato165 @ 検索エンジンを有効利用する WEB サイト構築 <script type=&quot;text/javascript&quot; language=&quot;javascript&quot;> <!-- document.write(document.referrer); // --> </script> <?php echo $_SERVER[&quot;HTTP_REFERER&quot;]; ?> PHP Javascript
  • 17.
    実際に PHP でコードを書いてみると・・・sato165 @ 検索エンジンを有効利用する WEB サイト構築 <?php   // 文字コードは UTF-8 に define(&quot;CHARACTERSET&quot;,&quot;UTF-8&quot;);   function keyword($linkurl) {   // 検索エンジンごとにキーワードをデコード   if (strpos($linkurl,&quot;.google.&quot;)) {   // もし google からのリファラだったら   $str = eregi_replace(&quot;.+q=([^&]+).*&quot;,&quot;\\1&quot;,$linkurl);     $str = urldecode($str);     $str = mb_convert_encoding($str,CHARACTERSET,&quot;UTF-8&quot;); } elseif {   // ・・・検索エンジンごとに同様の処理 } //  リファラの取得 $key = keyword($_SERVER['HTTP_REFERER']); //  検索キーワードごとに表示   if(stripos($key, &quot; PHP &quot;)){   キーワード「 PHP 」で訪れた人に提案する部分   }elseif(stripos($key, &quot; eclipse &quot;)){   キーワード「 eclipse 」で訪れた人に提案する部分   } ?>
  • 18.
    こんな風に使ってます sato165 @ 検索エンジンを有効利用する WEB サイト構築
  • 19.
    応用!どんなことができる? アドワーズ広告と連携 「キーワード」で広告を出している場合に、来訪者に広告と連携した内容のページを提案する sato165 @ 検索エンジンを有効利用する WEB サイト構築 オンラインショップ 検索キーワードに関連する商品のリストで、複数の商品を一緒に提案 カタログ系サイト 「キーワード」の資料を請求!などという文句でコンバーションページへ誘導
  • 20.