PC用ホームページがあってスマホ対応する1つの方法

20151201001これからはスマホのサイトも必要になるのですが、せっかく作ったホームページ(PC用)ですのでそのまま使って、新たにスマホ用のページをつくるというのも1つの方法です。

http://●●●.jp/ というPC用のホームページがあった場合、新たにiフォルダーを作成してhttp://●●●.jp/i/というスマホのサイトを作ります。

つくった後に、1つだけ<head>内にタグを追加するとPC用、スマホ用、どちらのサイトもGoogleに認識されて表示されます。

■タグの追加

http://●●●.jp/  ・・・PC
http://●●●.jp/i/ ・・・スマホ

という2つのサイトの場合、それぞれの<head>にタグを追加します。

■PC 用ページ

<link rel=”alternate” media=”only screen and (max-width: 640px)” href=”http://●●●.jp/i/” >

■モバイル端末用ページ

<link rel=”canonical” href=”http://●●●.jp/” >

※注意 必ず対になるように設定します。

PC用ページには、[i/index.html]がスマホのページですと教えて、
モバイル端末用ページには、[index.html]がPC用のページですと教えることで対になります。

この記事を書いた人

エンルック
ホームページ制作会社をしています。最初は小さなページから段々と大きくしていくホームページ制作を得意としています。集客についてや、スマホのサイトなど、インターネットに関することなら何でもご相談ください。格安でスマホを使う方法も教えます。
千葉市緑区誉田町2ー2ー883
株式会社エンルック
Tel:043-309-7447
URL:http://enluc.jp/
(Visited 81 times, 1 visits today)

シェアする

  • このエントリーをはてなブックマークに追加

フォローする

Translate »