SEO・SEMを学ぶ/SEO内部対策(ソースコード・タグの修正)

スマートフォンサイト作成【前編】

SEO対策を基盤に組み入れた、スマートフォンサイト作成の留意点について案内していきます。

瀧内 賢

執筆者:瀧内 賢

SEO・SEMを学ぶガイド

スマートフォンに最適化されたサイト構築の方法

Googleは、SEOに留意した「スマートフォン向けサイト構築」設定について発表し、次の 3 つの構成についてサポートしています。

  1. レスポンシブ・ウェブデザインを使用しているサイト(全てのデバイスに単一の URL で同じ HTML を提供し、CSSを使用してデバイスごとにデザインを変更)
  2. 全てのデバイスに対し単一の URL で、ユーザーエージェントに応じて、PCまたはスマートフォン用等を判別し、動的に異なる HTML と CSS を提供するサイト
  3. PC・スマートフォン用のサイトを別々に構築しているサイト

加えて上記1について、「Googleの推奨する設定方法である」との見解も述べています。

スマートフォンサイトの作成概要

スマートフォンサイト作成における主な方法はこちらです。

  1. PHPで振り分けを行う
  2. .htacccessでの振り分けやリダイレクトを行う
  3. レスポンシブ・ウェブデザイン(メディアクエリまたはjavascript)での作成

1~3のような方法が多く用いられていますが、1や2については、
PC・スマートフォン用と、次のようにURLが異なるものを使用する手法が多いようです。

・http://www.example.com/(PC用)
・http://www.example.com/sp/(スマホ用)

しかし、3については閲覧する側の環境によって、HTMLやURLが変わるわけではありません。この点が大きな違いとなります。

但し、閲覧者の環境に応じてレイアウトを変更し、サイトの表示が異なるように施策を行います。なお、例として次のページで示します。

  • 1
  • 2
  • 次のページへ

あわせて読みたい

あなたにオススメ

    表示について

    カテゴリー一覧

    All Aboutサービス・メディア

    All About公式SNS
    日々の生活や仕事を楽しむための情報を毎日お届けします。
    公式SNS一覧
    © All About, Inc. All rights reserved. 掲載の記事・写真・イラストなど、すべてのコンテンツの無断複写・転載・公衆送信等を禁じます