おすすめのVRヘッドセット

【Brog】はてなブログProの切替と収益化、独自ドメインの変更方法全まとめ

hatena-blog-pro

10月になりまして、キリが良いで一度試したかった『はてなブログPro』にしてみました。

まずは1ヶ月だけ。

Googleアドセンスやアクセス数にどう変化を与えるのか経過を見守りたいと思います

また知り得たことがありました、この記事を更新していこうと思います。

はてなポイントについて

はてなブログProを登録するには、事前に料金分のはてなポイントの購入が必要です。

  • 1か月コース=1,008円(税込)
  • 1年コース=8,434円(税込)
  • 2年コース=14,400円(税込)

事前にネットで調べたところ、コース金額ちょうどでは購入できない(あまりが出てしまう)と書かれていたのですが、実際はコース金額ちょうどで購入することが出来ました。

はてなポイントを購入できる金額

以前はなかったと思われるコース金額ピッタリでクレジット購入できます。

1,000円
1,008円
2,000円
3,000円
5,000円
8,434円
10,000円
14,400円
30,000円

はてなポイントの注意事項

  • はてなポイントの有効期間は最終利用日から1年です。
  • お支払回数は1回払いのみとなります。
  • 不正防止のため、1日以内に連続購入することはできません。
  • カード番号・カード名義・有効期限はカード記載通りに入力してください。
  • 3Dセキュア登録済カードの場合、カード会社のページに移動しますので、3Dセキュアの認証パスワードを入力してください。
  • カードのお支払いには30秒ほど時間がかかります。「この内容でポイントを購入する」ボタンを1回だけ押してお待ちください。
  • はてなポイントの返金は受け付けておりません。


はてなブログProでできるカスタマイズ

f:id:min0124:20161001013648j:plain

キーワードリンクをOFF

設定>詳細設定から。余計なリンクが減るのでSEO対策になります。

広告を非表示

設定>詳細設定から。はてなブログ(無料)の広告を消します。

ヘッダとフッタの非表示

最上部に出る『記事を書く』のバーと最下部のはてなIDが出ている箇所ですが、非表示にすることで表示が早くなります。

Accelerated Mobile Pagesの設定

設定>詳細設定から。ベータ版の機能ですが、AMP配信(ベータ版)の適用で、表示速度が快適になるそうです。

AMP(Accelerated Mobile Pages)を使用する – はてなブログ ヘルプ

アドセンス広告

はてなブログProにしたことで、フッターやアーカイブ上のはてなの広告を消して、代わりにアドセンス広告を入れてみました。

またスマートフォン版の『タイトル下』や『フッター』もカスタマイズできるようになったので、こちらも広告を入れてみます。

まずはテストとして入れてみてますが、見た目は良くないので整理していくと思います。

参考(アーカイブ、カテゴリー(一覧表示時のみ)、またはaboutページの上部と下部にアドセンス広告を配置)

bulldra.hatenablog.com

スマートフォン版のカスタマイズ

グローバルヘッダーの非表示

まずは最上部にある Hatena Blogのロゴを消します。

フッタに下記のコードをコピペ

<style type="text/css">
/* はてなのグローバルメニューを消す */
#globalheader-container {
display: none;
}
#container{
padding-top: 0px;
}
</style>

はてなブログメニューの非表示

『記事を書く』、『記事の管理』などはてなのリストメニューと最下部にあるメニューをまとめて非表示にします

フッタに下記のコードをコピペ

<style type="text/css">
/* フッター部分のリストを消す */
.touch-item-list {
display: none;
}
.footer-action-wrapper {
display: none;
}
</style>
<style type="text/css">
/* フッターメニューを消す */
#footer-menu {
display: none;
}
</style>

デザインの変更

とりあえず下記のサイトを参考に、コードをコピペして、色だけ変更しました。

参考

www.ituore.com

「はてなProにしました!」カスタマイズをめっちゃしたよ! – ふーログ



はてなブログProのプランの更新・変更方法

更新方法

契約しているプランのはてなポイントを契約満了までに用意しておく。

変更方法

  • まず、今のプランを解約する。

はてなブログの管理画面>はてなブログProのページに行き一番したの「はてなブログProを解約」をクリック

f:id:min0124:20161030210250j:plain

解約ボタンを押すと、契約満了日までの解約日が表示されます。

f:id:min0124:20161030210318j:plain

  • 契約満了日に変更したいプランのはてなポイントを用意して、プランを契約し直す
  • 契約した日の契約した時間(03:00)にはてなブログPro停止のお知らせのメールが届く。(停止されましたが、Proの設定等はまだ変更できる状態)
  • 満了日中に、はてなポイントを新たに購入してプラン変更しました。


はてなブログProの一ヶ月後の結果

アクセス数について

f:id:min0124:20161101075552j:plain

10月にはてなブログProしてから、アクセス数は約1.3倍増になりました。

Proにする前は1.1倍増ペースでしたので、多少は効果がありそうです。

収益について

f:id:min0124:20161101080539j:plain

10月にはてなブログProしてから、収益は約2.5倍増になりました。

アクセス数の伸びに対してみても、スマホ版とヘッダーやフッター、記事中に広告を入れることで単純に広告数が2倍に増えたからその分増えたと思われます。

今は実験用に広告を貼り過ぎで、抑えようとは思っているので見た目と効率の良い方法を探りたいとは思います。

ちなみに数字はぼかしていますが、8月に1ヶ月プランの額を超えたので、経過を見て10月にはてなブログProにしました。

blog-own-domain

はてなブログPROに切り替えて、早1年。

いろいろと悩んだのですが、次のステップにチャレンジしたいということで、独自ドメイン(http://www.cg-method.com)に切り替えてみました。

独自ドメインのメリット、デメリット。

そして変更方法とその後の設定についてまとめました。



独自ドメインのメリット・デメリット

メリット

  • SEOリスクの低減。仮にはてなブログのドメイン評価が下がってしまっても影響を受けなくなる。
  • 競合の回避。Googleの検索表示も同じドメインはたくさん表示しないので、独自ドメインは有利。
  • はてなブログが終了しても、別のサーバーを立てれば、影響を抑えて復帰できる。
  • WordPressなどに移行しやすい。サーバーの変更の影響を抑えられる。

デメリット

  • 維持費がかかる。.comであれば年間1000円程度
  • はてなブログのドメインパワーを失うので、アクセス数が下がる可能性がある。


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

ドメインの入手

  • お名前.com
    へアクセス
  • 取得したいドメイン名を検索 cg-method.com
  • 年数とWhois情報公開代行にチェック(※)を入れて購入

※Whois上で表示されるお客様のドメイン登録情報を、お名前.comの情報に代えて掲載するサービス。チェックを入れないと個人情報が公開されてしまう。

f:id:min0124:20170917130707p:plain

ドメインの設定方法

はてなブログにつなげるセッティングをします。

  • ドメイン設定>DNS関連機能の設定>ドメイン選択>DNSレコード設定を利用する

f:id:min0124:20170917133749p:plain

f:id:min0124:20170917133847p:plain

  • 下記を入力して、追加ボタン

ホスト名www、TYPECNAME、TTL3600、VALUEhatenablog.comに設定

f:id:min0124:20170917134704p:plain

  • 下へスクロールして、DNSレコード設定洋ネームサーバー変更確認にチェック

f:id:min0124:20170917134805p:plain

  • 設定するボタンで変更

f:id:min0124:20170917134839p:plain

  • 設定したドメインにアクセス

設定直後なら「このサイトにアクセスできません」

f:id:min0124:20170917135814p:plain

すこし待つと、はてなブログの「お探しのページは見つかりませんでした。」とでるので、この状態になればOK

f:id:min0124:20170917135934p:plain



はてなブログProのでの設定方法

  • はてなブログ>設定>独自ドメインからwww.cg-method.comを入力
  • ドメイン設定をチェックのボタンを押して、有効か確認する

f:id:min0124:20170917130142p:plain

以上で、独自ドメインの設定は完了です!

『サイトURLを独自ドメインに切り替えて、地獄をみた話』のその後。未だにGoogleからのアクセス数はほとんど回復していません。 – クレジットカードの読みもの



はてなブログProの独自ドメイン変更後にすること

Google アナリティクスへのURL変更

設定>プロパティ>デフォルトのURLから新しいURLを入力

f:id:min0124:20170917112502p:plain

f:id:min0124:20170917112513p:plain

Google AdSenseのURLの追加

設定>自分のサイト>+ボタンから、新しいURLを入力

f:id:min0124:20170917111929p:plain

AmazonアソシエイトへのURL申請

アソシエイトカスタマーサービスに連絡するから依頼をしましょう。

アソシエイト・セントラル – アソシエイトお問い合わせフォーム

件名:「アカウント情報の変更、登録URLの追加など」を選択

WebサイトのURL:新しいURLを入力

コメント:ドメインの変更の旨と審査の依頼をしましょう。

f:id:min0124:20170917112137p:plain

問い合わせた結果。下記が正しい手順となるそうです。

https://affiliate.amazon.co.jp/gp/associates/contact
上記フォームより事前にAmazon.co.jpに追加・削除希望のURLを連絡
↓
Amazon.co.jpで審査結果を返信
↓
承認された場合のみリンクの使用ならびに参加者様ご自身で「ウェブサイトとモバイルアプリの変更」上より追加・変更

Google Search ConsoleへのURL変更

※Googleアナリティクスとの関連付け済み前提です。

Search Console – Home

  • 以前のはてなブログ(http://min.hatenablog.jp)プロパティを選択
  • 設定>アドレスの変更

f:id:min0124:20170917123444p:plain

ここから4点やることがあります。

f:id:min0124:20170917143937p:plain

1.リストから新しいサイトを選択する

*「追加してください」ボタンを選択

  • 「プロパティを追加」ボタンから新しいURLを入力
  • 確認方法選択。ドメイン名プロバイダをOnamae.com

f:id:min0124:20170917123836p:plain

  • 6番のセキュリティー トークンをコピー
  • お名前.com
    にログイン
  • ドメイン設定>DNS関連機能の設定
  • ホスト名を空白、TYPEをTXT、VALUEにさきほどのセキュリティー トークンをペースト

f:id:min0124:20170917123947p:plain

  • 設定ボタンをして、DNSレコードを設定する

f:id:min0124:20170917124209p:plain

  • Google Search Consoleへ戻り、確認ボタン

f:id:min0124:20170917124302p:plain

2. 301リダイレクトが正常に動作していることを確認する

はてなブログは初期ドメイン(例 ○○○.hatenablog.com)であれば、独自ドメインへ転送します。

3.確認方法がまだ残っていることを確認する

Googleアナリティクスのトラッキングコードを使って認証します。

  • Googleアナリティクス>設定> トラッキング情報>トラッキングコードをコピー

f:id:min0124:20170917125318p:plain

  • はてなブログ>設定>詳細設定>検索エンジン最適化>headに要素を追加にトラッキングコードをペースト

f:id:min0124:20170917125532p:plain

  • Google Search Consoleへ戻り、確認ボタン

<追記>
認証後、headに要素を追加に追加したトラッキングコードの削除をしないとGoogleアナリティクスが二重カウントしてしまいます!

4.アドレス変更のリクエストを送信する

1、2、3が確認できれば、リクエストの送信ボタンを押すことができます。

f:id:min0124:20170917125823p:plain

その他の変更

  • Twitter等SNSのプロフィール設定
  • Feedlyボタンの修正(feedly. your news. delivered.
  • MilliardとかもURL(PC/スマホの2箇所のリンク修正)
  • 内部リンクの修正(修正しなくてもリダイレクトされます)

参考

はてなブログで独自ドメインを設定する方法!ドメインは【お名前.com】で取得したよ♪ – iPhoneのこととかいろいろ

【はてなブログ】独自ドメインの変更から変更後にやることまとめ – ハンバート友幸の庭



以上、すいみん(@cg_method)でした!