COCOONのあっちこっち飛び猫の設定丸見せ

設定サムネWEBの話

COCOONの設定で困ったらとりあえず真似してOK設定公開

何度か熱弁していますが、このブログを形作っているテンプレート『COCOON』は本当に優秀で、「え、なんで無料で使えるの?」というくらい、SEOから見た目から何から何までGOOD。

で・す・が。

優秀であるがゆえに、設定するところが結構たくさん。

もちろん、直感でやっても問題ないのですが、Wordpress初心者さんや、ブログ初心者さんからしたらちんぷんかんぷんだと思います。

千夜
千夜

私がそうでした

COCOONはフォーラムなんかもあり、わからないことは調べたり尋ねたりすれば大抵の問題は解決されるのですが、「設定って……?」と迷ったときに、一つ一つの設定で調べたり、恐々フォーラムに質問糖化するのもちょっと躊躇(ちゅうちょ)しちゃうかと思います。

千夜
千夜

私がそうでした

なので、とりあえず設定状態が安定している、このあっちこっち飛び猫の内側の設定を丸っとお見せしちゃいます。

COCOON設定

スキン

なし

ノーマル状態でいじりたおしてます。

全体設定

キーカラー:お望みのもので

全体

サイト背景などはご自由に。

ただ、「サイト幅の均一化」「サイト全体のサムネイルを表示する」はチェックしています。

全体設定

ヘッダー

各色付けに関しては、お好みで。

ヘッダー設定
ヘッダー設定

広告

一番不安に思う設定箇所。

LinkSwitchを有効にするにチェックを入れて、IDも入れています。

広告の表示位置は基本自由ですが、画面が広告のみで満たされる状態だとペナルティーをくらうため、ほどほどにしておくようにしましょう。

広告設定

タイトル

サイトの説明は入れますが、メタキーワードは未記入(あまりSEOに効果ないということで)

タイトル設定
タイトル設定
タイトル設定
タイトル設定

セパレーターはGoogleで検索された時に、記事タイトルとblogタイトルを分けたりするための区切りです。個人的に見やすそうだったのでパイプにしましたが、個人の自由で大丈夫だと思います。

SEO

たぶん結構悩む箇所だと思います

SEO設定
SEO設定

OGP

OGPの有効化:OGPタグの挿入にチェック、IDも入れています。

Twitterカードの有効化:Twitterカードタグの挿入にチェックを入れて『大きな画像のサマリー』を選択。

カラム

【メインカラム設定】

カラム設定

【サイドバー設定】【カラム間余白設定】

カラム設定

インデックス

【フロント設定】

インデックス設定
インデックス設定

投稿

【カテゴリ・タグ】

投稿設定

【関連記事設定】

投稿設定

【ページ送りナビ設定】

投稿設定

【コメント設定】【パンくずリスト設定】

投稿設定

固定ページ

パンくず設定

本文

【本文行間設定】

本文設定

【外部リンク設定】

本文設定

【内部リンク設定】

本文設定

【テーブル設定】

本文設定

追加rel属性とかよくわかっていませんが、この設定にしてからSEO関連が凄く安定しています。

目次設定

かなりお好みで良いと思いますが、一応私の設定もお見せします。

目次設定
目次設定

SNS

【トップシェアボタン】

トップシェアボタンの表示:メインカラムトップシェアボタンを表示

表示切替:お好みで

表示ページ:好みで

ボタンカラー:お好みで

カラム数:お好みで

ロゴ・キャプション配置:お好みで

シェア数の表示:シェア数を表示

【ボトムシェアボタン】

ボトムシェアボタンの表示:メインカラムボトムシェアボタンを表示

シェアメッセージ:お好みで

表示切替:お好みで

表示ページ:好みで

ボタンカラー:お好みで

カラム数:お好みで

シェア数の表示:シェア数を表示

シェア数の表示をすると、若干サイトの表示スピードが下がります

【ツイート設定】

プロモーション:ツイート後にフォローを促す
のみ設定

【Facebook設定】

設定はしていますが、IDしか入れるところがないので入れます。

【pinnatest設定】

設定すると画面がうざいので、私は何もしていません。

【キャッシュの設定】

キャッシュの有効化:キャッシュを有効にする

キャッシュ間隔:24時間

SNS設定
SNS設定
SNS設定
SNS設定

SNSフォロー

設定はほぼすべて「お好みで」というところなのですが、1つだけ。

キャッシュ設定だけはこちらでやっています。

キャッシュの有効化:キャッシュを有効にする

キャッシュ間隔:12時間

キャッシュ設定

画像

【本文画像設定】

アイキャッチ設定

【全体画像設定】

アイキャッチ設定

ブログカード

ブログカード設定
ブログカード設定

コード設定

何も設定していないので省略

コメント設定

コメント設定
コメント設定

通知~カルーセル

特に設定していないので省略

フッター

フッター設定
フッター設定

ボタン

特に設定していないので省略

モバイル

モバイル設定

404・AMP

設定していないので省略

PWA

PWA設定
PWA設定

管理者画面

管理者画面
管理者画面

ウィジェット~ウィジェットエリア

お好みでできるので省略

API

管理者画面
管理者画面
管理者画面
管理者画面

その他

その他の設定

コメント

タイトルとURLをコピーしました