Cocoon | SEO・高速化・モバイル最適化済みの無料Wordpressテーマ
当サイトで採用していたWPテーマのSimplicity2で、「Cocoon(コクーン)」という後継が出たようなので早速テーマを適用してみました。
Cocoon(コクーン)とは
Cocoonは寝ログを運営されている、わいひらさんが作成されたWordPressテーマで、以前からあったSimplicityというテーマの後継に当たります。
Simplicityのシンプルさはそのままに、Simplicity時代に蓄積されたWordPressのノウハウがフィードバックされ、進化した素晴らしいテーマです。内部SEO施策がされ、サイトの高速化機能など、様々な機能が手軽に設定できます。詳しくは寝ログさんの記事や公式のCocoonサイトで紹介されています。


Cocoonテーマを適用して行ったこと
今回Cocoonテーマを適用して行った設定などをご紹介します。Cocoonの設定は左メニューにある「Cocoon 設定」から行えます。

OGP
OGP設定でFacebookやTwitterなどのSNSでのシェア時に、ページのタイトル・URL・概要・アイキャッチ画像(サムネイル)を表示させるようにしました。

アクセス解析
アクセス解析を行えるように、Google AnalyticsとGoogle Search ConsoleのIDを設定しました。

AMP
モバイルでのウェブサイト閲覧を高速化するAMPの設定を行いました。

サイト高速化
サイトの高速化につながるローカルキャッシュ、HTML、CSS、JavaScriptを縮小化する設定を行いました。

フォローボタン
フォローボタンを追加する設定をユーザーのプロフィールから行いました。私はTwitter、Facebook、はてブ、YouTubeのIDを入力し、フォローボタンを追加しました。

フォローして欲しいSNSのURLを入力すると、シェアボタンの下にフォローボタンが追加されます。

これからやってみたいこと
Cocoonに移行して、当然ですが下記の技術情報カテゴリで紹介していたようなローディング表示、ヘッダーの固定、スクロールでのメニューバーの非表示などのカスタマイズは現在失われているので、落ち着いた時を見計らって実装していきたいと思っています。

Webに関しての技術情報をご紹介しています。
まとめ
- Cocoonは寝ログを運営されている、わいひらさんが作成されたWordPressテーマ。
- 内部SEOの施策がされ、様々な機能が手軽に設定できる。
Cocoonへのテーマ移行は、本番のサイトデータをWordMoveでpullと同時に同期させ一旦ローカルで試し、ある程度問題ないことを確認してから、そのまま本番にデプロイする形をとりました。当サイトはSimplicityの上位バージョンであるSimplicity2を利用していたせいか、今のところ大きな問題もなく動作しています。
とはいえ、リリースされたばかりのテーマなので、様子を見つつ利用していきたいと思います。
コメント