はてなブログをwwwなしの独自ドメインにする方法

はてなブログをwwwなしの独自ドメインにしました

はてなブログの有料版だと独自ドメインを設定できますが、wwwありでの表示になってしまいます。それで、ムームードメインで独自ドメインを取得している場合は、レンタルサーバーのロリポップでwwwなしをwwwありへリダイレクトしていることが多いと思います。

この場合、はてなブログでwwwありからwwwなしにするのは簡単です。

はてなブログProで独自ドメインをご利用の際、サブドメインなしでも運用できるようになりました

ロリポップでwwwありからwwwなしにリダイレクトする

だけど、ロリポップでwwwありからwwwなしにリダイレクトする必要があります。リダイレクトしないと、Twitterのツイートをクリックした場合やブログで記事を紹介されていた場合など、リンクをクリックするとエラーになってしまいます。

はてなブログの設定は、

  • 空欄 A 13.230.115.161
  • 空欄 A 13.115.18.61

なんだけど、先にロリポップにドメインを登録して独自SSLの設定をしておきます。はてなブログの設定をしてからだと、独自SSLを設定することができませんでした。

ムームーDNSへの移行 / ドメイン / マニュアル – レンタルサーバーならロリポップ!

ムームーDNSを設定する

そして、ロリポップからムームードメインに移行して借り登録することで、ムームーDNSを利用できます。ムームーDNSで

  • 空欄 A 13.230.115.161
  • 空欄 A 13.115.18.61

を登録します。

 

.htaccessをロリポップにアップする

ロリポップでは、wwwありのルートに.htaccessをアップしました。

RewriteEngine On
RewriteCond %{HTTP_HOST} ^www\.takakiku\.net
RewriteRule ^(.*) https://takakiku.net/$1 [R=301,L]

ここまでいいと思ったんです。だけど、旧URLのリンクでアクセスすると、404エラーになるんです。

旧URLから新URLにリダイレクトする

それで、下記を

<script>
var url1 = 'https://www.takakiku.net/';
var url2 = 'https://takakiku.net/';
if(location.href.startsWith(url1)){
    location.href = url2;
}
</script>

 

はてなブログに追記しました。

301リダイレクトが使えないときにJavascriptでページを転送する方法 | 3分ニュース: にゃんぷん

これで、旧URLにアクセスがあると、新URLの投稿ページにリダイレクトするんです。301リダイレクトではないけれど、個人的には、これで十分です。

コメントを残す