Cocoon | SEO・高速化・モバイル最適化済みの無料Wordpressテーマ
当サイトで採用していたWPテーマのSimplicity2で、「Cocoon(コクーン)」という後継が出たようなので早速テーマを適用してみました。
Cocoon(コクーン)とは
Cocoonは寝ログを運営されている、わいひらさんが作成されたWordPressテーマで、以前からあったSimplicityというテーマの後継に当たります。
Simplicityのシンプルさはそのままに、Simplicity時代に蓄積されたWordPressのノウハウがフィードバックされ、進化した素晴らしいテーマです。内部SEO施策がされ、サイトの高速化機能など、様々な機能が手軽に設定できます。詳しくは寝ログさんの記事や公式のCocoonサイトで紹介されています。
![](https://nelog.jp/wp-content/uploads/2018/03/screenshot.jpg)
![](https://wp-cocoon.com/wp-content/uploads/2018/03/screenshot.jpg)
Cocoonテーマを適用して行ったこと
今回Cocoonテーマを適用して行った設定などをご紹介します。Cocoonの設定は左メニューにある「Cocoon 設定」から行えます。
![Cocoonの設定は左メニューにある](https://www.pc-weblog.com/wp-content/uploads/2018/03/cocoon0001.png)
OGP
OGP設定でFacebookやTwitterなどのSNSでのシェア時に、ページのタイトル・URL・概要・アイキャッチ画像(サムネイル)を表示させるようにしました。
![FacebookやTwitterなどのOGP](https://www.pc-weblog.com/wp-content/uploads/2018/03/cocoon0003.png)
アクセス解析
アクセス解析を行えるように、Google AnalyticsとGoogle Search ConsoleのIDを設定しました。
![Google AnalyticsとGoogle Search ConsoleのIDを設定](https://www.pc-weblog.com/wp-content/uploads/2018/03/cocoon0009.png)
AMP
モバイルでのウェブサイト閲覧を高速化するAMPの設定を行いました。
![モバイルでのウェブサイト閲覧を高速化するAMPの設定](https://www.pc-weblog.com/wp-content/uploads/2018/03/cocoon0004.png)
サイト高速化
サイトの高速化につながるローカルキャッシュ、HTML、CSS、JavaScriptを縮小化する設定を行いました。
![ローカルキャッシュ、HTML、CSS、JavaScriptを縮小化する設定](https://www.pc-weblog.com/wp-content/uploads/2018/03/cocoon0002-1024x929.png)
フォローボタン
フォローボタンを追加する設定をユーザーのプロフィールから行いました。私はTwitter、Facebook、はてブ、YouTubeのIDを入力し、フォローボタンを追加しました。
![ユーザーのプロフィールからフォローボタンを設定](https://www.pc-weblog.com/wp-content/uploads/2018/03/cocoon0005.png)
フォローして欲しいSNSのURLを入力すると、シェアボタンの下にフォローボタンが追加されます。
![シェアボタンの下にフォローボタンが追加される](https://www.pc-weblog.com/wp-content/uploads/2018/03/cocoon0006.png)
これからやってみたいこと
Cocoonに移行して、当然ですが下記の技術情報カテゴリで紹介していたようなローディング表示、ヘッダーの固定、スクロールでのメニューバーの非表示などのカスタマイズは現在失われているので、落ち着いた時を見計らって実装していきたいと思っています。
![](https://www.pc-weblog.com/wp-content/themes/cocoon-master/images/no-image-160.png)
Webに関しての技術情報をご紹介しています。
まとめ
- Cocoonは寝ログを運営されている、わいひらさんが作成されたWordPressテーマ。
- 内部SEOの施策がされ、様々な機能が手軽に設定できる。
Cocoonへのテーマ移行は、本番のサイトデータをWordMoveでpullと同時に同期させ一旦ローカルで試し、ある程度問題ないことを確認してから、そのまま本番にデプロイする形をとりました。当サイトはSimplicityの上位バージョンであるSimplicity2を利用していたせいか、今のところ大きな問題もなく動作しています。
とはいえ、リリースされたばかりのテーマなので、様子を見つつ利用していきたいと思います。
コメント