alternate属性とcanonical属性を正しく使ってスマホサイトの存在をGoogleに伝えよう｜ferret [フェレット]

ウェブサイトを運営していて、デスクトップ用サイトURLとスマホ用サイトURLを分けている場合あります。この場合、きちんと検索エンジン向けに設定を行わないとスマホ用サイトの存在を認識してくれないケースがあります。それは主に、URLをデスクトップとスマホで分けて運用しているページの場合が多いです。 このような場合は、デスクトップ用URLとスマホ用URLの双方を検索クローラーに伝える必要があります。 今回は、canonical属性とalternate属性を使ってスマホページの存在を検索エンジン向けに伝える方法を紹介します。 目次 canonicalとは alternateとは Googleがサポートするデスクトップ用サイトとスマホ用サイトの最適化方法は3種類ある URLを分けている場合の対策方法 レスポンシブデザインの実装を検討しよう よくある質問とその回答 canonicalとは canoni

[mut00tum]

canonical

[twol]

“<link rel="alternate" media="only screen and (max-width: 640px)" href="http://sp.hogehoge.com/" />”

[nebos]

PCでの検索時にSPサイトが上位に来てしまうなどの困った事象に対する処置方法。2017年時点でもうまく機能したのを確認。

[amels]

ECサイトで同一商品ページを多数用意した場合や、SPとPCの内容が同じにも関わらず関わらずURLが同じ場合、ABテストなどでテスト箇所以外が同じページが存在する場合は注意！AMP対応した場合も。

[reirei-bijin]

レスポンシブデザインが推奨

[masalib]

知らなかった・・・・orz

[ikumura]

いいね