おきがるみがる

お気軽&身軽にスナップ写真を楽しむ雑記ブログです。はてなブログテーマ Sentenceの配布も行っております。

はてなブログProに課金して、スタードメインで独自ドメインに登録しました

f:id:shimehitsu14:20170201151722j:plain

歩道で青果が売られていました。車道に面した歩道ですが商店街の前です。賑わいの1つですね。

あいかわらずコントラストが強くてディティールがわかりません。屋根の下で撮る時は明暗差に注意ですね。

雰囲気的にはこれはこれで良いのでしょうけど、やっぱり掴みどころが無い写真ですな。


さて、はてなブログを開始して1ヶ月が経ち、カレンダーも2月に変わったところで、はてなブログProに課金をしました。

それに伴い、スタードメインで独自ドメインを取得し、URLがhttp://okigaru-snap.hatenablog.jpからhttp://www.okigaru-migaru.netに変更となりました。

さらにURLに示している通り、ブログタイトルが『おきがるスナップ』から『おきがるみがる』へと変更です。この独自ドメインとブログタイトルは、実はブログ開設時点で構想がありました。

タイトルから「スナップ」の文字が消えていますが、スナップ写真がメインコンテンツです。そういうブログの理念に関してはまたおいおい。

今回ははてなブログPro&独自ドメインへ移行した理由や作業手順をここにまとめておきます。ブロガー各位の参考になればと思います。

はてなブログProとは

はてなブログPro - はてなブログ

はてなブログは基本的に無料のブログサービスです。会員登録さえすれば誰でもブログを書き始めることができます。

無料でも十分な機能を備えているのですが、それよりも高機能且つ自由度が増したものがはてなブログProです。

Proと言うからにはブログでお金を稼いでいるかのように思えますが、その逆でお金を払ってブログを書くことになります。まぁ広告収入は得やすくなりますが。

無料版と比べた際、はてなブログProのメリットは、

  • 広告を非表示にできる(個人のGoogle Adsenseを3つ貼れる)
  • キーワード自動リンクを非表示にできる。
  • スマホのCSSもカスタマイズできる。
  • 独自ドメインが使える。

こんなところですかね。他にもいろいろありますが、僕としてはこの4つが大きいです。

登録・支払い方法

契約期間によって3種類のコースが選べます。金額は税込み価格です。

  • 1ヶ月コース:1,008円(月額)
  • 1年コース:703円(月額)8,434円まとめて支払い
  • 2年コース:600円(月額)14,440円まとめて支払い

40%オフになる2年コースが圧倒的にお得ですね。「とりあえずお試しで……」とか「ちょっとお金が無いんで……」って人以外は選ぶでべきでしょう。そもそもお金無い人は無料でやるでしょうが。

支払い方法は提携しているクレジットカード、コンビニ支払い、電子マネー、金融機関からの振込みから選べます。はてなポイントを購入し、そのポイントでサービスを登録するという形です。

課金を終えて、はてなブログProの登録を終えたら自動的に移行されます。簡単ですね!

移行後に行った設定

  • 詳細設定から、キーワードリンクにチェックを入れる。
  • 詳細設定から、広告を非表示にチェックを入れる。
  • デザインから、PC・スマホデザイン共にGoogle Adsenseを設置。
  • デザインから、スマホ→記事→記事上にCSSの記述を追加。

キーワードリンクにチェック

ダッシュボードの設定ページ、詳細設定タブの中にある「キーワードリンク」にチェックを入れます。これで記事中のキーワード自動リンクが表示されなくなります。

ただし、キーワードリンクがオンの時に書いた記事については、そのままだとキーワードリンクが解除されません。

記事を編集画面から更新することでキーワードリンクが解除されます。めんどくさいですが全記事を更新してやりましょう。めんどくさいですが。

広告を非表示にしてGoogle Adsenseを設置

キーワードリンクの下に「広告を非表示」があるので、そこにチェックを入れます。これで広告が外れます。

あとはデザインに移動してお好みのところにGoogle Adsenseを設置してやります。

この作業に関しては、Google Adsenseの審査を既に通過している人のみですね。また、広告の設置にはルールや定石みたいなのがありますので、よく調べてから貼り付けることをおすすめします。

ある程度僕は存じ上げているのですが、記事が冗長になっちゃうのでここでは割愛して、また今度記事にしたいと思います。

スマホのCSSを変更

僕が1番やりたかったのはこれ。僕はCSSで太字赤太字を設定しているのですが、PC版しか反映されずに困ってたんですよね。

はてなブログProならば、PC版と同様にCSSの記述が可能になります。

www.future-nova.com

このページを参考にしましたので、気になる方はアクセスして、どうぞ。

独自ドメインとは

はてなブログProであれば、独自ドメインを設定することができます。

独自ドメインとは、簡単に言えば自分だけのURLって感じですかね?

例えば、無料版の頃のこのブログのURLは、「http://okigaru-snap.hatenablog.jp」でした。「hatenablog.jp」という決められたはてなブログのドメインの前に、僕が任意で入力した「okigaru-snap」がサブドメインが組み合わさったURLです。

言い換えれば、「hatenablog.jp」グループの「okigaru-snap」というメンバーという感じです。はてなブログの一員ということで信頼は得られる一方、「hatenablog.jp」が廃止されたら、道連れで「okigaru-snap」も廃止されるリスクを伴います。

そこで、この「hatenablog.jp」に相当する部分を個人所有のものにしましょうというのが独自ドメインです。僕はブログタイトルを『おきがるみがる』に変える予定だったので、「okigaru-migaru.net」のドメインを取得しました。

このブログでは、「www」というサブドメインを付けて、http://www.okigaru-migaru.netというURLに設定しました。

十中八九あり得ませんが、はてなブログのサービスが終了しても、「okigaru-migaru.net」のドメインは残りますので、サービスと中身を移し替えれば、URLを変更することなくブログを存続できるようになりました。

独自ドメインを取得する

勘違いしてはいけないのが、はてなブログProに登録することで独自ドメインの設定が可能になるものの、設定する独自ドメインは自分で用意しなければならず、はてなは独自ドメインの契約サービスを行っておりません。

そこで独自ドメイン取得代行サービス業者で契約しなければなりません。そして有料です。

px.a8.net

有名なのはGMOが運営するお名前.comです。大企業で倒産リスクが少ないのが良いですね。僕も過去にWordPressブログを運営するのに使っていました。

初心者の方や「長いものに巻かれろ」な方はお名前.comはユーザーと情報が多いので良いかもしれませんよ。

スタードメインで登録

px.a8.net

ただ、今回の独自ドメイン取得にはスタードメインを利用しました。

エックスサーバーで有名なネットオウルが提供するドメインサービスで、認知度はそこそこながら評価はなかなか。

まず、お名前.comよりもお値段が安く済むというメリットがあります。

ポピュラーな.comドメインと.netドメインの1年あたりの利用料金が、スタードメインは1,180円なのに対し、お名前.comは1,280円です。

そして個人ブロガー必須のWhois情報公開代行(詳細は後述)は、スタードメインは完全無料なのに対し、お名前.comはドメイン取得時の契約のみ無料で、途中契約の場合は1年につき980円かかります。

お名前.comの場合、取得時に契約してしまえばずっと無料ですが、途中契約で課金が発生するということは、仕様変更でいかなる場合も有料になる恐れがあります。まぁ、そうなったらこの会社は見限られると思いますが……。その点はスタードメインの方が安心ですね。

あと、スタードメインはおまけで10GBの「スターサーバー」が付いてきます。PHPやMySQLが使えないのでWordPressは動かせませんが、HTMLを使ったウェブページは作れますし、ファイルのアップローダとして使えます。

スタードメインでの独自ドメイン取得手順

スタードメインにアクセスし、取得したいドメイン(半角英数字とハイフンを使って任意の文字列、日本語ドメインを希望する場合は日本語でも可)を検索します。僕の場合は「okigaru-migaru」で検索しました。

すると取得できるドメインの一覧が出てくるので希望のものを選びます。安価且つポピュラーなのは.comか.netですね。僕は.netにしました。.comは商業利用を目的としたサイトという意味で、このブログは商業目的じゃないですしね。この慣例は守らなくてもいいのですが。

注意すべきは、既に使われているドメインは契約できません。ドメインを買い取ったり譲渡するという手もありますが、潔く諦めて別のドメインを探す方が楽でしょう。

事前に会員登録している方はログイン、アカウントを持っていない人は会員登録を行って手続きを進めます。

次の画面で、レジストラ選択では3つの会社が選べますが、コスパが良いNetowlを選択、契約年数ははてなブログProと同じ2年にしました。この辺はお好みで。

料金支払はプリペイド残高をチャージして行います。チャージ方法は銀行振込、コンビニ、クレジットカード、PayPalから選べます。

あとは利用規約に同意して、画面を進めていけば独自ドメインの取得が完了です。あとははてなブログProに設定ですね。

tamasaburo.com

ここまでざっくり説明でわかりにくかったでしょうし、このサイトがわかりやすく解説してくださっていますのでアクセスすると良いですよ。僕も参考にしました。

Whois情報公開代行について

先ほども書いてましたが、Whois情報公開代行はドメイン取得時に注意すべき項目です。

サーバーには管理者の情報を公開するルールがあるのですが、これではドメイン契約者の住所や電話番号まで、個人情報がネットの海原にダダ漏れになってしまいます。

そこでWhois情報公開代行を依頼すれば、契約者個人ではなく依頼を受けた会社の情報が公開されるようになります。スタードメインならばスタードメインの会社情報が表示されます。

これで個人情報が流れる危険性がなくなります。スタードメインの場合はドメインの契約で自動的に適用されますが、お名前.comの場合はドメイン取得時にチェックを入れないと適用されません。チェックを入れ忘れて悲鳴をあげている人をネット上で散見します。罠ですね〜。

はてなブログProの独自ドメイン設定方法

tamasaburo.com

これに関しても上記のサイトで詳しく書いてくださっているので参考にするといいでしょう。

スタードメイン側の設定として、ネームサーバーはそのままで、DNSレコード編集の画面でレコード追加し、

  • ホスト名:www
  • タイプ:CNAME(別名)
  • コンテンツ:hatenablog.com
  • 優先度:空欄、あるいは0

で登録します。ホスト名は何を入力しても大丈夫だとは思いますが、特にこだわりもなく、わからなければwwwが無難です。優先度は特に触らなくてOKです。

あとははてなブログの設定→詳細設定の中の「独自ドメイン」に取得したドメインをwwwから入力(このブログの場合は「www.okigaru-migaru.net」)、確定すれば作業完了です。

これでURLが変更されたはずです。独自ドメイン取得から実際に使えるようになるまで時間がかかる場合もあるそうですが、僕の場合は即効で使えるようになりました。

旧URLからアクセスがあった場合も、301ダイレクトで新しいURLにジャンプするように自動設定されておりますのでご安心を。

独自ドメイン適用後の設定

URLが変わったのでいろいろと変更しないといけません。

  • Search Console(旧ウェブマスターツール)、アナリティクスの設定変更。
  • アフィリエイトサイトやブログランキング、SNSなどに登録・記載したリンクの変更。
  • 内部リンクの修正

www.mayoinu.com

特にSearch Consoleの設定は優先してやっておきましょう。こちらのサイトが詳しく書いてくれています。

Search Consoleで新URLのプロパティを作成し、旧URLのプロパティの設定から「アドレス変更」を実行します。

注意すべきは、Search Consoleとアナリティクスを関連付けておくこと。アドレス変更の際に新URLと旧URL、両方の所有権を確認する必要があるからです。

はてなブログの場合、メタタグの挿入で所有権を確認するのですが1つしか入力できません。つまり新URLのメタタグを使うと、旧URLの方は確認できません。そこで旧URLはアナリティクスとの関連で所有権を確認するという手法を取ります。

アドレス変更のリクエストが完了したら、旧URLのプロパティは放置でOK。アナリティクスは元々使っていたプロパティのURLを変えるだけでOKです。

あとはアフィリエイトサイトやブログランキングなどの登録URLを変更してください。また、過去記事に内部リンクを貼っている場合も旧URLのままなので修正しときましょう。これも記事数が多いとめちゃめんどくさいです。

おわりに

今回2年分の契約をしたわけですが、金額を整理しますと、

  • はてなブログPro:14,440円
  • 独自ドメイン:2,548円
  • 合計:16,988円

となりまして、1ヶ月あたり約707.8円、1日あたり約23.6円のコストがかかる計算になります。

これからどれぐらいのアクセスを稼げるかによりますが、このコストはアドセンスの広告で十分プラス収支に変えられます。

2月からブログ運営の為に広告をあちこちに貼らせてもらいますが、その経験をまた記事にしてフィードバックできたらと思います。