動的ページをサイト内に持っていると、セッションIDやトラッキングIDがURLに含まれ
一つ表示結果に対して複数のURLを保持するということが起きてしまいます。
例:sessionid や affid など
http://example.com/shop/index.php?product_id=32&highlight=green+dress&cat_id=1&sessionid=123&affid=431
そこで、検索エンジン各社は正規化さタグのサポートを始めました。
Google、Yahoo!、Microsoftの3社は2009年2月12日、共同で新しいタグ「 rel="canonical"」のサポートを開始した。rel="canonical"(属性)は、検索エンジンに正しいサイトのURLを認識(正規化、canonicalization)させるために使用される。
これは有効なので是非使用しましょう。
記述例
<link rel="canonical" href="http://www.example.com/dresses/greendress.html">
注意点
href属性には絶対URLが推奨されている
http://www.google.com/support/webmasters/bin/answer.py?answer=139066#1
htmlの<head>内に以下のコードを追加
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Cache-Control" content="no-store">
<meta http-equiv="Expires" content="-1">
<meta name="robots" content="noindex,nofollow,noarchive">
ブラウザごとの表示の差をなくすために下記のようなリセットをするCSSを最初に読み込ませるといいです。(おすすめ順)
厳密には
・正規化するCSS(ブラウザの違いだけを揃えるCSS「normalize.css」「sanitize.css」)
・リセットするCSS(全てのスタイルを一旦リセットするCSS「eric meyer reset css 2.0」)
という違いがありますが、どれか1つを選んでhtmlの最初に読み込ませるという点では同じです。
https://necolas.github.io/normalize.css/
https://github.com/twbs/bootstrap/blob/v4-dev/scss/_reboot.scss
https://github.com/filipelinhares/ress
http://10up.github.io/sanitize.css/
http://meyerweb.com/eric/tools/css/reset/
モダンブラウザ向けの reset.css
https://github.com/hankchizljaw/modern-css-reset
CDN
<link rel="stylesheet" href="https://unpkg.com/modern-css-reset/dist/reset.min.css" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/modern-css-reset/dist/reset.min.css" />