CHALLENGEマーケティングMARKETINGSEOSEOリスティングPPCアドセンスADSENSEアフィリエイトAFFILIATEツールTOOLS稼ぐMONEY投資INVESTMENT投資の基本BASISリス太のひとりごとHITORIGOTOコラム的なやつCOLUMNコラム的なやつネット副業って大変じゃない?って言われるけど、やらないほうが大変だと思う。SEO全部は要らない。・SEOに強い・アフィリエイトに強い・そして無料!って感じ。リス太こりゃすごいわ。シンプルデザインのテーマだと、カスタマイズ性の高さが売りなので、プラグインのお世話になったり、PHPを触らないと思うようなことが実現できないことが多いです。逆にデフォルトでデザインや機能がいろいろカスタマイズできるテーマとなると、たいていは有料。比べて、Cocoonは無料。Cocoon作者のわいひらさんはやはり神ですね!スポンサーリンクCocoon使いこなす前にあきらめてない?さて、そんな最強テーマCocoonですが、今度は機能が豊富すぎて、慣れるまではどこをどういじっていいのかよくわからないのもまた事実です。Cocoonをせっかく導入したのに、良さを感じる前に違うテーマに切り替えちゃう人もいますよね。あれ?噂と違うぞって。それ、最低限の見た目を整えるための初期設定をしてないからだとおもうんですよね。SEO」などのSEO対策プラグインを使っていた人も多いのではと思います。カテゴリーのトップページにメタディスクリプションを生成するためにPHPを編集した人も多いでしょう。この辺はすべてCocoonのデフォルトの機能で実現できます。プラグインがいらないってこと!さらにGoogleタグマネージャーやGoogleアナリティクスもコンテナIDやトラッキングIDさえわかればCocoonの設定画面から一発導入可能です。シンプルでカスタマイズ性の高いデザインデザイン的には非常にシンプルですよね。こちらはカスタマイズ性の高さが売りなので、シンプルならシンプルなだけ、カスタマイザー魂が震える人はいいですが、デザインこそテーマに任せたいって人にはシンプルすぎるかもですね。それは、デフォルトのスキンだからです。Cocoonには豊富なデザインスキンが多く用意されているので、Cocoon設定画面で好きなスキンを適用するだけで、自分好みの見た目に変更可能です。そこからカスタマイズするのが王道ですかね。スポンサーリンクCocoonを導入したら最初にやるべきことさぁ、Cocoonの良さがさらにわかってきたところで、Cocoonを導入してすぐに設定した方が良い部分のみピックアップしてお伝えします。管理画面をパッと見たときに、初期で触る必要があるのは次の3つ。・外観→カスタマイズ・Cocoon設定です。見ていきましょう!メニュー設定ここはちょっと注意なのですが、Cocoonのデフォルトの設定だと、カテゴリーの説明文がブログに表示されてしまうので、恐ろしい見た目になるんですね。一瞬引くくらい笑なので、メニュー画面から該当のカテゴリの詳細を開いて「説明」に記載してある内容を削除しましょう。詳しくは、「Cocoon備忘録|Cocoon導入でハマったことのメモ」を参考にしてくださいね!カスタマイズ外観→カスタマイズからしか設定できないのが、ファビコンに設定する画像です。ちなみにファビコンっていうのは、ブラウザのタブに表示される小さいアイコンですね。設定したい画像を選択すればOKです。最後に、初心者を悩ませる「Cocoon設定」へ。リス太も初めは戸惑いました。リス太だって、タブ多すぎでしょ?でも導入直後は全部をさわる必要なしです。ポイントは、1「どこからカスタマイズしようかな」を判断できる最低限の見た目にする2SEO周りと解析周りの設定をするこれだけでOKです。最低限整えば、その後は自分の判断でここ変えたいな~って思った時に重点的に該当のタブ内の設定をいじって確認してけばいいです。リス太ほんとに色々できるからね。細かいカスタマイズは別の記事で!さて、Coconn設定で初期に使うべきタブはこれです。赤枠で囲ったとこだけ設定しましょう。6つならたいしたことないでしょ!スポンサーリンクヘッダーまず、ヘッダータブ。ヘッダーレイアウトを変更します。デフォルトのままでもいいですが、リス太オススメは、「センターロゴ(スリムメニュー)」か「センターロゴ(スリムトップメニュー)」です。した見た目になります。あと、ブログのロゴが用意できている人は、「ヘッダーロゴ」を設定しましょう。時々キャッシュの関係でエラーが出ちゃってうまくロゴが反映されないケースがあるので、その時はキャッシュを削除すればOKです。エラーが出た時の対応方法は、「Cocoon備忘録|Cocoon導入でハマったことのメモを参考にしてください。スキンお次はスキンを選びます。たくさんのデザインスキンが用意されているのもCocoonのすばらしいところ。随時選べるスキンが増えてます。画像は一部だけですが、2018年11月30日現在で35個のスキンから選べますよ。すげ~!!リス太のオススメは、「モダンブラック」と「COLORS」シリーズですね。Styles」もスッキリしてていい感じ。いつでも変えられますしね。リス太ちなみに「ぐろすめ。」はモダンブラック!タイトル今度は重要なタイトル設定ですね。トップページのタイトルやディスクリプションの設定や投稿、固定ページ、カテゴリーページのSEO設定ができます。必要なテキストを入れていきましょう。通常、プラグインやPHPをさわらないと対応できないこの辺の設定ができるのはCocoonの大きな魅力。注意点は、投稿、固定ページとカテゴリページ両方とも、「メタディスクリプションの出力」と「メタキーワードの出力」にチェックが入っていることです。リス太これであっさり完了。SEOここでは、タグ周りの設定を行います。URLの正規化にとって重要なcanonicalタグの設定や一覧ページ、分割ページを作った時に大切なnext/prevタグの設定までここでできちゃいます!リス太いままでのブログ運営の苦労はなんだったの?って思っちゃうほどすばらしい機能!基本的にこのSEO設定では「カテゴリページの2ページ目以降をnoindexとする」以外は、オールチェックありでOK!リス太SEOに詳しい人、こだわりがある人は自由にお任せします!スポンサーリンクOGPソーシャル周りの設定ですね。チェックはすべて入れて、ホームイメージの画像を設定したらOK。最後にアクセス解析ツールなどの各種GoogleサービスIDを入力していきます。Googleタグマネージャー。ちなみに、Googleタグマネージャー(GTM)は、タグをサイトに反映させるだけで、あとはいろんなタグをタグマネージャーに設定するだけでOKになる便利なタグ管理(ワンタグ)ツールです。Googleタグマネージャーを使っている人は、タグマネージャーのコンテナIDを「タグマネージャID」に入力しましょう(GTM-xxxxxxxってやつです)。ID」にも入力します。この時、AMP用のタグマネージャIDと通常のタグマネージャIDは別のものを設定します。そもそもGoogleタグマネージャーでアカウントを作成する時点で、WebサイトとAMPサイトは別に設定しますので、当然ですね。トラッキングID」にアナリティクスのUA-IDを入力しましょう(UA-00000000-0ってやつです)。/>ってタグの中の「XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX」の部分です。こちらを入力しましょう。以上で、Cocoonを導入したら最初にやるべきことは完了です。見た目をチェックしてみてくださいね。実は、すでになかなかの完成度のブログになっているはずですよ!おわりに「Cocoonを導入したら最初に設定すべきこと」でした。|非エンジニアのためのネット副業ブログ関連記事CocoonCocoonでカエレバとヨメレバを使う方法|CSSカスタマイズまで!カエレバとヨメレバを使って商品購入をさらに促進できる商品リンクの作り方、またCocoonに合わせたデザインカスタマイズ方法をお伝えしますよ!Cocoon【一瞬で完了!】Cocoonで作ったブログをAMP対応する方法Cocoonはすばらしいテーマです。AMP対応済みのテーマですからAMP対応する労力なしにあっという間にGoogleに好かれるサイトができちゃうわけですからね。設定が不要かというともちろん必要。一瞬で終わりますよ!!!CocoonCocoon備忘録|Cocoon導入でハマったことのメモ「ぐろすめ。」も使ってるワードプレスの神テーマ『Cocoon』を導入するにあたって参考にしてほしい、リス太がCocoonで「ハマったことリスト」です。普段はIT会社のマーケティング担当。世知辛い世の中をのらりくらりと生き抜くために見つけたのがネット副業!リス太自身も毎日修行しながら成長しています!!とくに非エンジニアだからわかる「わかんな~い...」な悩みを解決するのが快感な今日この頃。普段はIT会社のマーケティング担当。世知辛い世の中をのらりくらりと生き抜くために見つけたのがネット副業!リス太自身も毎日修行しながら成長しています!!とくに非エンジニアだからわかる「わかんな~い...」な悩みを解決するのが快感な今日この頃。