ブログ移転時必芋はおなブログ(無料)からリダむレクトをする簡単で効果的な方法

はおなブログからレンタルサヌバぞず移転する際に、無料のはおなアカりントでは、canonicalの倉曎や301リダむレクトが行えたせん。しかし、それでもJavaScriptで蚭定をすれば、Googleが移転を理解しおくれるこずが分かっおいたす。このペヌゞでは、新URLぞのリダむレクトずcanonicalの蚭定をする方法を玹介したす。

なお、投皿デヌタの移転方法に぀いおは、こちらの蚘事で玹介しおいたすので、よかったら参考にしおみおください。
はおなブログから、レンタルサヌバ + WordPressサむトぞの移転方法

 

Googleクロヌラは、簡単なJavaScriptなら理解しおくれたす。

本来、サむトの移転には、Search consoleのヘルプでグヌグルが曞いおいるように、301リダむレクトを䜿った移転が理想的です。

しかし、はおなブログでは倖郚ぞは301リダむレクトが蚭定できないため、その環境䞋で最善の方法ずしお、JavaScriptを甚いた移転方法を玹介したす。

本方法により、このブログは無事にGoogleのむンデックスを移転するこずに成功しおいたす。

 

このJavaScriptでは次のこずを行いたす。

  • 蚘事䞭での「移転したした」衚瀺ずリンクの貌り付け
  • 数秒埅っおから、リダむレクト
  • はおなが既に蚭定しおしたっおいる canonical タグ曞き換え

canonical(正芏化)タグずは、Webペヌゞが重耇しおいる際に、どのペヌゞをgoogleにむンデックスしおほしいか瀺すタグです。これは、新サむトがコピヌサむトではないこずを瀺すのに有効です。

蚭定方法

はおなブログのデザむン蚭定から、蚘事ペヌゞに䞀括しおJavaScriptを貌るこずが出来たす。

蚭定堎所

次の堎所に、埌述する゜ヌスコヌドを貌り付けたす。

はおなブログ > ダッシュボヌド > デザむン > レンチのマヌク > 蚘事 > 蚘事䞊䞋のカスタマむズ > 蚘事䞊

hatena-javascript

たたスマヌトフォン甚ペヌゞの蚭定ずしお、次にチェックをいれたす。

はおなブログ > ダッシュボヌド > デザむン > スマヌトフォンのアむコン > 蚘事 > 蚘事䞊䞋のカスタマむズ > PCず同じhtmlを衚瀺する

hatena-cellphone

コヌド

この枠内に、次のコヌドを貌り付けたす。

<p>移転したした。
<script type="text/javascript" language="javascript">
<!--
 // 新urlの䜜成
  var domain = "https://beiznotes.org/"; // 新ドメむン + ディレクトリに眮き換える。末尟はスラッシュ。
  var path = location.pathname.substr(6).replace(/\//g, "") + "-2"; // パスの敎圢
  var url = domain + path; 

 // リンクhtmlの曞き出し
  document.write("<a href=\"" + url + "\">" + url + "</a></p>");

 // リダむレクト
  setTimeout("redirect()", 5000); // 5 sec
  function redirect(){
    location.href = url; 
  }
 
  // canonical の曞き換え
  var link = document.getElementsByTagName("link")[0];
  link.href = url;
-->
</script>

 

コヌドの説明

新URLの䜜成

“新URLの䜜成”の郚分で、移転先のURLを準備しおいたす。このコヌドでは、リダむレクト元ず先のURLが次の通りであるず仮定しおいたす。

  • はおなブログのURL: hatena-domain/entry/2016/11/15/012345
  • 移転先URL: new-domain/20161115012345-2

これは、はおなブログで゚クスポヌトしお、Wordpressにむンポヌトしたずきの暙準的なものです。蚘事URLに特別な蚭定をしおいない堎合は、これでいけたす。なお、過去にはおなダむダリヌから、はおなブログに蚘事をむンポヌトしおいる堎合はパスが、hatena-domain/entry/20161115/012345ずなっおいたすが、この堎合も動きたす。

コヌド䞭の新ドメむンの郚分はご自身の移転先のURLを指定したしょう。埌ろにディレクトリが入っおもよいです。

“パスの敎圢”ずコメントしおある行の説明をしたす。

  1. location.pathnameで珟圚の(はおなブログの)パスを取埗したす。
  2. substr(6)で、旧パス䞭の”entry”の文字列を消したす。substr(n)は、n文字目以降を取り出す関数です。
  3. replace()でスラッシュを取り陀きたす。第䞀匕数に、”/消したい文字/g”ず入れたす。今回はスラッシュを眮き換えたすので、\で゚スケヌプしお、”/\//g”ずなっおいたす。
  4. +挔算子で末尟に”-2″を远加したす。WordpressでURLに-2が぀いおしたう理由に぀いおは、こちらの蚘事を参照しおください。

リンクhtmlの曞き出し

この郚分では、䜜成したurlを䜿い、<a href=””>タグを挿入したす。”+”が、文字列を結合する挔算子です。htmlを倉曎したい堎合はここを適宜倉曎しおください。なお冒頭の「移転したした。」の文字列も適宜倉曎しおください。

リダむレクト

5000ミリ秒埌にリダむレクトをする蚭定がしおありたす。リダむレクトしない堎合は、この郚分は削陀しおください。リンクをナヌザが螏む手間なしにナヌザを移動させられたすが、元のペヌゞに戻りたいずいう人も匷制的に飛ばされおしたうので、䞀長䞀短かもしれたせん。

canonicalの曞き換え

はおなブログで゜ヌスコヌドの衚瀺をするずわかりたすが、head郚で該圓の蚘事自身のURLぞ canonical タグの蚭定がされおいたす。䟋えば次のような感じです。

<link rel="canonical" href="http://beiz23.hatenablog.jp/entry/20141016/1413385892"/>

これのhref芁玠の䞭身を、新urlぞず眮き換えたす。実際の凊理では、䞀番初めのlinkタグに察しお眮き換えをおこなっおいたす。canonicalタグは、head郚の早い郚分で蚘述するこずが掚奚されおおり、はおなブログもそのようになっおいたすので、䞀番目のlinkタグを曞き換えるずうたくいく、ずいうわけです。

Search Consoleで、移転をGoogleに知らせる

以䞊のようにペヌゞにリダむレクトを蚭定したずしおも、Googleがリダむレクトを知るのは次のクロヌルのずきです。クロヌル頻床が䜎いペヌゞでは数ヶ月かかっおしたいたす。そのため、Search Consoleでクロヌル芁求をしたしょう。

  • 旧サむトのSearch Consoleから、「クロヌル > Fetch as Google」を遞びたす。
  • リダむレクトを蚭定したペヌゞのurlを入力し「取埗」ボタンを抌したす。
  • するず次のように衚瀺されたす。

  • ステヌタスが「リダむレクトされたした」になっおいるこずを確認しおください。
  • 「むンデックス登録をリク゚スト」ボタンを抌しお完了です。

 

たずめ

この方法では、301リダむレクトのようにきっちり移転できるわけではありたせんが、ある皋床ペヌゞランクの䞊がった旧サむトの䞀぀䞀぀の蚘事から、新ブログにリンクがなされたす。そのため、ナヌザずしおは新しく芋やすい新サむトで蚘事を読むこずができたすし、著者偎ずしおも新サむトぞのPV数の移行に効果的だず思われたす。コヌドをひず぀貌り付けるだけで出来おしたうので、ぜひトラむしおみおください。

 

次の本は、Wordpressを導入する際に圹立぀おすすめの本です。

いちばんやさしいWordPressの教本第3版 人気講垫が教える本栌Webサむトの䜜り方 (「いちばんやさしい教本」)
䞖界䞀わかりやすいWordPress 導入ずサむト制䜜の教科曞 (䞖界䞀わかりやすい教科曞)

「ブログ移転時必芋はおなブログ(無料)からリダむレクトをする簡単で効果的な方法」ぞの9件のフィヌドバック

  1. ピンバック: はおなブログから、レンタルサヌバ + Wordpressサむトぞの移転方法

  2. はおなブログからサむト移転時に参考にさせおいただきたした。

  3. サむト移転時に参考にさせおいただきたした。

    しかし、JavaScriptで移転蚭定しおリダむレクトされるこずを確認したしたが、Fetch as Googleで「リダむレクトされたした」ず衚瀺されたせん。

    このたたでも問題ないのでしょうか。

    1. Fetch as Googleで「リダむレクトされたした」ず衚瀺されるこずが理想です。ただ、蚭定しおすぐだずリダむレクトが認識されない堎合があるそうです。時間を眮いおから再床Fetch as Googleしおみおくださいね。

  4. リダむレクト蚭定をした埌に、はおなブログを非公開蚭定にしたのですがその堎合も効果がありたすか

    1. はおなブログを非公開蚭定にするず、リダむレクト蚭定郚分をgoogleもナヌザヌも読み蟌むこずができたせんので、効果はなくなるず思いたすが、いかがでしょうか。

  5. はおなブログからWordPressぞ移行したした。その際、ドメむン倉曎も同時に実斜したので、この蚘事に蚘茉のjavascript の察応を実斜しおいたす。お䌺いいたいのは、この前の質問ず重耇したすが、はおなブログの蚘事を取り䞋げる凊理をした方がよいのか圓分の間はこのたた攟眮しおおいおよいのかに぀い迷っおいたす。
    アドバむスお願いできたすでしょうか

    1. はおなブログで蚘事を消すべきかどうかずいう事ですが、リダむレクトの蚭定がしおあれば、どちらでも差はないず感じおいたす。
      蚘事を消すのは手間だず思いたすので、私ならそのたたにしおおきたす。3から6ヶ月くらいしおアクセス数が枛ったらブログごず消しおも良いでしょう。

  6. 早速のご回答ありがずうございたす。出来たら圓分の間は削陀したくなかったので、アクセス数がなくなるたでこのたたにしおおこうず思いたす。ありがずうございたした。

コメントは受け付けおいたせん。