URLの異なるPCサイトとスマホサイトのSEOについて ｜ Tips Note by TAM
今回はPCサイトとスマホサイトを異なるURLで作成する際に必要になっていくる対応策についてまとめていきたいと思います。 PCサイトとスマホサイトで別々のURLで作成するとはどういうこと？ PCサイトのURL：http://www.tam-tam.co.jp/ スマホサイトのURL：http://www.tam-tam.co.jp/sp/ 上記のように、同一コンテンツがPCサイトのURL・スマホサイトのURLの2つ存在する事になります。 このまま何も対処をしなければ、重複コンテンツとみなされペナルティを受ける可能性があります。 対処方法 alternate属性の設定（PCサイトに設定） canonical属性の設定（SPサイトに設定） リダイレクト設定をする 1. alternate属性の設定（PCサイトに設定） まず、GooglebotがPCサイトを訪れた際に、同一コンテンツのスマホサイト
レスポンシブデザインでPCとスマホで画像を切替える方法 | スターフィールド株式会社
レスポンシブデザインでwebサイトを制作することが多くなってきていますが、 その中でスマホの場合を考えられてないケースが多々あります。 本来であればレスポンシブの構造上、スマホファーストで考えるべきところなのですが、 PC先行でデザインし、後でスマホをどうにかするってパターンになってしまっています。。。 そういった場合、 レスポンシブデザインはもちろん同じ一つのソースなので、 同じ画像ではダメなことがあります。 しっかりスマホファーストで考えていても、 PCは横長でスマホは縦長なので、 サイズを違うものにしたい場合もあると思います。 そんな時、PCとスマホで画像を切り替える必要があります。 元々htmlに両方書いておいて、 cssでdisplayをnoneやblockにするというあまり良くない方法もありますが、 今回はjQueryを使用した方法をご紹介します。 jQueryを使ってレスポン
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
