WEB制作canonical:カノニカルという設定をすることでサーチエンジンに正しいURLだと伝えることができます。URLは1つだと思っていても、実はいろいろなURLでアクセスできるんです。#121カノニカルリダイレクトhtaccessSEO解説カノニカル設定でURLを正規化しよう!カノニカルって言う言葉が良くわからないですよね。「正規化」っていう意味です。簡単に言うと、これが正規のURLだから、ほかに似たURLがあったとしても、ここで宣言したURLを「正規」のURLとして取り扱ってね、Googleさん。/>英訳的な意味だと「canonical:正典の、教会法に基づく、規準的な、標準的な」という意味になります。<head>~</head>の間カノニカルタグは必ず<head>~</head>の中に書いてください。<body>以下に記述してもGoogleは無視します。これを存在するすべてのページに記載します。サーチエンジンに向けての記述なので、クロールされる必要のないページには不要です。見た目にはなんら影響のない、本当にサーチエンジンのためだけにあるタグです。多くの人は「URLなんて1個しかないから大丈夫だよ」と、他人事としてとらえると思うんですが、URLって実はいろいろな形があるんですよ。wwwのありなしサイトのURLって、私のサイトの場合は「https://www.start-point.net/」こうなってます。これでもアクセスできるんですよ。※私のサイトはリダイレクト設定でwwwなしでもwwwありに転送されます。ドメインの設定にもよるんですが、ありなしどちらも内容は同じです。サーバーの中に収められたHTMLデータは同一のものを読み込んでいますので。物理的には別のURL扱いなんです。https://start-point.net/wwwのありと、なし、どっちが正解かといえば、Google側からすると「知らんがな」となるわけですね。それを避けるために、こっちが正規のURLですよー、と宣言するのがカノニカル役割です。私はwwwありを正規化しているんですけど、ありでもなしでも、差はありません。好きなほうを正規化して大丈夫。他サイトなどからリンクをされている場合、リンクされているURLを正規化する方がベターです。昔はwwwがあるのが当たり前だったんだリダイレクト設定でSEO上のページの価値は引き継げると言われますが、URL変更が起きるとマイナスになることはあってもプラスになることはほぼありません。wwwはワールドワイドウェッブの略称なんだよ。違い最近じゃSSL化が当たり前で、SSL対応してないとブラウザがまともに表示してくれないレベルになってきましたよね。これもhttpsとhttpでは別扱いになります。レイヤー)の略で暗号化技術です。ありなしURLの最後に「/(スラッシュ)」がついているかいないか。これもありなしで、同じ内容が表示されます。一説によると、これはあってもなくてもGoogleは同一内容として扱ってくれるらしいですが、これも正規化しておくほうが精神衛生上よろしいのではないかと思います。index.html(.php等も同様)のありなしhttps://www.start-point.net/と、https://www.start-point.net/index.htmlこれも同じ内容が表示されます。省略ができるので、index.htmlを省略すると、ディレクトリ内にあるindex.htmlを表示します。indexファイルは必ず設置しましょうちなみに、index.htmlとindex.phpの両方をサーバーにUPしている場合、別ファイル扱いになりますのでご注意を。どちらが表示されるかは、サイトの優先順位によって決まります。記事の後半で拡張子の優先順位の設定方法を解説しています。パラメーターの取り扱いパラメーターというまたややこしいものが出てきました。URLの後ろに「?AAA=BBB」というものを付けて、色々便利なことができる仕組みなんですが、これのありなしも別扱いになります。ブログでよく使われるのは、ページ送りです。カテゴリページなど記事数が多い場合、「https://www.start-point.net/blog/?page=2」のように使われていることが多いです。これを正規化するべきか否かは、いろいろ議論があります。ページはあるけど、同一のページとして取り扱いたいときは、パラメーターなしで正規化するのが良いと思います。ページ送りで内容が違うから、別ページとして取り扱いときは正規化しなくてもよい(パラメーター付きで正規化する)と、これはそのページの内容に合わせてでいいんじゃないかと思います。私は、今のところ、ページ送りはパラメータなしで正規化してます。ページ送りなどではなく、広告や計測目的のパラメーターで、内容が同一の表示だけど、パラメーターがついているものは正規化した方が良いです。リダイレクト設定カノニカルの指定で正規化の宣言はできるんですが、色々あるURLでもアクセスできてしまうので、強制的に自分が見せたいページに転送設定することを「リダイレクト設定」と言います。これは、設定まちがえるとやばいことになるので、自信のない方はやらない方がいいんですが、.htaccessというファイルを作ることで転送設定が可能です。自分で作っていなくてもワードプレスや、ベーシック認証などですでに.htaccessが作られている場合があります。それを知らずに上書きしてしまうと、最悪サイト表示されなくなる可能性があります。可能性まであるので、必ず作業前に.htacessが存在するかどうかを確認してください。htaccessは最新の注意を払って設定する.htaccessを使ったURL正規化まず、サーバーによってはそもそも.htaccessが使えない場合もありますので、利用しているサーバーが.htaccessが使えるかどうかを確認してください。加えて、紹介する内容をコピペして使ってもうまくいかない場合もあります。WEBサーバーのOSの違いとかまぁいろいろあります。.htaccessファイルはFTPソフトを使ってサーバーのドメイン直下にUPします。この言葉の意味が分からない方は、設定しない方がいいです。加えて、なにか不具合が起きても責任は負えませんので、あらかじめご了承ください。余計な文字が入ったり、足りなかったりするだけで、サーバーエラーが簡単に起きますから、自己責任でね。wwwありに統一し、URLの最後を/ありにリダイレクトwwwなしでアクセスされた際に、wwwありのドメインに転送し、最後が/で終わるリダイレクト設定です。スラッシュがあってもなくても、問題ないと思いますが、私のA型気質がでて、スラッシュありに統一するためのリダイレクト設定です。start-point.netの箇所は自分のドメインに変更してください。[R=301,L]httpsへのリダイレクト設定htttpでアクセスされた場合にhttpsに転送する記述です。[R,L]最後の[R,L]は[R=301,L]にすると301リダイレクトという方式で恒久的にリダイレクトします、という宣言になるんですが、なぜかこれを[R=301,L]にすると私の環境ではエラーがでるので[R,L]としています。index.htmlのリダイレクト私のサイトは.phpで作っているので、index.phpのリダイレクトを設定していますが、.htmlで作っている場合は、.htmlに書き換えてください。(2行目)また、start-point.netの箇所は自分のドメインに変更してください。[R=301,L]index.〇〇の優先順位を指定これはリダイレクト設定じゃないんですが、htaccessの話をしたのでついでに書いておきます。index.htmindex.〇〇の表示の優先順位の指定です。左にあるものが優先順位の高い拡張子になります。上記設定の場合、index.〇〇を省略した、ディレクトリ終わりでのURLの優先順位設定です。index.htmを表示します。混在させないのが一番なんですけど、私は昔.htmlでサイトを作っていて、PHPを覚えたころから.phpで作りだしので保険的な意味合いで設定しております。.htmlphp7.3というのはPHPのバージョン指定です。環境に合わせて書き換えてください。拡張子が.htmでも、.htmlでもPHPを動かすための記述です。サーバーキャッシュの保持期間を指定する方法さらに、サーバーのキャッシュを指定する方法も書いちゃいましょう。Googleのスピードテストなどでキャッシュ長くしろと言われたらここを設定します。Cache色々な拡張子のキャッシュ期間を明示する書き方で、私は大体1ヵ月を指定しています。image/svg+xmlだけ1年になってますね。SVGファイルはロゴとかそういうたぐいのものなので、めったに書き換えないから1年にしています。URLの正規化カノニカルとリダイレクトのまとめカノニカルの話をしていたら、.htaccessのリダイレクト設定は避けては通れない道ですね。ほんとに、ちょっとしたミスでサーバーエラーがおきますので、作業をするときは、編集前の.htaccessファイルをコピーして、アクセスの少ない時間帯でチャレンジすることをオススメします。ローカルで試してうまくいっても、本番サーバーにUPするとエラーを吐くことは普通にありますので、ご注意ください。全角のスペースが入ったり、スペルミス、転送設定の間違いなど、エラーの原因はいろいろあります。転送のループになることもありますから、細心の注意が必要です。私も何度となく、エラーを出しまくってきました。.htaccessの設定ミスで。エラーが出たら落ち着いて、編集前の状態に戻すことが手っ取り早い解決策です。(元に戻しただけで何も変わらないんですけどね、それだと)本当はOGPタグの話などもしようと思っていたのですが、ややこしい話を長々と書いてしまったので、OGPの話は次回にします。鳥好きWEB制作とWEBマーケティングをやってきました。PHPとMysqlを使って面白いことをやりたいと模索中です。@start_point02カノニカルとリダイレクトオススメ関連コンテンツSEOは結構頑張っていますが、キーワード選定という手法をあまり深く考えたことがなかったので深く考えてみました。SEOの内部構造の基本であるTitleタグとHタグの使い方と自分の考えを書きました。キーワード選定の方法を考察してみたSEOは結構頑張っていますが、キーワード選定という手法をあまり深く考えたことがなかったので深く考えてみました。SEOで重要なtitleタグとhタグの使い方SEOの内部構造の基本であるTitleタグとHタグの使い方と自分の考えを書きました。基本だからこそ重要な要素ブログのアクセスアップに欠かせないSEO的リンク構造の考え方SEOのリンク構造を効果的に作るための情報をまとめました。可能な限り情報の出どころのリンクも用意しております。OGP設定をしてSNSからの流入とCTRを改善するシェアするとき、シェアしてもらうときに最適な形で紹介したいとなるとOGP設定をしっかり設定することが重要ですGTMを使ってイベント計測を簡単に行う方法グーグルタグマネージャーを使ってイベントトラッキングを計測する方法の手順を解説。通称「GTM」と呼ばれる無料で使えるタグを管理するツールの説明と導入手順の解説ブログアクセスランキングBluetoothイヤホンのペアリング方法とリダイヤル防止策Bluetoothイヤホンのペアリング方法やリモコンの操作方法、リダイヤルの防止策を画像入りで解説します。3.1のレイアウトをデフォルトの状態から、自分好みのレイアウト設定に変更する方法を写真付きで紹介しています。ネットワークオーディオを使わずにPCの音楽を再生する方法パソコンに取り込んだ音楽をせっかくならCDコンポから再生したいと思ったことありませんか?AUXを使った外部接続の方法の紹介です。耳にフィットするイヤーピースを探して、いろいろ検討した結果、SONYのEP-TC50Mを購入しました。2年以上使っても外れない車で使うスマホホルダー快適ドライブグッズスマホをカーナビとして使うと熱さで充電ができなくなるので、熱対策と1年間使って外れることがなかったスマホホルダーの紹介。鳥好きWEB制作とWEBマーケティングをやってきました。PHPとMysqlを使って面白いことをやりたいと模索中です。