【テーマ比較】人気NO.1の「SWELL」と「Cocoon」を両方使ってみた感想。ブログMENUブログノウハウ副業ノウハウ独立ノウハウブログノウハウ副業ノウハウ独立ノウハウmenuブログノウハウ副業ノウハウ独立ノウハウホームブログノウハウ【テーマ比較】人気NO.1の「SWELL」と「Cocoon」を両方使ってみた感想。SEO対策において最強のワードプレスのテーマはどっち?【テーマ比較】人気NO.1の「SWELL」と「Cocoon」を両方使ってみた感想。2022年3月9日リレルです。ワードプレスでブログを始めようとすると、必ず考えるのが「どのテーマを使うか?」って話。無料ブログを使ったことがある人だと、「テンプレート」と言ったほうがしっくり来るかもしれませんが、ワードプレスにはテーマを変更することで、デザインや機能をガラッと変えることが出来る機能が備わっています。今回は最近話題の有料テーマ「SWELL」と、良く乗り換えられがちな無料テーマ「Cocoon」について比較してみましたので参考にどうぞ。筆者について私自身は有料テーマ好きでして、国内外の有料ワードプレス・テーマを多数所有してます。海外の有料テーマは19テーマ、高機能でリーズナブルなことからちょこちょこ利用しています。国内の有料テーマについては12テーマ、ほとんどがTCDさんのものですが、アフィリエイターの間で有名なアフィンガー、賢威なども一通り買ったクチです。目次ワードプレスにおける「テーマ」の重要性ワードプレスでブログを書く場合、どのテーマを選ぶかは非常に重要です。テーマによって出来ること、出来ないことがあったり、アクセスを集める上で重要なSEO対策の違い、あとは執筆モチベーションにも繋がるデザイン性、カスタマイズに専門知識が必要かどうかなど、様々な点で違いがあるからです。どのテーマを使うか選択した時点で、他の人よりもSEO的に優位に立てたり、マイナス・スタートせざるを得なくなってしまう、ということ。Cocoon私のメインブログでは「Cocoon」を使っており、無料でありながら国内のワードプレス・テーマの中ではピカイチだと思っていますが、どうも多くの人が「Cocoon」をやめて「SWELL」に移行しているので、気になってたんですよ。そんな最中、仲良くしている企業さんからホームページ作成の依頼があったので、「SWELL」で作ってみようと思いテーマを買ってみました。BLOGでも使うことにしまして、「emanon(別の有料テーマです)」から「SWELL」にテーマ移行したというワケです。メインブログではCocoonを、趣味ブログでSWELLを使うことで、双方のメリット・デメリットが見えてきましたのでご紹介しようというのが今回の執筆テーマです。比較項目について重点的に比較したのはタイトルにも書いてあるとおり「SEO」に関連する項目について。話をちょっとだけ脱線させますが、特定のキーワードで検索上位に表示される記事ってどんな記事だと思います?ジャンルにも拠りますが、最低限クオリティが高い記事であることは必須ですよね。それ以外にも、ブログ自体の運営歴であったり、書いている人が専門家だったりと、上位表示されるには様々な要因がありますが、SEOもその1つ。その重要なSEOへの対策のほとんどは、どのテーマを使うかで大きな差が出来てしまう・・・これがSEO関連項目を重点的に比較する理由です。オシャレとか、書きやすいとか、そういうのは慣れてくればなんとかなっちゃうんですが、SEOばかりはどうにもならないことが多いので、テーマを選ぶ基準はSEO対策の良し悪しで決めるべきだと思っています。Insights)ページスピードとは、そのブログが何秒でちゃんと表示されるのか?という指標。表示されるのに3秒以上かかると50%のユーザーが離脱するという調査結果も出ており、以前から重要だと言われていた項目ですが、2021年5月から検索順位を決める要素の1つとしてGoogleからも公式で発表されている為、絶対に無視できない項目です。この点については、結論から書きますと、どっちも素晴らしい結果が出ました。BLOGではトップページに動画を埋め込んでいますが、それでも結果は以下のとおり。Cocoonパッと見た感じメインブログのほうが点数自体は高いですが、同じブログで試したわけではない為一概には言えません。SWELLは動画を埋め込んでいるにも関わらず合格ラインなので、かなり早いテーマだと思っています。100点に近ければ近いほど良いのですが、個人的にはモバイルで60点以上がコンスタントに表示されるのであれば合格ラインだと思って良いと思いますよ。InsightsURLを入力することで使えるWEBサービスです。ライトハウス項目(Lighthouse)Googleが無料で提供してくれているSEOチェックツールはいくつかありますが、このライトハウスもその1つ。App」の5項目をチェックすることが出来ます。「Performance」はページスピードのことなので割愛しますが、それぞれ項目別に見るとSWELLがリードした結果に。Cocoonちなみにメインブログ(Cocoon)で、テーマに依存して修正できない点はベストプラクティス項目「jquery」のバージョンによるマイナス点のみ。あとは、ロゴのサイズとか文字が小さいとか、そういった点だけだったので実力的にはほぼ同じだと思います。1点違うのは、「Cocoon」はプログレッシブ・ウェブ・アプリに対応しているという点くらいでしょうか。各項目の内容については下記に記載しましたので参考にどうぞ。+Performanceページの読み込みや、ユーザーの操作によって生じるレスポンスの速さなど、主にサイト内のスピードに関する評価が表示されています。+Accessibilityサイトの訪問者および、検索エンジンのロボットに対して最適な作りになっているかなどの指標で、HTMLの構造なんかもこの項目に含まれます。practicesサイトをスクロールする際のパフォーマンスを上げる方法を把握できます。モバイル対応したサイトの品質向上に向けたアドバイスや、パフォーマンス低下に繋がる内容を避けるための手法が表示されます。+SEO検索結果のランキングに影響する項目が表示されます。他にもcanonicalが正しく設定されているか、またrobots.txtによってページがブロックされていないかなど、基本的なSEOの内容が確認できます。AppWebサイトをPWA化(アプリ化)するうえで必要なチェックリストを基にスコア付けされています。ChromeにインストールするタイプのWEBアプリです。他の人サイトもチェック出来ますのでライバルサイトのSEOチェックに役立ちます。Pages)とは、Googleが推奨しているページを爆速にする技術(フォーマット)のこと。確かにスピードはめちゃくちゃ早くなるんですが、表示が崩れたり広告フォーマットが特殊だったりして、導入当初は敬遠されがちでした。AMPページと構造化データを用いることで、通常の検索結果とは違ったリッチな表示が出来たり、ページスピードの向上による検索順位の上昇にも一役買うようになったことから、これからのブログ運営者にとって必須の対策と言えます。検索のランキングに影響することはありませんが、スピードはランキングに影響します。検索では、そのページがどのような技術を使用して制作されたかに関係なく、すべてのページに同じ基準が適用されます。https://developers.google.com/search/docs/guides/about-amp?hl=jaCocoonのAMP対応は国内トップクラスそんなわけで重要性が増しているAMPへの対策なんですが、これは「Cocoon」が圧倒的に優れています。一般的なAMPの導入方法は、AMPプラグインをインストールすることで導入し、別途CSSなどで表示を整えていきます。SWELLもこの方法で導入は可能ですが、CSSで表示を整えるって部分がめちゃくちゃハードルが高くて、せっかくのオシャレなデザインも台無しになることが多々あります。デフォルトだと関連記事などの、本文の下に表示されていたコンテンツが消えてしまう為、回遊率がだだ下がりしてPV減なんてのはよくある話。ところが「Cocoon」はテーマを導入するだけでAMP対応され、しかも、ウィジェットまで使える使用なので、AMP化しても通常ページとほぼ同じ状態を表示することが出来るんです。AMPプラグインもインストール不要ですし、ここまでAMP対応されているテーマは、有料テーマでも見たことがありません。構造化データとは、検索エンジンやその他のクローラーに、HTMLで書かれた情報が何を意味するのかを理解できるようタグ付けしたものです。細かく設定すると以下のような恩恵を受けることが出来ます。リッチスニペットで表示されるページ内コンテンツがナレッジグラフに表示されるリッチスニペットナレッジグラフ必ず表示されるわけではありませんが、自分の記事が画像付きで表示されたらクリック率は確実に増えますよね。ナレッジグラフは検索結果の右側(PC)に表示される部分ですが、見てみるとウィキペディアばかり表示されるので、あまり気にしなくてもいいかもしれません。構造化データ対策もCocoonのほうが一枚うわて「SWELL」も「Cocoon」も構造化データを自動で出力してくれるように作られてますので、一見同じに見えるかもしれませんが、この点も「Cocoon」のほうが一枚うわて。基本的な構造化データ「BreadcrumbList」「Article」「SiteNavigationElement」はSWELLでも出力されており、エラーも警告もなく完璧なんですが、この情報だけではリッチスニペットの恩恵を受けることは出来ません。Cocoonには、SWELLと同じ構造化データ以外に、「review」というマークアップも可能なんです。モノやサービスについてのレビュー記事を書く人限定にはなりますが、記事のタイトルの下に★が出たりしますので、ライバルサイトのレビュー記事より少しだけ目立つことが出来るんです。その他内部SEO対策その他一般的に内部SEO対策で必要とされるのが、meta情報の記載やキャッシュ、コードの圧縮などについて。この点についてはどちらのテーマも完璧に対策されており、テーマの設定をしっかり行えば十分過ぎるくらいです。各コンテンツなどのキャッシュについてもプラグインなしで出来ちゃいますし、htmlやCSS、スクリプト関係もボタン1つで圧縮可能。数年前まではこんな高機能なテーマはなかったと記憶してますので、国内テーマのレベルは相当に高くなっていると思いました。必要なプラグインの数プラグインは少なければ少ないほど良い・・・という話は、一度は聞いたことがあるかと思います。理由は、プラグインそれぞれが動作するのにcssやhtml、java、phpなどを読み込むので、単純にブログの動作が重くなります。プラグイン同士が干渉して不具合を起こす原因にもなるので、こだわる人は極力プラグインを使わないようにブログ運営をしているくらい。冒頭も紹介したとおりページスピードは非常に重要な指標となってくるので、ブログの表示速度に影響の出やすいプラグインは極力使いたくない、というのが本音です。その点で比較すると、これもCocoonがちょっとだけ上回りました。Cocoonはデフォルトの機能が多機能過ぎて、ほとんどのプラグインを必要としないんです。SWELLもかなり多機能なので、使用するプラグインだいぶは減りましたが、僅差でCocoonのほうが少なく済みました。一応申し上げておきますと、どっちも異様に少ないので、甲乙つけがたい・・・というところです。デザイン性ことデザインという点では「SWELL」はダントツに良かったです。TCDさんのテーマもカッコいいんですが、SWELLはなんと言っても自由度が凄い!特に「フルワイドブロック」が秀逸で、ちょっとしたランディングページなら、これだけで作れちゃいました。ホームページ作成依頼をうけて「SWELL」を買おうと思ったのもコレが理由で、想像以上の仕上がりに驚きましたよ。BLOGでも導入してますが、動画ヘッダーってカッコいいじゃないですか!デザインの自由度と、動画ヘッダーが使えるなどの点はCocoonにはない部分なので、私としては大満足な買い物になりました。ブロックエディターの使いやすさSWELL押しの人はこの点を結構熱く語っていますが、ぶっちゃけCocoonも同じくらい使いやすいです。どちらのテーマもブロックエディター押しなので、かなり多機能に作られており、以前使っていた「emanon」なんかと比べると天と地ほどの差があります。どちらもデフォルトの状態で専用ブロックが多数用意されているので、ブロックエディターを本腰入れて使うなら、この2つのテーマはかなりオススメ出来ます。SWELLのほうは有料にはなりますが、専用ブロックを追加してくれるプラグインが開発されているので、その点では表現力は少し上かな?と思いました。有料と言っても1,200円ですから、SWELLを使うのであれば買っておいて損はないと思いますよ。設定のしやすさこのあたりは「SWELLさすが!」と思いましたね、設定のしやすさで言ったらSWELLのほうが圧倒的に簡単・・・というかブログ初心者さんでもなんとなく設定していけるように作られているのがポイントです。Cocoonはその多機能さゆえか、設定項目がめちゃくちゃ多くて、一通り設定し終えるまでに結構大変でしたからね。いう意味ではSWELLは初心者さん向けと言え、Cocoonは玄人向けとも言えます。Cocoonはちょいちょいカスタマイズ(CSSで微調整)する必要があったんですが、SWELLはそういった点は今のところなく、作り込まれた洗練さがあります。CSSによる微調整なんかは初心者さんでは意味不明な話だと思いますので、そういう部分が人気の秘密なのかもしれません。アフィリエイトの可否SWELLの評価がなんとなく怪しく感じてしまっていたのが、アフィリエイト可能だと言う点。オススメしている人から購入すると、その人に購入金額の一部が報酬として支払われる仕組みのことです。なると皆売りたいじゃないですか。べた褒めしているブログが結構あったんですよ。ところが、そのブログを調べてみると、どうにも書かれていることとブログの状態が一致しなかったり(汗)そんなわけでSWELLの実力を疑問視していたのです、もう伝わりましたよね?これまで購入してきたテーマと比べても「SWELL」はかなり良かったです。メインサイトはCocoonから変えるつもりはありませんが、趣味として書き始めたこのサイトは当分SWELLにお世話になると思います。比較まとめ色々な項目で比較してみましたが、正直甲乙つけがたいほど、どちらのテーマも素晴らしかったです。SEOについても、Cocoonのほうが優れている点は多いですが、SWELLがSEOに弱いというわけではなく、どっちもハイレベルな戦いの中でCocoonに軍配があがっただけなので、SWELLもかなりSEOに強いテーマだと思っています。デザイン面ではSWELLの良さが際立ちましたが、Cocoonもカスタマイズの知識さえあれば全然できちゃいますし、どっちがオススメ?と聞かれると迷うんですよね。非常にズルいまとめ方にはなりますが、こんな人にはこっちがオススメ!という書き方で締めくくらせて頂こうと思います。SWELLとあるニュースによる、SWELLが激アツになってきました!!その理由を下記にまとめましたので参考にどうぞ。あわせて読みたいWordPressテーマ「SWELL」が有料テーマでナンバーワンに!これ持ってないと損するレベルですよ。ブログで飯を食ってます、りれる(@RIRERU_BLOG)です。Wordpressのテーマ選びで「SWELL」が気になっている方、だいぶ増えてます。私もこれまで国内・海外の有料テー...CocoonCocoon無料テーマの最高峰。ページスピードやMFIなど今のGoogle対策をとことん突き詰めたい方にオススメ。コレが無料って信じられませんっ!0円(無料)メインブログで使用中のテーマ、テーマを変えただけ・・・とは言いませんが、アクセスは少しづつ戻ってきていて現在50万PVが見えてきました!公式サイトはこちらSWELLSWELL巷でもっとも話題のテーマ。人気の理由は自由にデザインできるカスタマイズ性と万全のSEO対策。実力もトップクラスの有料テーマです。BLOGはSWELLで運営中。※サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。ウケ抜群の「診断系コンテンツ」が手軽に作れる時代がやってきた!ライバルサイトとの差別化やコンバージョンアップにオススメですよ。cocoonのSEO対策が弱いって?バカ言っちゃいけない!めちゃくちゃ強いよ?SEO検定1級を受けてきた。合格するためのコツと、この資格で何が得られるのか、そんな話しをダラダラ紹介します。【テーマ比較】人気NO.1の「SWELL」と「Cocoon」を両方使ってみた感想。SEO対策において最強のワードプレスのテーマはどっち?個人事業主が節税したいならブログを始めよう!ブロガーだから出来る最強の【節税方法】をご紹介します。