今回はcanonicalタグについて書いてみます。

なぜ、canonicalタグかというと、一部の記事を別のブログに持っていくことにしました。対象の記事は数日はこちらのブログにも記事を残したいと思ったためです。では、canonicalタグはどういうものかを次の章から記載します。

※最終的にFC2ブログで、記事毎にcanonicalタグを記載できないとの結論に達しましたが、せっかく調べたので記載します。

canonicalタグどんなもの？

canonicalタグは、異なるURLで内容が同じ記事が複数ある場合、「優先するURLを通知する」するもので、「URLを正規化するもの」らしいです。正直これを聞いてもわからないと思います。

もう少しわかりやすくすると、ある記事をコピーして複数のブログに配置したとします。GoogleなどでWEB検索をした際、検索結果にコピーした同じ内容の記事がいっぱい並んでも困りますよね。なので、この記事はこのURLのコピー品（代替品）なので検索結果に出さなくていいですよと明記したものです。この明記する方法（タグ）がcanonicalタグです。

でも単純に考えれば、記事を作った人は同じ内容でも、検索結果にいっぱい表示されたほうが人の目につきいいと思いますよね。ですが、実際にはそうとも言えません。※次の章に書きます。

コピー記事にcanonicalタグがないとどうなる？

結果からいうと、GoogleなどのWEB検索の結果の一覧に、コピーした記事がそもそも表示されなくなったり、サイト全体の評価が下がり、コピーしていない記事も含めて、検索結果の表示順がかなり下がったりします。なので、Google検索をする人達にサイトを見てもらえなくなります。

GoogleなどのWEB検索業者では検索結果にコピー記事がいっぱい並ぶことを嫌がります。なぜならGoogleなどのWEB検索業者を使いやすくし、より良いサービスにしたいためです。 例えば、情報を知りたくて検索した人が、この記事は必要な情報がなかったと思い検索結果に戻っても、同じコピー記事が並んでいたら、そのWeb検索の検索結果は使えないと思いますよね。結果、その人は別のWEB検索を使うようになります。 なので、GoogleなどのWEB検索業者としては、コピーされた記事は不要なのです。 そして、そもそもコピー記事を配置しているサイトは良くないサイトというのもあり、サイト全体の評価を下げて検索結果の表示順位を下げたりするペナルティを与えているようです。 せっかく書いた記事がgoogleやyahooなどで検索されないと、ブログを見てもらえる機会が減ってショックですよね。

canonicalタグはどう書くの？

html内のheadタグ内に下記のような行を追加します。今回は、移動先のブログを残していきたいので、移動先のブログのURLを書くことにしました。

<link rel="canonical" href="検索結果に出したい記事のURL"/>

実際に追加してみた際のHTMLソースです。※もともとこのブログ内に記載していた私の記事で試したものです。

FC2ブログで記事単位のcanonicalタグは設定できるの？

上野公園横にある不忍池に、「カンザン」という品種の桜があります。
ソメイヨシノが完全に散ったたため、今年はもう桜の記事はないかなぁと思っていましたが、このカンザンが満開ですので、ご紹介します。
夜遅く、帰宅時に写真を撮ったので、くらい写真ですが、天気が良ければ綺麗に見えると思います！

カンザンはどのような桜

八重桜の仲間らしいです。日本原産とのことです。「セキヤマ」と呼ぶこともあるらしいですが、不忍池の樹にかけられているプレートはカンザンでした。花弁はとても多く、50枚を超えることもあるらしいです。
色はソメイヨシノより濃く感じました。後程張ってある写真を見てもらえればわかりますが、花は枝の先っぽにまとまってボコッとついているイメージです。

カンザンの咲いている場所

上野公園から不忍池に向かい、そのまま不忍池の反対まで行ったところです。少し距離がありますが、辯天堂（べんてんどう）の道を抜けていくと早いと思います。

上野公園にもいくつか咲いてはいるかと思いますが、おそらくカンザンは不忍池のほうがいっぱい咲いていると思います。
また、不忍池には、いくつか品種の異なる桜がぽつぽつと植えられていています。咲く時期がそれぞれ微妙に異なっているので、ソメイヨシノが終わった後でも桜を楽しむことができる、貴重なスポットだと思います！
週末に上野公園付近に行く予定のある人は、ぜひカンザンを見に行ってみてくださいね！ソメイヨシノとは違った咲き方なので、見ていて楽しく、とてもお勧めです！

fc2ブログの有料会員になってみました。有料会員でできることや、独自ドメインにしてみたので、気になっていた切り替え時の挙動（リダイレクトや、ＳＳＬ）などを書いてみます。

なぜ有料会員になったの？

• 少し独自ドメインにあこがれがあった（笑）
  →自分のドメインというのは、会社のページを持っているみたいで少し優越感があります。あんまり意味ないですが。。
  ちなみに、１年後からは独自ドメインは費用が掛かるのでどうするかは、その時に考えます。※これも気になる点がありますので、下に記載します。
• 月々300円程度なら遊びで使える。
  →300円も。という人がいるかもしれませんが、1日10円と思えば。嫌になったら簡単にやめられるしなぁ。と思いました。
• FTPでファイル（HTMLなど）がアップできる。
  →これがちょっとほしい機能でした。詳細はのちに書きます。
• スマホの広告や、下部のFC2内のランキングを消すことができる。
  →これもいいなぁ。と思いました。自分に関係のない広告が表示されて見にくくなったり、自分のサイトなのに、勝手にFC2ブログのランキングが表示されても見てくれる人がなんなのか分からないだろうなぁ。と思っていました。

他に有料会員でできること

私はあんまり魅力に感じなかったですが、有料会員になるとできることです。

• アップロードファイルが5MBまでできる。
  →あんまり大きなファイルをアップする機会がなさそうです。。。
• ファイルのアップロードの容量が無制限で保存できる。
  →無料会員の10GBも使い切る自身がないです。。。
  ちなみに、FTPのアップロードファイルの最大は500MBまでだそうです。これも使い切ることはないだろうなぁ（^^;）
• 一日の投稿記事最大数が100件になる。
  →一日で100件も記事を書くことは不可能だと思われます(笑)
• 404ページが自分で変更できる。
  →記事を削除とかしないと404ページ（該当のページがないですの画面です。）が発生しないのと、初期のものでも困らないと思うので。
• トークン発行機能がある。
  →これは何のための機能なのかよくわからないです。
  有料で使えるということは、何か有用に使えるのだとは思うのですが。。
• 続けて編集設定ができる。
  →１日１記事も書けるかどうかなのに、やっぱり私には不要かな。

1年後のドメインの費用などで気になる点

「https://nknot.jp/」のドメインが１年間無料となっていたので、申し込んでみましたが、１年後からは3,000円程度の利用料がかかってくることになります。
まぁ、ドメインを使用するのでお金がかかるのは仕方ないですが（それが商売ですからね。）、実は「.jp」ではないドメイン、例えば「.net」とかだと1,000円ちょっとから使用できます。
こちらは初年度からお金がかかりますが、2年目になったタイミグで「.jp」より安くなることになります。
ドメインも人気なものが高くなっているんですね。
ドメインにあまりこだわりがなく、長期使用を考える方は、ランニングコストが安いドメインを取得されるほうがいいかと思いました。
※私は、２年目以降高くなるのは気が付いていましたが、「.jp」いいなぁと思ってポッチとやってしまいました。（笑）

ドメインの切り替え

ドメインの切り替えですが、画面上でボタンを押していくだけで完了します。※いくつか自分の情報や、決済のため、入力が必要ではありますが、迷うことはなかったです。
最後に、有料会員で追加されるドメインの管理画面で、新しいドメインを選択しすると切り替えが完了します。

ドメイン登録時に、個人情報を入力するのですが、Whoisに公開されますと記載されています。しかし、実際にはFC2の会社の情報で公開する設定（whois情報公開代行サービス）がある（初期設定）ので、個人情報を公開したくない人はFC2の会社の情報で公開するといいです。

前のドメインにアクセスするとどうなるのか、ですが、前のドメインのページアクセスすると、新しいドメインに転送してくれます。
ちなみに、301リダイレクトとなります。そのため、Google Search Consoleのドメイン切り替えの手続きも可能です。※わからない方は気にしなくても大丈夫です。

SSLは使えるのですが、新しいドメインに切り替えた直後はサーバ側の設定が行われていないため、httpでのアクセスのみとなります。※httpsでアクセスするとエラーになります。
私の場合10分～20分後には、SSLの設定が完了し、httpsでのアクセスができるようになりました。
httpでアクセスするとhttpsに転送されるようにもなっています。httpからhttpsへは302リダイレクトになっています。※301リダイレクトに変更することも可能です。
また、SSLを無効にすることも可能です。

FTPでファイルアップできることについて

あまり使用する人は少ないかと思いますが、FC2ブログでは、Cssはテンプレートで一つだったり、JavaScriptに至ってはテンプレートに直接書くか、プラグインのフリーエリアにしのばせるしかできません。
ある程度は、機能単位に分割して管理したいので、自分で作成したファイルをアップロードできるのは助かります。
※Cssや、JavaScriptは別ファイルで作っておいて、テンプレートで読み込むように指定することができるのです。
「.html」、「.css」、「.js」のファイルはアップロードできるのを確認しました。
ちなみに「.php」はエラーとなりアップロード禁止、「.pl」はアップできましたが、テキストが表示されるだけでした。さすがにセキュリティや、重たい処理を動かされると困るので、使えないようにされているのですね。少し残念でした。

趣味＋アルファでブログをやっているのですが、月300円（２年目からは600円）程度の趣味であれば問題ないかなぁと思います。
独自ドメインに興味があるかたや、有料会員のサービスに興味がある方は月300円ですし、一度やってみてはいかがでしょうか。
もちろん、サーバサイドのプログラミングや、WordPress、MovableTypeなどを使いたい方などは、レンタルサーバを使用するのも手ですね！
※私も、続くようだったら、レンタルサーバにも手を出すかもしれません。(^^)

ブログを見やすくするために、記事内の見出しの文字を装飾して目立たせ、読みやすくしたいと思います。
見出しと、文章がわかりやすく区別できるとメリハリがついて、記事が読みやすくなると思います。

やりたいこと

下の４つを対応してみたいと思います。

• １．見出しの背景に色を付ける
• ２．見出しの下に線を入れる
• ３．見出しの左横に縦線を入れる
• ４．縦線と見出し文字をずらす

前提

• 過去やこれから書く記事すべてに同じように反映されます。
• ブログの見出しの文字列はh2タグ(※)が設定されている前提です。このh2タグで囲まれている文字が全部同じように装飾されるように対応します。
  （※）たとえば「文字の装飾」という文字を見出しとすると<h2>文字の装飾</h2>のように記載していることを前提にしています。
  FCブログでは、h2タグを入れるには、「本文の編集」で「Ｗ」を押していない状態でできます。「Ｗ」が押されている状態だとうまく反映されません。※押されている状態で、さらに「ソース」ボタンが押されている場合はできます。
• すでにh2タグなどの装飾がされている場合ではうまくいかないときがあります。※装飾されている内容を削除すればできるようになります。

装飾をするための修正箇所

CSSに追記します。FCブログでは、左メニューにある「テンプレートの設定」のリンクをクリックすると右側の下部に表示される「スタイルシート編集」の部分に追記します。

PCとスマホとでレイアウトを分けている人は、PCとスマホそれぞれで追記が必要になります。※PCだけに対応する場合は、PCだけでも大丈夫です。

CSSは、タグなどに装飾（sytle）の定義を記載することができるものです。HTML上のタグへ直接記載することもできますが、全記事で読み込まれる共通のCSSファイルに記載することで、全部の記事に同じように反映されるようになります。※管理画面の「スタイルシート編集」で編集すると、全記事で読み込まれる共通のCSSに反映されます。

事前準備

まずは、背景色を決めます。
ただ、色はブラウザがわかる色を指定する必要があります。下のサイトから使用したい色の名前（英語）、もしくは、色の番号（#000000のような#と6桁の数字）を取得します。
サイト：見本とカラーコード変換
※記載のサイトを開いて、画面上部に表示されている色の箱から設定したい色をクリックすると、該当する色番号が左側に#000000のような感じで表示れますので、控えておきます。もしくは、画面の下部に色の名前（aliceblueなど）が書かれていますので、その名前を控えてください。
もし、サイトがなくなっている場合は、googleで「色 カラーコード」などの文言で検索して確認してください。

「テンプレートの設定」の「スタイルシート編集」の一番下に下記の文字を入力します。
h2 {
}
※この{}内に装飾の設定を記載していきます。

h2タグの装飾

では実際にCSSへ設定を追加していきます。