ひだまりPはこう語った

ちゅんちゅん、ハローラブライブ!「人生をラブライブ!にする」をモットーにあれこれ語ります。

【お知らせ】はてなブログProに加入して新ドメインに移行しました。

f:id:hidamarie:20180108151354j:plain


やったぜ。

 

 かねてから検討していた「はてなブログPro」への登録と、新ドメインへのお引っ越しを済ませました。それに伴い、ブログURLが従来のhidamarie.hateblo.jpからwww.hidamarie.netに変更になっております。(従来のURLからでも自動的に新URLへジャンプします)

 

 今回はURL変更に伴う報告と、はてなブログPro登録&新ドメイン移行に伴いやったことのを簡単に紹介します。

 

 続きを読むからどうぞ!

 

 

 

もくじです。

 

 

はてなブログProへの移行に伴い実施したこと

 

はてなブログProへの登録

 

 はてなブログ有料プランの料金はこんな感じです。

 

☆1ヵ月コース  1,008円(1,008円/月)

 

☆1年コース   8,434円(703円/月)

 

☆2年コース  14,400円(600円/月)

 

  ぶっちゃけ割高感が拭えないですね。2年コースなどは月割なら600円でも実際には一括ドーンで14,400円請求されるわけですからね。ひだまりPがブログ開設から3年半もPro加入を足踏みしていたのは単純に料金が高いからです。

 

 1ヵ月コースは流石に無しで、1年か2年コースで悩んでいましたが腹を括って2年コースで。因みに、クレジットカード決済での登録に限り初回1ヵ月間は無料ではてなブログProを利用できます。これはAmazonプライムのお試しとかと同じで、無料期間中は自由に解約もできます。

 

 

 Pro会員になると、プロフィールとかの名前の横にPROマークが付きます。

f:id:hidamarie:20180108163949j:plain

 

 

はてな広告・キーワードリンクの解除

 

 大切。無料版にははてなの広告が掲載されますが、Proなら非表示にできます。

f:id:hidamarie:20180108161025j:plain

 

 また「キーワードリンク」とは記事中にはてなキーワードに登録された語句が入ると自動でリンクされるという陣内智則のコントみたいな機能のことで、読みづらくなることはあってもメリットは特に無いので解除できるならしておいた方がいいと思います。

 

 

オリジナルドメインの取得

 

 はてなブログProに登録すると独自ドメインが使用できるようになります。無料版ではブログのURLが [自分のID].hatenablog.jp などの文字列になっているかと思いますが、要するにはてなブログ側の用意したドメインのサブドメインという位置付けになっていました。有料版では自分で取得した自分だけのドメインにはてなブログのURLを設定することができます。

 独自ドメインそれ自体ははてなブログProに付随するサービスではないので、有料版でもはてなのドメインを使い続けることも可能です。独自ドメインを使用するためには自前でドメインを購入する必要があります。

 

 ひだまりPは有名なお名前.comで取得しました。μ'sの半裸広告で物議を醸したあのお名前.comです。他サイトとの比較はしてないですが、自分の好きな文字列で簡単に検索できる上に料金も割安なので一番無難だと思いますね。

 

 

 ひだまりPの場合、ブログURLに使う文字列としてIDと同じ「hidamarie」を使いたかったので、検索したところhidamarie.comやhidamarie.workだとかhidamarie.tokyoだとか種々のドメインが候補として出てきます。基本的に.jpだと.comだのというよく見るドメインほど高額だったり利用不可になっていたりします

 色々悩みましたが、「hidamarie.net」を購入。1年間で750円くらいでしたね。

 

 ちなみに一つ買うと同じ文字列の.jpも取れとか.xyzも取れとかクソメール連打してきてウザさMAXなので、設定からメルマガ受信をオフにしておくことを強くお薦めします。

 

 無事ドメインを取れたらはてなブログ用に使うための設定をします。と言ってもここはひだまりP、全く分からないのでググって出てきたブログのハウツーをそっくりそのまま真似しました。特に難しいこともなく、30分くらいで設定は完了しました。ありがとうございます。

 

参考:【2018年版】はてなブログPROに移行、からの独自ドメインを設定する方法 - MUTANT

 

 これで新URLへのお引っ越しは完了。ちなみに旧URLへのアクセスはそのまま自動的に新URLへ飛ばしてくれるので、当面ブログアクセスが不可になるといったリスクは無いですね。

 

 

 ぶっちゃけノリで取った独自ドメインですが、やっぱりドメインと言えば現実世界で言う土地みたいなもので借家から持ち家に移ったような達成感がありましたね。愛着も湧きますし、「ブログを運用している」という実感が湧きました。

 また具体的なメリットとしては、アフィリエイト大手のGoogleアドセンスの審査がwww.で始まる独自ドメインでないと通らないらしいので只今絶賛審査中です。このブログはあくまで趣味の雑記であって収益を目的としたものではないですが、Proの代金くらいはペイできるとモチベーション的には嬉しいですね。

 

 

新URL変更に伴う対応

 

 過去記事全てで貼った他記事へのリンクURLがhidamarie.hateblo.jpのままなので全てwww.hidamarie.netに置き換えます。上述の通り置き換えなくとも自動でリンクを飛ばしてくれますが、気持ちの問題もありますし今後の諸々を考えると新URLにできるところはしっかり新URLにしておきたいですね。

 

 旧URLからのジャンプがどのくらいあるかは、管理画面のアクセス解析でアクセス元が旧ドメインになっている割合でたぶん分かります。

f:id:hidamarie:20180108172911j:plain

 

 とは言っても過去100以上の記事内URLを全部チェックして書き換えるのは現実的な作業ではないので、これも有志の方による一括置換ツールを利用させて頂きました。

 

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

 

 これでお引っ越しは完全に終わり。やったね!

 

 

スマホ用ページのカスタマイズ(重要!)

 

 一番重要。PROにしようと決めた理由は8割これです。

 

 はてなブログの管理画面→デザインから諸々のページデザインを弄れるんですが、スマホ版のフッター等詳細設定の変更はPro限定機能となっています。

 

f:id:hidamarie:20180108174211j:plain

 

 ひだまりPはブログのアクセス解析にGoogleアナリティクスを使用していますが、常時8割以上の人がスマホから読んでくれているということがだいぶ前から分かっていました。ひだまりPが頑張ってPC用ページのサイドバーだのを涙ぐましくカスタマイズしても8割の訪問者からは見ることさえできないという悲しい現実です。

 ましてスマホ版のデフォルトでの表示は本当にシンプルなもので、記事に興味を持ってくれた方がいてもそれをシェアしたり他記事に手を伸ばしてくれる機会を奪ってしまう懸念がありました。どこかの国の言葉では回遊率とか言うそうです。

 

 とは言えひだまりP、プログラミング用語はcopypasteしか知らないので例によってGoogle検索を駆使してそれっぽいハウツーを探します。

 具体的にやったこととしては、人気記事やカテゴリへのアクセスができるメニューバーとSNSシェアボタンを新しく設置しました。8割のあなたが今見てくれているそれです。下に表示されてるソレですよ。

 

参考:

はてなブログスマホ画面にホーム・人気記事・カテゴリ・トップへ戻るの複合メニューバーをつけるカスタム - Yukihy Life

コピペ一発!はてなブログのSNSシェアボタンをめっちゃオシャレにカスタマイズ! - いつ俺〜いつから俺ができないと錯覚していた?〜

 

 SNSシェアボタンについてはPC版にも取り付けました。ちょっとだけ不具合が起こりましたが。

 

 

 タイトルに「#」とかが入ってると文字コードの関係でTwitter投稿画面に本来なら表示される記事タイトルとURLが、タイトルの「#」文字の所で切れてしまう不具合があったのでツイートの通り力技で全部タイトルを変更しました。

 

 

PC版トップページの一覧表示

 

f:id:hidamarie:20180108175600j:plain

 

 Pro版の機能でトップページの表示形式を全文形式から一覧形式に変更できるようになります。全文形式はトップページにも各記事の本文が「続きを読む」で区切った所まで全部表示される通常のブログ方式。対して一覧形式はアーカイブ表示になります。こんな感じです。

 

f:id:hidamarie:20180108175845j:plain

 

 こっちの方が見やすい上にトップページの読み込みが遅くなる問題も回避できます。

 因みに、普段ひだまりPのブログをPCで見てくれている2割のあなたは「いや、ずっと前からこうじゃなかった?」と疑問に思われているかもしれません。ありがとうございます。

 実はその通りで、この表示形式ははてなブログURLの末尾に/archiveと付けてジャンプできるアーカイブページと同じ形式になります。これは全てのはてなブログで同様です。

(こんな感じ→http://www.hidamarie.net/archive

 

 今までも実はJavaスクリプトを使って、トップページから自動でアーカイブのページにジャンプさせることで擬似的にこの一覧形式を使っていました。これは無料版でも出来るので、興味のある方はググってみて下さい。

 

 

その他Pro会員のメリット等

 

 ブログのカスタマイズとしては以上のような感じです。何か不具合が発生していたらコメント頂けると幸いです。

 

 その他Pro会員になるメリットとしてはブログを持てる数が3個→10個に増える複数人でのブログ管理が可能などがありますが、基本的にはひだまりPには必要ないですね。

 写真のアップロード容量が毎月300MBから3GBにアップするのはちょっと嬉しいですが、そもそも普段から300MB/月も画像アップしないですからね。デジカメの写真とかスマホのSSとかバカでかい画像をそのままアップロードして貼り付けるのは容量云々以前に重くなるので、ひだまりPはだいたい横幅1200ないし800くらいにリサイズしてから貼り付けてます。そのため、写真を多く使う旅行日記とかのブログを更新した月でも無料版の容量の30%もいってないのが現実ですね。

 

 

おわりに

 

 そんな感じです。

 

 はてなブログPro加入を決めたのは基本的にはスマホ向けのデザインをなんとかしたいと思っていたためですが、アニメラブライブ!サンシャイン!!が終わってブログネタが無くなったところでのモチベーション維持という考えもありました。やっぱり月600円払うからにはちゃんと運用しなければという意思が湧いてきますね。

 

 今回のように独自ドメインを取得してURLが変更になっても、基本的には自動リンクのおかげで特に障害もなくスムーズに移行できます。いざやってみると、もっと早くProにしておけば良かったと思ってしまうところが大きいですね。月600円ならニコニコプレミアムを退会すればトントンですしね。実際、何か不都合が起こった時に過去の記事だのをチェックしないとならないとなった時に記事数が膨大だと途方に暮れることになってしまうので、Pro加入を検討している位なら早い段階でサッサと登録してしまった方が良いように思えます。基本的には、金がかかるという以外のマイナスは無いですからね。

 

 それでは、リニューアルしたひだまりPブログを今後ともよろしくお願い致します。

 

 これからもがんばルビィ!(激寒)