wordpress無料テーマCocoonのレビュー・なぜ多くの人が有料テーマに変えるのか？

wordpressの無料テーマと言えば、Cocoon（コクーン）ですよね。

制作者は有名な「わいひらさん」で、有名な無料テーマSimplicityの制作者でもあります。

まずCocoonを使ってみた結論から言うと、「無料テーマにしては機能も使いやすさ」も抜群です。が、私の周りもそうですが、結局有料テーマに乗り換える人がほとんどなのは何か原因があるはずですね。

それでは、テーマのSEO対策や表示速度や特徴をご紹介していきます。

CoCoonの性能比較

まずはテーマの読み込み速度や内部SEO対策、価格などの比較を紹介します。

計測に使ったのはGtmetrixで、公式ページのデモサイトや実際に使っているサイトで比較しています。プラグインやサーバー、デザインでも数値は変更するので、参考値としてみて下さい。

Cocoonの読み込み速度

200記事ほど入っているサイトの速度を計りましたが、早いですね。コクーン以外は有料テーマなのですが、全然上位に食い込んでいます。

サーバーはMixhostで、プラグインはAll IN One SEO PackにEWWW Image Optimizer、あとは高速化に関係のないものが４つです。

次は、Yslowスコアを見ていきましょう。

72です。悪くないですが、良くもないですね。原因は以下になっています。

サーバーがMixhostだからというのもあるかな？と思います。

小さなヘッダー画像はありますが、サイトもシンプルな設定なのでカルーセルもないしプラグインも比較的少ないのですが、スコアが悪いですね。

プラグインでもうちょっと改善できますが、やっぱりサーバーはエックスサーバーが一番ですね。

最後にPagespeed Insightsの結果です。

モバイルが27です・・・。壊滅的ですね。

とは言っても体感速度は全然遅くないし、AMP化できるので問題はないと思います。

最後にこのサイトのメインテーマTHE THOR（トール）との比較です。

有料テーマのTHE THOR（トール）には負けますが、速度は速い方ですね。

ただし、リクエストが多いのが気になりますね。

Cocoonの特徴

＜下の表はHTMLで書いています。Cocoonには標準設定で表を作る機能がありません。＞

個々の評価はそこまで高くないですが、機能と価格面を考慮して総合評価は星4つになりました。

個人的には、「デザイン性が乏しくても、設定などが難しくても」無料でここまで機能があるテーマは無いので、テーマにお金を使いたくない人はCocoonが一番良い無料テーマだと思います。

SEO対策

当然ですが、きれいにコーティングされているテーマです。ここでエラーが出るテーマはほとんどないですね。

高速化設定

プラグインなど入れずに、いくつかの高速化設定が標準機能として付いています。

1. ブラウザキャッシュ
2. HTML,CSS,JavaScriptの縮小化
3. 画像遅延読み込み、Googleフォント非同期
4. 事前読み込み

等が設定できます。プラグイン無しで、簡単にクリックして設定できるのはすごいですね。

カスタマイズ・設定

Cocoonは無料なのにここまで出来るのかってくらい、色々な設定が出来ます。

設定できる項目が多いのでいくつかご紹介しますが、かなり詳細まで設定できます。

• スキン・・・テーマデザインの着せ替えが1クリックで出来ます
• 全体・・・カラーやフォントの設定、サイドバーの位置など設定
• head・・・No indexの設定や構造化データJSON-LDをヘッダーに出力するかなどの設定
• OGP・・・SNSの設定
• アクセス解析・・・アナリティクスやサーチコンソールなどの設定
• 本文・・・行の高さ・余白の幅、外部・内部リンクの設定など
• 目次・・・目次のスタイルを細かく設定
• SNSシェア・・・シェアボタンの設定
• ブログカード・・・ブログカードの設定
• アピールエリア・・・ヘッダー下でアピールしたい事や記事を設定
• おすすめカード・・・おすすめしたい記事や画像リンクを設定
• カルーセル・・・カルーセルを設定
• AMP・・・AMPの設定
• PWA・・・PWAといってデバイスのホーム画面にアイコンを設置してアプリの様に使える設定
• その他・・・SSL化や日本語スラッグを英語化、jQueryの設定

無料テーマでここまで出来るのは、他にはないですよ。というか私が知る限りCocoonより詳細に設定できる有料テーマも見たことが無いです。

AMP化も比較的簡単に設定できるし、PWAまでありますよ！

なぜ無料テーマなの？って感じです。

他にも、こんな設定があります。

出来る事

投稿記事で出来る主なことを紹介します。

こんな吹き出しも簡単に使える

ここに書かれている事は、テンプレートの文字です。→「

おすすめやセール情報など良く使うことをテンプレートにして、表示できます。

この機能はセール情報など紹介する記事に役に立ちます。

こんなマーカーも使えちゃいます。

記事作成に必要なものほとんどあるんじゃないでしょうか？

Cocoonにおすすめのサーバー

Cocoonを使うにあたって推奨サーバーがいくつかあるので、ご紹介します

• • ConoHa WING・・・私もConoHa WINGも使っていますが、最速をうたっているサーバーです。見やすい画面で設定なども簡単にできます
  • エックスサーバー・・・このサイトはエックスサーバーを使っていますが、安定した動作に設定なども簡単、一番おすすめのサーバーです
  • mixhost・・・個人的にはあまりいい思い出がないミックスホストですが相性はいいそうです

特にエックスサーバーは使っている人も多いからいろんな情報がすぐにググれるし、公式ページに結構丁寧な各種設定方法があるので、サーバー初心者でも簡単に使えます。

デメリット

さて、設定や出来る事をまとめましたが、1ヶ月ほど使ってみたデメリットを紹介します。

カスタマイズの設定プレビューが変更されない

Cocoonの設定からいろいろカスタマイズできるのですが、プレビューがページ上部にあるんですね。

設定を変えていっても、このプレビューに反映されないんですよ。なぜでしょう？ただのバグかなって思いますが、カスタマイズがめちゃくちゃ面倒くさいんです。

なのでいちいち「変更を保存」して確認しないと、どう変わったか分からないんですね。

仮にプレビューに反映されたとしても、プレビュー画面が上部にあるので、いちいちページ上部まで戻って確認しなくちゃいけないので、時間が結構かかります。

お次は一般的な有料テーマのカスタマイザーです。右側にプレビューがあり、左側に設定項目があるので簡単に変えた部分の変化を見ながら設定できます。

カスタマイズ項目が多すぎて初心者には難しい

先ほど紹介したようにCocoonでは色々設定できるのですが、設定項目が多すぎるし細かすぎるので、初心者には難しいテーマです。

まぁ、何も触らなければ初期設定で表示されるので、カスタマイズしないという選択もあります。

かく言う私も必要最低限の設定をしただけで、4～5時間かかりました。

どのテーマでも初期設定は時間がかかりますが、Cocoonを全部設定しようと思うと初心者は2～3日以上かかるかもしれないですね。

表（テーブル）が標準設定で無い

↑コレですね、表（テーブル）。これはHTMLで書いてますが、標準機能で付いていないので、自作するかプラグインを入れなくちゃいけません。

表がないテーマも珍しいですね。

おしゃれじゃない

Cocoonで唯一他のテーマに劣っていると思うところは、「おしゃれじゃない」というところです。

テーマ制作者も言っていますが、「読み手が読みやすいテーマ」を目指しているので、初期設定のデザインはそこまで「見た目に惹きつけられる」デザインじゃないですね。

今読んでいるブログはサブディレクトリにCocoonを入れたものですが、他の記事も読んでみて下さい。違うテーマが入っているので、比較しやすいと思います。

ただしCSSなんかもいじったり、設定を頑張ればちょっとはまともになるかと思いますが、それなら有料テーマに乗り換えて記事執筆に集中した方がいいですね。

個人的に、他のブログを見ても記事を見て「あ、これCocoonだ」って分かりやすいですもんね。特にスマホ表示の時は、おしゃれ感がないと思います。

CocoonとJINは似ていると言われますが、私からしたら洗練されたデザインかどうかで見分けることが出来ます。JINの方がおしゃれですね。

SNSでの口コミ評判

僕JINにしました😅

メリット
･デザイン設定が楽
･やりやすさがやる気に繋がる
･JINのマニュアル完備してる
(COCOONだと多種多様なやり方で混乱してました)

デメリットはさほど感じてません😌
なにかご参考に😊

— たける🔥“反骨魂“料理長🔥 (@takerutory) May 21, 2020

初心者がcocoonを3ヶ月使ってみて

✅メリット🙆‍♂️
・とにかく無料
・シンプルで見やすい
・ある程度コピペで作れる
・色々カスタマイズ出来て楽しい

✅デメリット🙅‍♂️
・使ってる人が多くて被る
・カスタマイズに限界がある
・多少プログラミングの知識が必要

初心者の感想としては「これが無料⁉️」

— ボブ｜ラップ×SNS×ブログ (@24bobuuu) May 11, 2020

有料テーマ「アフィンガー5」✨
デザイン好きブロガー目線
ピンポイントレビュー

✅メリット
・とにかく文字組みがキレイ
・それによりモチベ 爆UP

✅デメリット
・cocoonで書いてた記事はほぼリライト😭
・初期設定はちょいムズ

検討中の方は思い切って
早めの購入がオススメです#ブログ初心者

— きくま@3足わらじ👟ブロガー (@kikuma8716) February 17, 2020

WordPressのテーマ変えてみた。

cocoon（コクーン）

✅メリット
細部まで設定可能。
SEO機能も速度面も充実。
phqまでカスタム可能。

✅デメリット
カスタマイズするところがありすぎて、初心者は死ぬ。
下手したらcocoonの設定で挫折する人もいるかも。#ブログ#ブログ初心者

— キズ@主婦ブロガー（フォロバ100％） (@KZ_kzkm) December 19, 2019

【有料テーマが気になる人へ】

ボクのブログは30記事程度のボリュームです

CocoonからAFFINGER5にテーマ変更するのに3日間かかりました…

ココロ折れそうでした…

有料テーマが気になる人は思い切って早めに変えちゃいましょう！

— まるぞう@ブログ×筋トレ×副業 (@maruzoublog) May 26, 2020

決めました。

家に帰ってひと段落ついたら、ブログの有料テーマを購入しようと思います。

この1~2週間ずっと考えていましたが、やっと決断しました💪

どう頑張ってもcocoonのデザインが改善できないし、そうなるとやる気も下がります。

自分に必要だと感じたら迷わずお金を投じるましょう😏

— RBV@しんそつ銀行員の部屋 (@rbv_shinsotsu) May 26, 2020

これ本当にそうですね。自分が気に入るデザインに設定できないと、やる気なくなりますね。

まとめ

何度も言っていますが、無料でここまで出来るテーマはないので（有料でも）、ありだと思います。

ただし、多くの人が有料テーマに乗り換えているのは、デザイン性に乏しく自分が気に入るサイト設計が難しいということを考慮して使えばOKだと思います。