野良ジニアのスクラップブック

野良エンジニアによる雑記帳。技術、本、便利グッズなどを気の向くままに。

2018年3月版 はてなブログpro・独自ドメインに移行した時にやること まとめ

こんにちわ、野良エンジニアです。

2018/3/26 から新ドメイン http://www.stray-scrapbook.work/ に変わりました。

今回は、無料版で運営していたはてなブログを、途中で Pro・独自ドメインに移行する時にやったことを全部まとめました。 画像付きでまとめているので、Pro・独自ドメインを検討中の方や、これから移行する方の参考になれば幸いです。

もしかしたら「やらなくても良いこと」もあるかもだけど、その時はごめんなさい!

【コピペ導入】はてなブログ用 過去記事TweetBot【全自動】

Amazon プライムのメリット総まとめ
キッチン作業が最高に捗る突っ張りキッチンラック【オススメグッズ・スペース倍増】
内村さまぁ~ず 第1〜50回から選ぶオススメ神回10選【Amazonプライムビデオ】

やることまとめ

いっぱいあるけど、基本的には流れに沿ってやるだけ。

はてなブログpro に登録
お名前.comでドメイン取得
ドメインNavi で DNS 設定
Search Console と Analytics の関連付け
はてなブログの設定変更
Search Console の設定変更
Google Analytics のサイト変更
Google Adsense 対応
Amazonアソシエイト のサイト追加
各種ASP のサイト変更
SNS ボタン の設定変更
SNS プロフィール の設定変更
内部リンクの変更


はてなブログPro に登録

基本的に案内通りに進めば OK!

続くか不安な人は 1年コースがオススメ、2年コースとの差額は 2,468円だよ!クレジット払いだと 30日無料体験があるよ!

はてなブログpro のページで登録
基本的に案内通りで OK
不安な人は はてなブログpro登録の流れ を参考に

1ヶ月コース、1年コース(30% Off)、2年コース(40% Off) から選択
1ヶ月コース: 1年利用 12,096円(1年コースとの差額 4,772円)、2年利用 24,192円(2年コースとの差額 9,792円)
1年コース:2年利用 16,868円(2年コースとの差額 2,468円)
2年コース:総額 14,400円
クレジット払いで 30日間無料体験、途中でやめても OK

f:id:ryota-17:20180325195253p:plain

はてなブログpro登録の流れ


お名前.comでドメイン取得

次はドメインを取得しよう!少しでも安くしたいって人は、次に書いてる「セルフバック報酬を貰おう」を先に見ておくと良いかも!

僕はお名前.comで取得したけど、ムームードメインや、スタードメインバリュードメインを使っても良いと思う。

ここではお名前.comの手順をまとめるよ。

お名前.comにアクセス
好きなドメイン名を入力、このブログだと stray-scrapbook(※頭の「www.」は入れなくて OK)
使いたいドメインを選択
契約年数を選択(続くか分からない人はとりあえず 1年で良いと思う)
Whois 情報公開代行は「設定する」(特別な理由でも無い限り)
会員登録、支払手続き
支払後に届く「ドメイン 情報認証のお願い」というメールの URL をクリック

ドメイン選びは登録料金更新料金の両方をチェック。1年目だけ安い地雷ドメインがいっぱいあるよ
「.com」などの一般的なドメインの方が良いかも?(「.work」は DNS 反映に12時間以上かかった)
Whois 情報公開代行「設定しない」は、個人情報が世の中にさらされるので注意
クレジット払いにすると、即座に手続きが完了するのでオススメ

f:id:ryota-17:20180326171037p:plain

f:id:ryota-17:20180326171040p:plain

f:id:ryota-17:20180326171757p:plain

f:id:ryota-17:20180325211659p:plain

f:id:ryota-17:20180326165556p:plain

f:id:ryota-17:20180326165606p:plain


セルフバック報酬を貰おう

A8.netや、afbもしもアフィリエイトなど、アフィリエイト会社に登録して、自分自身を紹介して報酬をもらう感じ。ちょっとした金額かもしれないけど、どうせなら安い方が良いよね!

f:id:ryota-17:20180330203330p:plain

面倒くさい、待てない、って人はスキップして OK。

アフィリエイト会社に登録すると、自分の広告から登録できるよ
ドメイン取得料金が少しだけ安くなるよ
A8.netが、お名前.comムームードメインスタードメインといっぱい取扱いがあるよ
面倒くさい、待てない人はスキップ

A8.net に登録
afb に登録
もしもアフィリエイトに登録


ドメインNavi で DNS 設定

取得したドメインをはてなブログで使えるように設定するよ。

ドメインNavi にログイン
「ドメイン」→「ドメイン設定」→「DNS 関連機能の設定」
「DNSレコード設定を利用する 」
Type=CNAME、ホスト名=www(など)、VALUE=hatenablog.com で「追加」
「DNSレコード設定用ネームサーバー変更確認」にチェック

サブドメインは「www」推奨、Adsense 取るなら「www」一択
VALUEは必ず「hatenablog.com」固定。元が「hateblo.jp」でも「hatenadiary.com」でも関係無し

f:id:ryota-17:20180326172311p:plain

f:id:ryota-17:20180326172315p:plain

f:id:ryota-17:20180326172318p:plain

f:id:ryota-17:20180326172321p:plain

f:id:ryota-17:20180326172324p:plain

f:id:ryota-17:20180326172328p:plain

f:id:ryota-17:20180326172331p:plain

f:id:ryota-17:20180326172335p:plain


DNS 設定の反映完了まで待つ

設定が終わったら、反映されるまで気長に待つよ。

10分ぐらいで終わった」って人もいれば、「2時間ぐらいかかった」って人もいるから、気にせず過ごして思い出した時に確認するのがオススメ。待ち時間で次の作業を進めるのも良いね。
ちなみに、僕は12時間以上かかったよ(泣)

Chrome なら Super Auto Refresh 使うと、5分おきに再読込とかできるよ。

設定完了したら、DNS反映までひたすら待つ
設定した URL にアクセスして、はてなブログの「404 Blog is not found」が表示されたら反映完了

DNS反映までは気長に待つこと(本ブログは 12時間オーバー)
Chrome 拡張の Super Auto Refresh 使うと、定期的に再読込してくれるのでオススメ
待ち時間を利用して、Search Console と Analytics の関連付けをやっておこう(次項目を参照)

↓が表示される場合は反映が終わってない

f:id:ryota-17:20180326172338p:plain


↓が表示されれば反映完了

f:id:ryota-17:20180326172340p:plain

ウェブページを一定時間で自動更新する Chrome拡張機能 - パソコントラブルQ&A


Search Console と Analytics の関連付け

Search Console と Analytics の関連付けをしてない方は、この記事の「独自ドメインに変更する前にやっておくこと」を参考にやっておこう。

独自ドメインへ変更したらインデックスを引き継ごう! Search Consoleでのアドレス変更方法! - いつもマイナーチェンジ!


はてなブログの設定変更

DNS の設定が反映されたら、いよいよ「はてなブログを独自ドメインに移行」するよ。

「設定」→「詳細設定」
「独自ドメイン」に取得ドメインを入力
一番下にある「変更する」
変更後、「ドメイン設定をチェック」で「有効」になれば OK

f:id:ryota-17:20180326173850p:plain

f:id:ryota-17:20180326173853p:plain

f:id:ryota-17:20180326173856p:plain


Pro 設定

せっかく Pro にしたから、合わせて設定した方が良い箇所を書いておくよ。細かい部分は好みで設定してね。

「設定」→「詳細設定」
「トップページの表示形式」
「トップページの記事数」
「キーワードリンク」
「広告を非表示」
「ヘッダとフッタ」

表示形式や記事数はお好みで調整
キーワードリンク、広告非表示はチェックをおすすめ
ヘッダとフッタはお好みで

f:id:ryota-17:20180326173931p:plain

f:id:ryota-17:20180326173853p:plain


Search Console の設定変更

Search Console の設定をしていくよ。


プロパティ追加と所有権の確認

新しいアドレスを追加して、「自分の管理サイトですよー」って証明するよ。

Search Console にログイン
「プロパティを追加」で新しいアドレスを追加
所有者の確認を実施

f:id:ryota-17:20180326181828p:plain

f:id:ryota-17:20180326181830p:plain

f:id:ryota-17:20180326181833p:plain

f:id:ryota-17:20180326181836p:plain

f:id:ryota-17:20180326181846p:plain


上手くいかない場合

所有者の確認がうまくいかなかったので、この手順で解決したよ。
※解決後に調べたら、もっと簡単に確認できそうな感じでした。参考ページをメモし忘れてたので、「はてなブログ 独自ドメイン 所有者の確認」などで探してみてください。

「問題がある場合 TXT レコードを追加する」
表示されるコードをコピー
ドメインNavi にログイン
「ドメイン」→「ドメイン設定」→「DNS 関連機能の設定」
「DNSレコード設定を利用する 」
Type=TXT、VALUE=(コピーしたコード) で「追加」
「DNSレコード設定用ネームサーバー変更確認」にチェック
しばらく待ってから、Search Console で「確認」

f:id:ryota-17:20180326181938p:plain

f:id:ryota-17:20180326181941p:plain

f:id:ryota-17:20180326172311p:plain

f:id:ryota-17:20180326172315p:plain

f:id:ryota-17:20180326172318p:plain

f:id:ryota-17:20180326181959p:plain

f:id:ryota-17:20180326182002p:plain

f:id:ryota-17:20180326172328p:plain

f:id:ryota-17:20180326172331p:plain

f:id:ryota-17:20180326182011p:plain

f:id:ryota-17:20180326181846p:plain


メールに従って作業

所有者が確認できたら、メールが届くからその手順に従って作業していくよ。

所有者の確認後に届くメールに従って作業

f:id:ryota-17:20180327200547p:plain


サブドメイン無しのサイト追加

サブドメイン無しのサイトってのは、頭の部分(このブログだと「 www.」)無しのアドレスのことだよ。同じ手順で登録しよう。

メール中の「サイトを追加」
「プロパティを追加」でサブドメイン無しのアドレスを追加

f:id:ryota-17:20180327184949p:plain

f:id:ryota-17:20180327184952p:plain

f:id:ryota-17:20180327200715p:plain

f:id:ryota-17:20180327200717p:plain


優先バージョン設定

サブドメインありの方にしとけば良いと思うよ。

メール中の「優先するバージョンを設定」
優先したい方を選択(基本的にサブドメインありで良いと思う)

f:id:ryota-17:20180327201026p:plain

f:id:ryota-17:20180327201029p:plain


ターゲット選択

外国語ブログじゃないなら、「日本」にしとけば OK

メール中の「国を選択」
「日本」を選択

f:id:ryota-17:20180327201233p:plain

f:id:ryota-17:20180327201236p:plain


サイトユーザーの追加

何人かでブログ管理するなら追加、僕はやってないよ。

複数人で管理したい場合に設定(本ブログは管理者が自分だけなのでスキップ)


アドレスの引継ぎ

古いアドレスから新しいアドレスに情報を引き継ぐよ。

ダッシュボードで古いサイトを開く
右上の歯車 →「アドレス変更」
3番の「確認」、4番の「送信」

f:id:ryota-17:20180327212314p:plain

f:id:ryota-17:20180327212318p:plain

f:id:ryota-17:20180327212039p:plain

f:id:ryota-17:20180327212043p:plain


サイトマップ送信

「sitemap.xml」を送信すれば OK!「sitemap_index.xml」ってのもあるから、気になる人は両方送信しちゃおう。

メール中の「サイトマップを送信」
「サイトマップの追加/テスト」
sitemap.xml を入力して送信
気になる人は sitemap_index.xml も入力して送信

公式回答は「sitemap.xml」
両方登録しても害はなさそう

f:id:ryota-17:20180327213155p:plain

f:id:ryota-17:20180327213158p:plain

永久保存版!はてなブログのサイトマップはこれだ! - いまいちど


Google Analytics のサイト変更

次は Google Analytics、1ヶ所だけだから簡単だね。

Google Analytics にログイン
左下の歯車
「プロパティ設定」
「デフォルトの URL」に新しいアドレスを入力して保存

保存できない時は「デフォルトのビュー」などの設定漏れがないか確認

f:id:ryota-17:20180327214502p:plain

f:id:ryota-17:20180327214504p:plain

f:id:ryota-17:20180327214510p:plain


Google Adsense 関連

プライバシーポリシーなどの追加

Google Adsense 導入には「プライバシーポリシー」が必須になるよ。「固定ページ」機能で作成しよう。

「固定ページ」で「プライバシーポリシー」を作成
ついでに「免責事項」や「運営者情報」も作成したよ

ページを分けるかは好みの問題なので、全部 1ページにまとめても OK

f:id:ryota-17:20180330213749p:plain


参考に僕の作ったやつを載せておくよ。コピペ OK なので、よければこの記事を紹介なりブクマなりしてくれると嬉しいな。
僕も他サイトの情報を参考にさせてもらったよ。

プライバシーポリシー
免責事項
運営者情報

アドセンスにはプライバシーポリシーが必須!書き方とテンプレート | iscle [イズクル]
【コピペでOK】プライバシーポリシーの書き方|AdSense・Analytics対策 | アフィリエイトで会社の外にも収入源を【liberty-life-blog】
はてなブログProで固定ページが作成できるようになったので『プライバシーポリシー』を設置してみた。 - ガジェレポ!


Adsense 審査

僕は YouTube で広告出すのに Adsense 自体は開設済だったから、審査の参考になりそうなページ貼っておくね。

【2018年版】はてなブログでアドセンスを申請→設定→収益化する方法総まとめ。 - MUTANT
【はてなブログでグーグルアドセンスの審査に12日間で合格する方法 - ブログ完全初心者が始めるグーグルアドセンス〜月収10万稼げるまでの記録です〜


Amazonアソシエイト のサイト追加

Amazonアソシエイト 開設済の人は、新しいサイトの追加をしないとダメだよ。

Amazon アソシエイトお問い合わせフォーム を開く
サインイン
必要事項を入力して送信
承認されたら、ウェブサイトとモバイルアプリの変更 に追加

Pro から無料版に戻す可能性もあるから、古いアドレスは残しておいた方が良いよ
Twitter とか SNS も登録が必要だよ

f:id:ryota-17:20180330215943p:plain

f:id:ryota-17:20180330215947p:plain

f:id:ryota-17:20180330215715p:plain

f:id:ryota-17:20180330215950p:plain


各種ASP のサイト変更

自分が登録してるやつは変更しないとダメだよ。ついでに登録してないとこは登録しよう。

A8.net に登録
afb に登録
もしもアフィリエイトに登録
Zucks Affiliate に登録
バリューコマース に登録
Smart-C に登録
SmaAD に登録
ACCESSTRADE に登録
nend に登録


SNS ボタン の設定変更

サイドバーとか記事の上下に表示してるやつ。


SNS プロフィール の設定変更

Twitter とかに書いてるブログのアドレス。はてなブログは、勝手にリダイレクトしてくれるので変えなくても良いんだけど、気持ち悪いし変更しておこう。


内部リンクの変更

内部リンクも勝手にリダイレクトしてくれるので変更しなくてもいいよ。

気になる人は、シロマ(id:shiromatakumi)さん公開の「はてなブログ用の一括置換ツールを作りました - NO TITLE」でまとめて変更できるよ。

記事のバックアップを取って、まずはサブブログで試すこと
置き換え失敗すると悲惨なことになるので注意

f:id:ryota-17:20180330221326p:plain

f:id:ryota-17:20180330221329p:plain

f:id:ryota-17:20180330221342p:plain

はてなブログ用の一括置換ツールを作りました - NO TITLE


参考ページ

Pro・独自ドメイン移行や記事執筆にあたり、これらのページを参考にさせてもらいました。

✩←ヒトデ(id:hitode99)さん、minimalgreen(id:minimalgreen)さん、エルパ(id:elppapr)さん、てつ(id:mutant-tetsu)さん、たけのこ(id:bambamboo333)さん、広野ヨウ(id:mayoi_inu)さん、いっしー(id:hometaka5657)さん、ガジェレポ!(id:gadgerepo)さん、 いちはやカケル(id:ichihayakakeru)さん、たつよし(id:taasan69)さん、シロマ(id:shiromatakumi)さん、Wordpress などで情報公開してくださってる皆さまがた、本当にありがとうございました。

独自ドメインではてなブログを運営しよう! ドメイン取得から設定までを徹底解説 - 週刊はてなブログ
はてなブログを独自ドメインで利用する - はてなブログ ヘルプ
はてなブログで独自ドメインに変更する際、変更後にやる事 - 今日はヒトデ祭りだぞ!
はてなブログの独自ドメインを変更した後にやることリスト - Hatena Blog Theme Custom
独自ドメインに変更した後にやるべきこと!変更すべき各種設定まとめ!【はてなブログ】 - エルパの盤上この一手
【2018年版】はてなブログPROに移行、からの独自ドメインを設定する方法 - MUTANT
はてなブログで独自ドメインを設定する方法!ドメインは【お名前.com】で取得したよ♪ - iPhoneのこととかいろいろ
独自ドメインへ変更したらインデックスを引き継ごう! Search Consoleでのアドレス変更方法! - いつもマイナーチェンジ!
サーチコンソール 登録できない 所有権が確認できない・TXTかCNAMEで解決 | 大田区 ホームページ制作 アズーロ
永久保存版!はてなブログのサイトマップはこれだ! - いまいちど
はてなブログProで固定ページが作成できるようになったので『プライバシーポリシー』を設置してみた。 - ガジェレポ!
アドセンスにはプライバシーポリシーが必須!書き方とテンプレート | iscle [イズクル]
【コピペでOK】プライバシーポリシーの書き方|AdSense・Analytics対策 | アフィリエイトで会社の外にも収入源を【liberty-life-blog】
【2018年版】はてなブログでアドセンスを申請→設定→収益化する方法総まとめ。 - MUTANT
【はてなブログでグーグルアドセンスの審査に12日間で合格する方法 - ブログ完全初心者が始めるグーグルアドセンス〜月収10万稼げるまでの記録です〜
【2017年5月版】Googleアドセンス審査に3ヶ月待ちで合格!合格までの道のりを公開します! - メカとろぐ
【2018年度版】Amazonアソシエイトで登録サイトを追加する方法 | FREE SWORDER
ウェブページを一定時間で自動更新する Chrome拡張機能 - パソコントラブルQ&A
Amazonアソシエイトにサイトを追加する方法
はてなブログ用の一括置換ツールを作りました - NO TITLE


まとめ

はてなブログPro・独自ドメインの移行でやったことをまとめたよ
お名前.comのケースだよ
長いけど画像つきでまとめたから見ながら作業すれば安心だよ

独自ドメインで Happy Blogger Life!!

【コピペ導入】はてなブログ用 過去記事TweetBot【全自動】

Amazon プライムのメリット総まとめ
キッチン作業が最高に捗る突っ張りキッチンラック【オススメグッズ・スペース倍増】
内村さまぁ~ず 第1〜50回から選ぶオススメ神回10選【Amazonプライムビデオ】