CocoonからSWELLへの移行手順｜初めての乗り換えもこれで安心！

「CocoonからSWELLへの移行方法を知りたい」

「移行前と後でやったほうがいいことは何？」

「リライトが必要な装飾を教えて」

この記事では、そんな方に向けて、CocoonからSWELLへの移行手順を解説します。

この記事を読めば、あなたも簡単に

• 失敗せずにCocoonからSWELLへ移行できる

ようになります。

私もあなたと同じことに悩んでたのですが、本記事の方法でサクッと解決でき、今ではSWELLで楽しくブログ運営しています。

どこよりも分かりやすく書いている自信がありますので、あなたもパパッと解決してみてください！

CocoonからSWELLへ移行する前にやるべきこと

CocoonからSWELLへ移行する前にやるべき7つの項目をまとめました。

これらの項目をしなければ移行時に設定が初期化されてしまったり、データが消滅してしまったりと面倒なことが起こります。

それぞれ詳しく解説します。

Googleアドセンスのコードをコピー

Googleアドセンスを利用している人は、CocoonからSWELLへ移行する前にアドセンスコードをコピーしておきましょう。

それぞれのコードが貼り付けてある場所は下記のとおりです。

＼クリックでタブを切り替える／

コピーしたコードは付箋などに保存しておいてください。

Googleサーチコンソールのコードをコピー

Googleサーチコンソールを利用している人は、CocoonからSWELLへ移行する前にGoogleサーチコンソールのコードをコピーします。

コピーしたコードは付箋などに保存しておいてください。

Googleアナリティクスのコードをコピー

Googleアナリティクスを利用している人は、CocoonからSWELLへ移行する前にGoogleアナリティクスのコードをコピーしてください。

コピーしたコードは付箋などに保存しておいてください。

プラグイン「SEO SIMPLE PACK」のインストール

「SEO SIMPLE PACK」はSWELLで導入必須のプラグインです。

後ほど解説しますが、CocoonからSWELLへ移行後にやるべき以下3項目の設定に、このプラグインが必要になってきます。

また次の見出しで紹介するメタディスクリプションの移行もあわせて行えますので、移行前に「SEO SIMPLE PACK」をインストールしておきましょう。

「SEO SIMPLE PACK」の導入方法は下記のとおりです。

メタディスクリプションの移行

メタディスクリプションとは…記事の内容を50~120文字にまとめた文章のこと。Googleなどの検索結果に表示される。

SWELLの標準機能ではメタディスクリプションを設定できません。

ただプラグイン「SEO SIMPLE PACK」を導入することで、CocoonからSWELLへ移行した後もメタディスクリプションを設定することができます。

「SEO SIMPLE PACK」の導入方法はこちら 

「SEO SIMPLE PACK」を導入しただけではメタディスクリプションを移行できません。必ず移行前にコピペしてください。

メタディスクリプションを設定している人は移行しておきましょう。

独自のCSSコードをコピー

独自のCSSコードを追加している人は、CocoonからSWELLへ移行する前にコピーしてください。

コピーしたCSSコードは付箋などに保存しておいてください。

移行にかかる時間の計算

CocoonからSWELLへの移行を早めに行うために、移行にかかる時間の計算してください。

なぜなら、移行する作業はかなり大変な単純作業になります。

終わりが見えないとダラダラやってしまったり、途中で投げ出す可能性があるでしょう。

移行にかかる時間を計算できていれば、完全に移行できるまでの日数や日付が分かり、集中して作業に取り込めます。

CocoonからSWELLへの移行手順

いよいよCocoonからSWELLへ移行していきます。

SWELLを購入して、CocoonからSWELLに変更する手順は以下の５ステップです。

それぞれ詳しく解説します。

移行手順1：SWELLをダウンロードする

まず始めにSWELLをダウンロードします。

移行手順2：「SWELLERS’」へ会員登録する

つぎはSWELL会員サイト「SWELLERS’」へ登録しましょう。

移行手順3：Cocoon乗り換えサポートプラグインを導入・有効化する

登録したSWELL会員サイト「SWELLERS’」内にあるCocoon乗り換えサポートプラグインを導入・有効化します。

移行手順4：SWELL本体・子テーマをダウンロード・有効化する

同じくSWELL会員サイト「SWELLERS’」内にあるSWELL本体・子テーマをダウンロード・有効化してください。

移行手順5：SWELLのユーザー認証をする

最後にWordPress管理画面でSWELLのユーザー認証をしましょう。

CocoonからSWELLへ移行した後にやったほうがいいこと

CocoonからSWELLへ移行後、始めにやっておきたい以下７つの項目について紹介します。

それぞれ詳しく解説します。

PR表記でステマ規制に対応する

アフィリアエイトをしている人は、PR表記でステマ規制への対応を早めにやりましょう。

CocoonでPR表記を設定していても、SWELLへ移行した後に設定が解除されるからです。

もしPR表記を忘れてステマ規制に違反すると、

• 広告主である事業者が罰せられる
• アフィリエイト案件の提携解除になる
• ASPから強制退会になる

といったペナルティが課せられます。

ステマ規制への対応は、アフィリエイト広告が貼られているページに「PR表記」すればOKです。

では実際に、SWELLでPR表記を設定していきましょう。

PR表記のより詳しい設定方法については、下の記事を参考にしてください。

プラグインを整理する

SWELLには多くの機能が標準搭載されているので、Cocoonでは必要だったプラグインがSWELLでは必要なかったりします。

Cocoonのときに使用していたプラグインがSWELLの標準機能と被ってしまうと、不具合が生じる可能性が出てきます。

ですので、移行後はプラグインを整理しましょう。

SWELLで推奨・非推奨のプラグインについて公式サイトでも紹介されてますが、本記事でもかんたんにまとめました。

公式：推奨プラグインと非推奨・不要・注意すべきプラグインについて

＼クリックで開く／

SWELLでおすすめのプラグインを知りたい場合は、下の記事を参考にしてください。

Googleアドセンスの設定

CocoonからSWELLへ移行後は、Googleアドセンスの再設定が必要です。

SWELLでGoogleアドセンスの設定方法については、下の記事を参考にしてください。

Googleサーチコンソールの設定

CocoonからSWELLへ移行後は、Googleサーチコンソールの再設定もしましょう。

そもそもGoogleサーチコンソールへの登録がまだな人は、下の記事を参考に設定してください。

では、プラグイン「SEO SIMPLE PACK」にGoogleサーチコンソールの認証IDを設定していきます。

Googleアナリティクスの設定

CocoonからSWELLへ移行後は、Googleアナリティクスの再設定もしてください。

そもそもGoogleアナリティクスへの登録がまだな人は、下の記事を参考に設定してください。

では、プラグイン「SEO SIMPLE PACK」にGoogleアナリティクスの認証IDを設定していきます。

OGP設定

OGP設定は、プラグイン「SEO SIMPLE PACK」で行います。

OGPとは…WebページのURLが𝕏（旧Twitter）やFacebookなどのSNSに投稿されたときに、ページタイトルやアイキャッチ画像などの情報を表示させるための仕組み

CocoonからSWELLへ移行後は、OGPの再設定も必要です。

OGP設定をすれば、テキスト情報だけではなく、画像で情報を伝えることができるので、

• 視認性がアップする
• ユーザーが興味を持ちやすくなる
• クリック率が上がる

といったメリットがあります。

Cocoon利用時にOGP設定をしていなかった人も、この機会にやっておきましょう。

OGPの設定方法について、詳しくは下の記事を参考にしてください。

独自のCSSコードを追加

Cocoon利用中、独自のCSSコードを追加していた人は、SWELLに再追加しましょう。

ただSWELL移行後はサイトデザインが変わるので、独自のCSSコードが必要なくなる場合もあります。

SWELLのサイトデザインをみて、必要なCSSコードのみ追加してください。

独自のCSSコードを追加する方法は下記のとおりです。

CocoonからSWELLへ移行した後のリライトはお早めに！

CocoonからSWELLへ移行した後は、ページで使用しているCocoon専用の装飾をSWELL対応の装飾へリライトしていきましょう。

リライトに関しても、乗り換えサポートプラグインを利用すればデザイン崩れを最小限に抑えることができます。

ただこのリライトがテーマ移行で1番大変な作業です。

移行前の記事数にもよりますが、私の場合リライトを完全に終えるまで1カ月以上もの時間を費やしてしまいました(笑)

またリライトを早めに終わらせないと、

• SWELLで利用できないCocoon専用の装飾がありデザインが崩れる
• デザイン崩れによりページ滞在時間が下がる
• Cocoon専用ブロック「広告」や「囲みボタン」が機能せず収益が下がる

などのデメリットもあります。

乗り換えサポートプラグインを利用しても修正しないといけない装飾があり、1記事当たり30分くらい時間がかかります。

ですので、優先順位をつけて、全ページのリライトを早めに終わらせましょう。

リライトの優先順位を記事別で紹介

リライトの優先順位を記事別でまとめてみました。

優先順位	記事の種類
1位	収益用記事
2位	PV数の多い記事
3位	デザイン崩れが多い記事
4位	おすすめの記事
5位	上記以外の記事

リライトの優先順位の決め方は、デザインが崩れたことにより

の3つです。

もしGoogleアドセンス広告やアフィリエイトなどで収益がある場合は、収益用記事からリライトしてください。

CocoonからSWELLへ移行したとき、Cocoon専用のブロックエディター「広告」や「囲みボタン」などが機能しなくなり、収益が発生しなくなるからです。

「広告」…主にGoogleアドセンスなどの広告タグを呼び出せる機能
「囲みボタン」…アフィリエイトリンクをボタン化させる機能

代わりにSWELL専用のブロックエディター「広告タグ」や「SWELLボタン」で置き換えましょう。

つぎはPV数の多い記事・デザイン崩れが多い記事を優先にリライトするといいでしょう。

デザインが崩れると記事が読みづらくなり、離脱率が高くなる可能性があります。

SEO評価が悪くなれば検索順位も下がり、PV数も少なくなります。

PV数が少なくなれば収益にも影響が出てくるでしょう。

ですので、PV数の多い記事・デザイン崩れが多い記事は優先的にリライトしてください。

リライトが必要なCocoon専用のエディター機能まとめ

Cocoonには専用のエディター機能が下記3つあります。

大前提、3つあるCocoon専用のエディター機能をすべてリライトする必要があります。

乗り換えサポートプラグインを利用すればSWELLへ移行時にデザインの崩れを最小限に抑えることができますが、デザイン崩れが起きてしまう装飾もあります。

そこで3つあるCocoon専用のエディター機能それぞれで、優先的にリライトすべき装飾と後回しにリライトしてもいい装飾に分けて紹介します。

Cocoon専用のブロック

Cocoon専用のブロックは全32種類あります。

優先的にリライトが必要なブロックエディターと後回しにリライトするブロックエディターを以下にまとめました。

また以下の画像はSWELLへ移行前と後でのブロックエディターの比較です。

このようにデザイン崩れで優先的にリライトすべき装飾が半分以上あります。

リライトすべきSWELLでサポートされていないブロックの確認方法

記事をプレビューで確認してデザイン崩れがないブロックエディターでも、記事編集画面で確認するとSWELLではサポートされていないブロックエディターがあります。

Cocoon専用のブロック「ふきだし」を例に、サポートされていない場合どういう風に表示されるかを示した画像です。

どのブロックエディターをリライトすべきかは、記事編集画面で「サポートされていません。」という表示があるかどうかで判断してください。

Cocoon専用の装飾

Cocoon専用の装飾は「ボーダー」「スタイル」「ブロック下余白」の3つありますが、すべて優先的にリライトが必要です。

ここでSWELLへ移行する前と後での装飾を画像で比較してみましょう。

このように装飾がすべて消えてしまうので、優先的にリライトしてください。

Cocoon専用のツールバー

Cocoon専用のツールバーは全22種類あります。

優先的にリライトが必要なツールバー機能と後回しにリライトするツールバー機能を以下にまとめました。

また以下の画像はSWELLへ移行前と後でのツールバー機能の比較です。

このように多くでリライトは後回しにしますが、優先的にリライトが必要なツールバー機能もあります。

Cocoon乗り換えサポートプラグインの削除

全記事のリライトを終えたら、Cocoon乗り換えサポートプラグインを削除しましょう。

乗り換えサポートプラグインをそのまま残しておくと、

• SWELLとCocoonの両テーマを読み込むのでサイトが重くなる
• 単純にプラグイン数が1つ増えるのでサイトが重くなる

からです。

つまりサイトの表示速度が遅くなり、ユーザーの利便性を損ねてしまったり、SEO評価に悪影響を及ぼす可能性も出てきます。

ですので、全記事のリライトを終えたら、Cocoon乗り換えサポートプラグインを削除しましょう。

プラグインの削除方法はこちら 

キャッシュクリア&全ページの最終チェック

全記事のリライトを終え、Cocoon乗り換えサポートプラグインを削除後、リライト漏れがないか最終チェックをしましょう。

最終チェックをする前は必ずキャッシュクリアしてください。

キャッシュクリアとは…アクセスしたWebページの情報を一時的にデバイス内に保存すること

キャッシュクリアしないとリライト前の装飾の情報が表示される可能性があり、チェック中にリライト済みかどうか分からなくなるからです。

キャッシュクリアする方法は、WordPress管理画面の上部にあるSWELL設定にカーソルを置くと表示されるキャッシュクリア（コンテンツ）とキャッシュクリア（ブログカード）をクリックすればOKです。

全ページの最終チェックを終えたら、リライトの完全終了です。

CocoonからSWELLへの移行手順まとめ

今回は、CocoonからSWELLへの移行手順を紹介しました。

完全移行できたら、つぎは崩れてしまったサイト全体のデザインを整えていきましょう。

当ブログでは、SWELLに関する記事をいくつか書いてます。

下のカテゴリーページにまとめていますので、のぞいてみてください。