【2023年版】はてなブログからWordPress移行手順〜はてなブログ側〜

はてなブログからWordPress移行手順
  • URLをコピーしました!

無料版はてなブログを使っているけど、もっとカスタマイズしたい

はてなブログからWordPressに移行したいけど、何からすればいいかわからない

そんな悩みがある方はぜひこの記事を最後まで読んでほしいです。

はてなブログ側ですべきことはこの記事内で網羅しています!

ざっくり流れの②③をこの記事で紹介しています。

  • レンタルサーバーを借りてワードプレスを始める
  • はてなブログ記事をダウンロードする
  • 体裁を整えてワードプレスにインポートする
  • 整えて記事公開

WordPressのはじめ方についてはこちら

ぼんこ

この記事は無料版はてなブログからワードプレスに引越したワーママが書いています。

ブログ歴
  • 無料版はてなブログでブログ開設
  • ブログ開設2ヶ月目:はてなブログ記事数30弱でGoogleAdSenseに一発合格
  • ブログ開設5ヶ月目:はてなブログで67記事投稿
  • ブログ開設5ヶ月目:本格的にブログ運営するためWordPressへ引越し
目次

【全体像】無料版はてなブログからWordPress移行

ぼんこ

大まかな移行手順はコチラ

WordPressでブログを開設
STEP
レンタルサーバー契約
STEP
ドメイン取得
STEP
WordPress インストール
WordPressの初期設定
STEP
WordPress テーマインストール
STEP
WordPress パーマリンク設定
STEP
WordPress プラグイン設定
STEP
プライバシーポリシー・問合せページを設定
STEP
ブログデザインを設定する
はてなブログからブログ記事のデータをダウンロード
STEP
はてなブログ 連携解除
STEP
はてなブログ エクスポート
STEP
はてなフォトライフから画像を保存
PC上でダウンロードデータの修正作業をする
STEP
エクスポートしたテキストデータを修正
STEP
修正後のテキストデータを別名保存
WordPressで記事をアップする準備を進める
STEP
記事のリライトをする
STEP
記事を公開する
はてなブログのリダイレクト設定をする
STEP
はてなブログのヘッダーに設定
STEP
はてなブログが検索に引っかからないように設定
Googleサーチコンソール設定
STEP
WordPressのプラグインでSite Kit by Googleを設定
Googleアナリティクス設定
STEP
WordPressのプラグインSite Kit by Googleから設定
ASPにWordPressブログ追加
STEP
アフィリエイトサイトにサイト追加登録する
GoogleAdSense申請
STEP
WordPressのプラグインSite Kit by Googleから設定
ぼんこ

WordPressブログを開設する方法について
詳細はこちらの記事に画像付きで手順をまとめていますのでご覧ください。

はてなブログでやるべきこと抜粋

  • 外部との連携解除
  • 記事の出力
  • 写真のダウンロード(PC内に保存されていない場合)
  • 検索エンジンにかからなくする設定
  • アクセスを新ブログへ転送する設定
ぼんこ

たった5つです!

【はてなブログ】出力前にやること

やることを画像付きで丁寧に解説します。

わかるところは飛ばし読みしながら進めてください。

外部との連携解除

hatena設定画面
STEP①〜③
STEP
アカウント設定をクリック
STEP
基本設定タブを選ぶ
STEP
下にスクロール
hatena設定画面
STEP④画面
STEP
収益化のID部分を変更するをクリック
hatena設定画面
STEP⑤画面
STEP
AmazonアソシエイトID・楽天アフィリエイトIDを空欄にして変更するをクリック
HATENA設定
STEP⑥〜⑧画面
STEP
外部サービス連携タブを選ぶ
STEP
連携を解除するをクリック
STEP
すべての連携を解除する

Twitter・Instagram・Googleフォト・Evernote・pixivの連携をすべて解除する

これで出力の準備ができました!

②記事を出力

記事ダウンロード
STEP①〜③画面
STEP
設定をクリック
STEP
詳細設定をクリック
STEP
記事のバックアップと製本サービスをクリック
記事エクスポート
STEP
「『〇〇』をエクスポートする」をクリック
記事エクスポート
STEP
「ダウンロードする」をクリック
ぼんこ

私の場合は67記事ありましたが、1分ほどで完了しました!

テキストデータ
ダウンロードしたファイル

こんな感じで「〇〇.hatenablog.com.export.txt」というファイルがダウンロードされました!

【PC】記事データ(.txt)の修正

記事データの修正 作業手順

ぼんこ

ダウンロードしたテキストファイルをテキストエディタorメモ帳で開くところからスタートです!

macの場合

テキストデータ編集
STEP
エクスポートしたテキストデータをテキストエディタで開き編集する
STEP
command+F で検索窓を開く
STEP
置き換えに✔を入れる
STEP
修正① 見出しレベルを変更

3回置換する

  • 「H3」→「H2」
  • 「H4」→「H3」
  • 「H5」→「H4」

見出し変更する理由

はてなブログ 見出し
はてなブログ

はてなブログとWordPressで見出しレベルが違うので、そこを置換して修正する必要があります。

ブログ大見出し中見出し小見出し
はてなブログH3H4H5
WordPressH2H3H4
見出しレベル
ぼんこ

必ず大見出しから置き換えましょう!

STEP
修正② 記事の公開設定を「非公開」にしておく
  • STATUS: Publish→STATUS: Private 置換

「STATUS: Publish」 から「STATUS: Private」に書き換えることで、

WordPressにインポートする際、すべての記事が非公開の状態でインポートされます。

WordPressで記事の修正後に「公開」にします。

ぼんこ

私がMacユーザーなので、windowsの画面がなくてすみません!
方法は↓のとおり。

windowsの場合

STEP
エクスポートしたテキストデータをメモ帳で開く

文字を置換する方法(メモ帳で開いたあと)

「編集」「検索する文字列」に「h3」、「置換後の文字列」に「h2」を入力

「次を検索」でいくつか確認しておかしくなかったら「すべて置換」をクリックで置換する

STEP
修正① 見出しレベルを変更

macと同じ

STEP
修正② 記事の公開設定を「非公開」にしておく

macと同じ

ぼんこ

修正後の記事は別名保存しておくと安心です。

【WordPress】記事をインポートしてリライトしていく

記事データのインポートに必要なプラグインをインストールします。

問題なく記事公開できるとわかったら、プラグインはアンインストールして大丈夫です

STEP
プラグイン「Movable Type and TypePad Importer」をインポート
STEP
ツールの「Move TypeとTypePad」の今すぐインストールをクリック
STEP
ファイルの選択で修正したテキストデータを選択
STEP
投稿者の割当てでユーザー名を入力する

そのままでもOK

STEP
「ファイルをアップロードしてインポート」をクリック
STEP
今までの記事がザーッと表示されるので確認
ぼんこ

これでインポート完了です!

この記事を確認すると画像がついていて、修正が楽かと思いますが、ここからが大変です。

今WordPressで表示されている画像は「はてなフォトライフ」を参照しているため、画像をすべて貼り直す必要があります

記事修正でやること
  • キーワードリンクを削除
  • 画像を貼り直す
  • はてなブログのhtmlで装飾設定した部分を必要に応じて修正
ぼんこ

記事の修正が一番大変かもしれません…

具体的な方法はリライト方法の記事にまとめていますので参考にしてください。

【はてなブログ】WordPressに記事インポート成功後すること

③はてなフォトライフから画像をダウンロード

WordPressで記事を読み込み後、記事に添付されている画像ははてなフォトライフを参照しています。

修正する際に画像を貼り直す必要があるため、実施します。

「画像をPC内に保存している」もしくは「画像を変更する」場合、この工程は不要です。

手順

STEP
はてなフォトライフを開く
STEP
hatena blogフォルダ内の写真を一つずつ保存する

一括ダウンロードできる方法を探しましたが、windowsではサクラエディタで記事のテキストデータから抽出後、フリーソフトを使用する方法があるようです。

Macではサクラエディタが使用できないことと、フリーソフトがうまく起動するかわからない状態でした。

他にできる方法が見当たらず、なんとか手作業でできる枚数だったので私は手作業で実施しました。

STEP
WordPressの「メディア」にアップロード

ここに画像が保存されます。

STEP
これで記事内の画像を張り替える準備ができました!

④検索に引っかからないよう設定

インデックス登録しない
STEP
「設定」→「詳細設定」→「検索エンジンに登録させない」にチェック

これでGoogleなどの検索エンジンのインデックス登録されなくなります。

⑤ヘッダーにリダイレクト設定をする

リダイレクト設定については詳しくないので、色々なサイトを調べ漁りました。

リダイレクトとは

URLを変更した時に、古いサイトへのアクセスを自動的に新しいサイトへ転送してくれる機能で、古いサイトの検索エンジンでの評価を新しいサイトに引き継ぐためにも必要な設定です。

はてなブログからのリダイレクト方法

301リダイレクトというメジャーなリダイレクト機能がはてなブログでは使えないらしく、Javascriptリダイレクトを使用するのが良さそうです。

はてなブログで記事URL:標準 かつ WordPressのパーマリンク設定を「投稿名」の場合

下記の通り設定すると、はてなブログの記事にアクセスするとWordPressの記事に転送してくれるようになります。

コード貼り付け位置

リダイレクト設定
コード貼り付け位置
STEP
デザインの「スパナタブ」をクリック
STEP
「ヘッダ」をクリック
STEP
「ブログタイトル下」にコードを貼り付ける

すでに別のコードが入っている場合、一番上に今回のコードを貼り付ける

貼り付けるコード

ぼんこ

new-domain.comには自分の新しいドメインをいれてくださいね

<script>
<!--
var newDomain = "http://new-domain.com"; // 新URL
var replacedStr;
var path = location.pathname;

if(path.startsWith('\/entry')){ //記事ページの時
    // "/entry"を削除し最初のスラッシュ以外をハイフンに置き換え
    replacedStr = path.replace('\/entry','').replace(/\//g, '-').replace('-','\/');

}else if(path.startsWith('\/archive')){ //カテゴリーページの時
    // "/archive"を削除
    replacedStr = path.replace('\/archive','');

} else {
    replacedStr = '';
}

var url = newDomain + replacedStr;

var link = document.getElementsByTagName("link")[0];
    link.href = url;

setTimeout("redirect()", 0); // 0秒後にジャンプ
function redirect(){
    location.href = url;
}
-->
</script>

記事・カテゴリともに下記のようにURL構造を変更しながらリダイレクトをする設定をします。

■記事

はてなブログ記事URL:https://old_xxxxx.hatenablog.com/entry/2023/02/02/143916/

転送先:WordPress:https://new-domain.com/2023-02-02-143916/

■カテゴリ

はてなブログ記事URL:https://old_xxxxx.hatenablog.com/archive/category/カテゴリ

転送先:WordPress:https://new-domain.com/category/カテゴリ

ぼんこ

ナオユさんのリダイレクト設定の記事を参考にさせていただきました!
本当にありがとうございます。

https://old_xxxxx.hatenablog.comを開くとhttps://new-domain.comが表示されるようになります。

ぼんこ

ここまでではてなブログのほうの設定は終了です。感慨深いです…

Googleサーチコンソール・アナリティクスについて

【はてなブログ】Googleサーチコンソール・アナリティクスの設定について

はてなブログで解析ツールを設定している場合、そのまま置いておきます。

きちんとリダイレクトされているか確認するためです。

私は2週間ほどではてなブログへのPVが0になりました。

その代わり、WordPressブログは少しずつPVが増えてきます。

この記事では

設定の確認方法

はてなブログ:「設定」→「詳細設定」の中の「解析ツール」のコードの設定

  • Google アナリティクス 4 埋め込み
  • Google Search Console
はてな設定

【WordPress】 WordPressのプラグイン「Site Kit by Google」

プラグインを入れなくても設定できる方法もありますが、私はこのプラグインを使っています。

今あるアカウントで新しいサイトをプロパティ追加でWordPressのサイトを追加します。

できること

  • Googleアナリティクス
  • Googleサーチコンソール
  • Googleアドセンス

  などのGoogleツールと簡単に連携できます。

ぼんこ

プラグインを入れてから設定すると楽ちんです

Site Kit by Googleを使ってプロパティを追加する方法はメリット・デメリット含めこちらを参考にしてみてください。

まとめ

これで、記事を移行することができたので、どんどん記事をリライト・公開するだけです!

「だけ」と言っても大変な作業ですよね。

でも、ここでしっかりリライトしたり、検索されていない記事を削除すると検索順位が上がってPVが増えます。

真面目にやりきりましょう!

ぼんこ

一緒に頑張って、いいブログにしていきましょう!

このブログで使用しているレンタルサーバー・テーマはコチラ

レンタルサーバー

テーマ

はてなブログからWordPress移行手順

この記事が気に入ったら
いいね または フォローしてね!

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

この記事を書いた人

小1息子、年中娘 2児を持つ30代ワーママ
夫の転職で2度の引越し 専業主婦 2度の転職を経験
とぎれとぎれのキャリアを何とかしたくて様々な副業に挑戦
2022年10月〜無料ブログ開設 67記事執筆
2023年 2月〜はてなブログからWordPressへ引っ越し
趣味:アウトドア・資産運用(13年目)・ポイ活(13年目)・アロマ(1年目)

コメント

コメントする

CAPTCHA


目次