[jQuery]レスポンシブ対応サイトでスマホのときだけ電話番号にリンクを貼る | IT女子のお気に入りフォルダ
電話番号の表記において、スマホサイトではtelリンクを貼ればタップで発信することができるので便利です。 でも、HTMLソースで電話番号にtelリンクを記述してしまうと、PCサイトの場合は「プロコトルが不明」「開けません」というメッセージが出てしまいます。 レスポンシブ対応サイトでPCサイトとスマホサイトを同じHTMl記述で表現する場合、telリンクをどうするか悩めるところです。 理想は、PCサイトのときはリンクはなく、スマホサイトのときだけリンクする。 これをjQueryを使って簡単に実現する方法をメモ。 HTML <div class="tel_link">078-123-XXXX</div> jQuery もちろん、本体の読み込みもお忘れなく。 $(function(){ var ua = navigator.userAgent; if(ua.indexOf('iP
![[jQuery]レスポンシブ対応サイトでスマホのときだけ電話番号にリンクを貼る | IT女子のお気に入りフォルダ](https://cdn-ak-scissors.b.st-hatena.com/image/square/9d41e9c5a0ed4af6869a26f6ba0186c135c05d3d/height=288;version=1;width=512/https%3A%2F%2Fsachips.byeto.jp%2Fwp%2Fwp-content%2Fuploads%2F2015%2F10%2Ftelephon.jpg)
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サイトを訪れた際に、同一コンテンツのスマホサイト
スマホのコーディングを手抜き出来るJS - Qiita
様々な画面サイズのスマホに対応する為にコーディングするのは結構大変なので、そこを手抜きできるJSです。 PCサイトをコーディングするのと同じ感覚で、デザイン通りのサイズでコーディングします。 Retina対応の為に画像を1/2にしたりする必要はありません。 横幅640pxでデザインされた物なら、そのまんまコーディングすれば良いです。 320pxでデザインされた物なら、320pxでコーディングすれば良いです。 (body{width:640px;}とか指定しちゃっても良いかと・・・)
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
