PC(パソコン)からの検索結果にスマホサイトを表示させない方法

目次

悩み

パソコンから検索しているのに、なぜかスマホサイトが表示されてしまう現象が起きることがある

 

解決策

スマホとPCサイトを制作する時にはalternateとcanonicalタグを必ずhead内に記述しておきましょう!

 

具体的な方法

下記htmlソースコードをコピペ&修正でOK!

 

スマホサイト側

<head>
省略
<link rel=”canonical” href=”https://disney.jp/”>
省略
</head>

 

PCサイト側

<head>
省略
<link rel=”alternate” media=”only screen and (max-width: 768px)” href=”https://disney.jp/sp/” />
省略
</head>

 

解説

修正点は赤字の2点。

1点目

768pxかどうか?はあなた?である制作者のルールに従ってください。

基本的には、僕もWebサイト制作者として相当調べました結果、結論768pxがお勧めです。

もちろん、サイトの目的や用途にもよりますので、例外はありますのでご検討ください。

 

2点目

URLはリリース公表時のURLに修正してください。

つまり、検索結果に表示させたいURLってことです。

このままでは夢の国につながってしまいますw

 

参考

https://www.plusdesign.co.jp/blog/?p=12045

この通りにしたら、DreamWeaverにてエラー?に色が変わってしまったので、
https://seolaboratory.jp/41731/

も参考にしました。

 

以上、自分へのメモ代わり&お困りのサイト制作者へシェアしておきました。

困ったらお互い様。

Webサイト制作者同志、より良いサイトを世の中に広めて、より価値あるサイトをユーザー(訪問者)に届けて行きましょう!

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

この記事を書いた人

売れる仕組みを創り、Webで売上アップさせる
株式会社WebSanta 代表取締役
 
幼少期、何も誇れる能力も無く、自分に自信が無い日々を過ごす。
小中高校時代、父の3億の借金、生死をさまよう交通事故、大火傷、彼女の死にも遭う。
それらをキッカケに「たった一度の人生、悔いなく生きたい!」と心に決める。
しかし、大学時代、バレンタインデーに当時の彼女にフラれ、自殺しようと銃社会アメリカに渡るもシリコンバレーのIT革命に魅せられ帰国。
 
ケンブリッジ大学語学留学、東京理科大学経営学部経営学科、すごい起業塾、ビジネスコンテスト優勝を経て、株式会社WebSantaを設立。
総額600万円の詐欺やうつ病に遭いながらも、起業12年・相談1000人・サイト制作100件・セミナー100回・総売上3億に貢献。
 
使命は「起業家に未来を届ける」
ビジョンは「Webマーケティングで起業家のビジネスを革新させる」
夢は「悲しい倒産を無くす」こと。

コメント

コメントする

目次