スマホ対応 PCとスマホの2つのサイトがある場合

パソコンのサイトとスマホのサイトの2つがある場合には、こんな形の対応方法も出来ます。

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用のページですと教えることで対になります。

20151201001

[PC用URLとモバイル端末用URLのアノテーション]

(Visited 42 times, 1 visits today)

シェアする

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

フォローする