PR

SWELLの設定おすすめ10選とNG例|初心者が導入直後にやるべきこと

ワードプレス

 

はじめまして。当ブログ管理人の後藤です。

未経験者が「なぜブログで10万稼げたのか?」その秘密を暴露します。 「今年こそは絶対稼ぎたい!」という人は今すぐご覧ください。


あっさり10万稼ぐためのメルマガ

 

 

それでは始めます。

 

SWELLを入れたものの、設定画面のタブが多すぎて「どこから触ればいいの?」と手が止まっていませんか。

このページでは、SEOや表示速度、デザインのバランスが取りやすいおすすめ設定ルートをまとめました。

この記事で分かること

  • SWELL全体の設定の流れと、どこまでできればひとまず安心かというゴール
  • SWELL設定画面(高速化・構造化データ・機能停止など)で押さえたい具体的なポイント
  • カスタマイザーで「見やすくてクリックされやすい」デザインに整えるコツ
  • SWELLと相性の良いプラグインと、入れるとトラブルになりやすいプラグインの考え方
  • つまづきやすいNG設定と、そこからの立て直し方

 

  ブログ収益化の教科書プレゼント

↓ ↓ ↓

ba15a

 

Swell設定おすすめの全体像をサクッと整理しよう

ごとう
ごとう

まずは、Swellの設定をどんな順番で進めると迷わず終わるのか、ざっくりと全体像を共有しておきます。

Swell設定おすすめの3ステップ

私なら、SWELLの設定は次の3ステップでまとめて終わらせます。

ステップ やること 主な目的
STEP1 WordPress側の基本設定とSWELLのインストール 最低限「普通に動くブログ」にする
STEP2 SWELL設定画面(高速化・構造化データ・機能停止など) SEOと表示速度の土台を整える
STEP3 カスタマイザー・メニュー・ウィジェット・プラグイン整理 デザインと導線を整えて収益化しやすくする

多くの解説記事や公式マニュアルも、「SWELL設定」「カスタマイザー」「プラグイン・外部サービス」という流れで説明されているので、この3ステップで押さえておけば迷いにくいです。

このあと、それぞれのステップでどこをどう設定していくのが現実的かを、一つずつ見ていきます。

Swellのおすすめ初期設定:作業前に整えておきたいこと

ごとう
ごとう

ここでは、Swellの設定に本格的に入る前にサクッと済ませておきたい初期設定をまとめます。ここを先にやっておくと、あとから大掛かりな修正をしなくて済みます。

テーマと子テーマのインストール

SWELL本体をインストールしたら、子テーマも一緒に入れて有効化しておくのがおすすめです。

子テーマを使うメリットは、デザインや機能を少しカスタマイズしても、親テーマのアップデートで上書きされにくいことです。

  • 親テーマ:SWELL本体そのもの
  • 子テーマ:ちょっとした追記や調整用の「上着」のようなもの

CSSをいじる予定が今はなくても、あとからデザイナーさんや外注さんにお願いする可能性を考えると、最初に子テーマを入れておいた方が安全です。

WordPress側の基本設定で最低限やること

Swellの設定で細かいところを触る前に、WordPress本体の設定も最低限は整えておきましょう。

  • サイトのタイトル・キャッチフレーズの確認
  • パーマリンク設定(「投稿名」にしておくのが一般的)
  • スラッグに日本語を使いたくない場合は、投稿ごとに英数字に直す習慣をつける

特にパーマリンクは、途中で変えるとリンク切れの原因になるので、運営方針が決まっているなら最初に決めておくと安心です。

Swell 設定 おすすめ:SWELL設定画面でまずやること

ごとう
ごとう

ここからがいよいよ本番で、管理画面の「SWELL設定」から触るべき場所をまとめていきます。特に、高速化や構造化データ、機能停止などはSwellの設定の中でも重要度が高い部分です。

高速化タブのおすすめ設定

SWELLの高速化タブは、テーマの強みが詰まっていると言われるくらい重要な部分です。ただ、すべてにチェックを入れれば良いわけではないので、慎重に進めたいところです。

項目の例 おすすめの考え方 理由
CSSの最適化 オンにすることを検討 必要なCSSだけ読み込み、ページを軽くできるため
画像やコンテンツの遅延読み込み 基本はオンでOK スクロールするまで画像などを読み込まず、体感的な表示速度を上げるため
ページ遷移高速化(Prefetchなど) サイト構成が固まってから本格的にオン 構成を頻繁に変える時期は、挙動のチェックを優先した方が安全なため

高速化タブの設定を変えたあとは、必ず「トップページ」「記事ページ」「カテゴリー一覧」などを自分のスマホでも確認しておきましょう。表示崩れや動かないボタンがないか、ざっとチェックするだけでもトラブルを防ぎやすくなります。

構造化データタブの設定

構造化データの設定では、「このサイトをどんな人(またはどんな団体)が運営しているのか」を検索エンジンに伝えます。

  • 運営者名(個人名または屋号・会社名)
  • ロゴ画像
  • サイトの概要(どんなテーマで発信しているのか)

ここをきちんと入力しておくと、検索エンジンがサイトを理解しやすくなり、運営者の情報がはっきり伝わるので信頼性の面でもプラスになります。後回しにされがちですが、Swellの設定の中でも地味に大事な部分です。

jQuery・Font Awesomeの設定

SWELL設定には、jQueryやFont Awesomeに関する項目もあります。ここは、使うプラグインやデザインの方針によって最適解が変わる部分です。

  • jQuery:古いプラグインを多用しないなら、基本的には標準の状態で問題ないケースが多い
  • Font Awesome:アイコンをたくさん使う予定がないなら、読み込む種類を必要最低限に絞る

Font Awesomeを全部読み込むと、その分だけファイルが重くなります。特にこだわりがなければ、デフォルト設定や必要な範囲だけにとどめておく方が無難です。

機能停止タブで「使わないもの」を切る

SWELLは多機能なテーマなので、使わない機能を思い切って止めると、サイトが軽くなったりトラブルが減ったりします。機能停止タブは、まさにそのための場所です。

  • 目次プラグインを使うなら、SWELL側の目次機能を停止する
  • シェアボタンのプラグインを使うなら、SWELL側のボタンを停止する
  • 関連記事を外部プラグインで出すなら、SWELL側の関連記事表示を停止する

同じ役割の機能がテーマとプラグインで二重になっていると、デザイン崩れや表示の重さの原因になります。「どの機能をSWELLに任せて、どこから先をプラグインに任せるか」を整理しながら機能停止タブを触ると、あとが楽になります。

Swellのおすすめ設定:カスタマイザーでデザインと導線を整える

ごとう
ごとう

次に、「外観 → カスタマイズ」から触れる部分です。ここでは、サイト全体の雰囲気やメニュー構成を決めていきます。Swellの設定のなかでも、見た目と使いやすさに直結するところです。

サイト全体設定:色・フォント・幅をシンプルに決める

「サイト全体設定」では、サイトの第一印象を決める要素をまとめて調整できます。

  • ベースカラー(背景や枠線に多く使われる色)
  • メインカラー(リンクやボタンなど「押してほしい場所」の色)
  • アクセントカラー(見出しやワンポイントに使う色)
  • フォント(丸みのある柔らかい字か、スッキリした印象の字か)

迷ったときは、サイトの方向性ごとに次のような組み合わせをイメージすると決めやすくなります。

サイトの方向性 おすすめカラー構成 フォントの例
ビジネス寄り・堅め ベース:白や淡いグレー/メイン:青系/アクセント:濃いグレー スッキリ読めるゴシック系
個人ブログ・雑記 ベース:白/メイン:明るい青や緑/アクセント:同系色の濃いトーン 少し丸みのあるゴシック系
女性向け・ライフスタイル ベース:薄いベージュ/メイン:ピンクやテラコッタ系/アクセント:ブラウン系 丸ゴシック寄り

色やフォントはあとから何度でも微調整できます。最初から「これが一生の配色だ」と気負わず、今の自分が一番しっくりくる案をまず一つ決めてしまいましょう。

ヘッダー・フッター・メニューで導線をつくる

 

 

 

【稼げるキーワード教えます】
▼  ▼  ▼
ba15a

 

 

 

Swellの設定の中でも、ヘッダーとメニュー周りは「どの記事を読んでもらえるか」を左右する重要な場所です。

  • ヘッダーロゴ:シンプルで読みやすいロゴやサイト名を配置
  • グローバルメニュー:重要カテゴリー、プロフィール、お問い合わせなどを置く
  • フッター:プライバシーポリシー、運営者情報、サイトマップなどをまとめる

特にブログ型のサイトなら、次のようなページをメニューに入れておくとクリックされやすくなります。

  • 稼ぎたいジャンルのカテゴリー
  • おすすめ記事のまとめページ(ランキングやおすすめ○選など)
  • プロフィールや運営者情報

「どんな順番で記事を回遊してほしいか」をイメージしながらメニューを作ると、自然と読まれる記事が増えていきます。

投稿ページ・アーカイブページの表示を整える

投稿ページでは、次のような項目をカスタマイザーやテーマ設定から調整できます。

  • 目次の表示位置やデザイン
  • SNSシェアボタンの位置(記事上・記事下・両方など)
  • 関連記事ブロックの表示とレイアウト

カテゴリー一覧などのアーカイブページでは、次のような部分を選べます。

  • カード型・リスト型などの表示形式
  • 抜粋文を表示するかどうか
  • アイキャッチ画像の大きさや比率

ここは「スマホで見たときにごちゃごちゃしていないか」を基準に選ぶのがおすすめです。読みやすさを優先して、シンプルなレイアウトを選んでおくと大きく外しません。

Swell設定おすすめのプラグインと外部サービス

ごとう
ごとう

次に、Swellの設定とセットで考えたいプラグインと外部サービスについて整理します。テーマだけで完結する部分も多いですが、足りないところはプラグインや外部サービスで補うイメージです。

SWELLと相性の良いプラグインの考え方

SWELLはブロックエディターを前提に作られたテーマなので、エディターを大きく書き換えるタイプのプラグインや、高速化機能がかぶるプラグインには注意が必要だとされています。

カテゴリ 代表例 位置づけの目安
SEO系 SEO SIMPLE PACK など SWELLと同じ開発元のプラグインは特に相性が良い
サイトマップ系 XMLサイトマップ系プラグイン 検索エンジンにサイト構造を伝える「地図」のような役割
セキュリティ系 ログイン防御やファイアウォール系 不正ログインや攻撃から守るために1つは入れておきたい
バックアップ系 UpdraftPlus など トラブル時に元に戻せる「保険」として役立つ
画像圧縮系 画像圧縮プラグイン各種 画像を軽くしてページ表示を速くする

一方で、次のようなプラグインは公式マニュアルや多くの解説記事で注意喚起されています。

  • Classic Editor などのクラシックエディタ系プラグイン
  • Elementor などのページビルダー系プラグイン
  • Autoptimize やキャッシュ系など、高速化機能がテーマとかぶるプラグイン
  • 目次・関連記事・吹き出しなど、SWELLと機能が重複するプラグイン

必ずしも全てが完全NGというわけではありませんが、「同じことをテーマでもプラグインでもやろうとしていないか」を意識して、必要なものだけを残すようにしましょう。

アクセス解析・サーチコンソール・OGPの連携

外部サービスは、おおまかに「アクセス解析」「検索キーワードの把握」「SNSでの見え方」という3つの目的で考えると整理しやすくなります。

目的 サービス SWELL側でやることの例
アクセス解析 Googleアナリティクス トラッキングIDをテーマやSEOプラグイン側に登録する
検索キーワード把握 Googleサーチコンソール サイトの所有権確認をして、データが取れるようにしておく
SNSでの表示調整 OGP設定 OGP用の画像・タイトル・説明文を設定する

これらは一度設定してしまえば、あとは記事を書きながらデータを見て改善していく形になります。「とりあえず入れておこう」で終わらせず、何のために連携しているのかをざっくりイメージしておくと、数値を見たときに行動につなげやすいです。

Swell設定おすすめのNG例とつまづきポイント

ごとう
ごとう

この章では、Swellの設定を実際に触る中でつまづきやすいポイントや、ありがちなNGパターンをまとめます。事前に知っておくだけでも、トラブル時に慌てずに済みます。

やりがちなNG設定と症状・対処法

代表的な「やりがちミス」を表にしてみました。心当たりがあれば、順番に見直していきましょう。

やりがちなNG 起きがちな症状 対処の方向性
高速化タブで一気に全部オンにする デザインが崩れる、アニメーションが動かない 一つずつオンにして、そのたびに画面を確認しながら進める
SWELLの目次と目次プラグインを両方オンにする 記事中に目次が2つ表示される どちらか片方に統一し、機能停止タブも併用して整理する
Font Awesomeを必要以上に読み込む ページが微妙に重くなる 本当に使うアイコンだけに絞るか、別の表現で代替する
プラグインを増やしすぎる 表示速度の低下や不具合の原因になる 役割が重複しているプラグインを整理し、最低限に絞る

SWELLは多機能な分、「どれをオンにするか」だけでなく「どれをオフにするか」も大事です。怖くて何も触らないより、一度思い切って整理した方が運営は楽になります。

Swellの設定とSEOの関係で勘違いしやすいこと

Swellの設定をきちんとやっておくと、SEO的にプラスになる要素は確かに増えます。ただし、設定だけで一気に検索順位が上がるわけではありません。

とはいえ、次のような部分はSEOや収益に関わる大事な要素です。

  • 高速化設定(読み込みが遅いと離脱率が上がり、評価にも影響しやすい)
  • 構造化データ(サイトの中身を検索エンジンが理解しやすくなる)
  • 内部リンクやメニュー設計(読者が他の記事にもスムーズに移動できる)

「設定でできること」と「記事の中身でやるべきこと」を分けて考えておくと、やることが整理されて気持ちも楽になります。

よくある質問

ごとう
ごとう

ここでは、Swellの設定について私がよく聞かれる質問を、Q&A形式でまとめました。

Q1:Swellの設定のおすすめだけやれば、SEO対策は十分ですか?

A:正直に言うと、「十分」とは言い切れませんが、大きな差はつきます。

高速化タブの設定や構造化データの入力、OGPやSEOプラグインとの連携などは、SEOの土台作りとしてとても大切です。きちんと設定しておくことで、せっかく書いた記事が正しく評価されやすくなります。

ただし、最終的に検索順位を決めるのは、読者の悩みをどれだけ解決しているかという記事そのものの中身です。設定は「評価してもらうための準備」、記事は「点数そのもの」と考えるとイメージしやすいと思います。

Q2:他テーマから乗り換えた場合、Swellの設定のおすすめは変わりますか?

A:基本的な流れは変わりませんが、「機能の重複」には特に注意してください。

たとえば、次のようなものは要チェックです。

  • 前のテーマで使っていたショートコード
  • テーマ専用のウィジェットやデザイン用プラグイン
  • キャッシュ系や高速化系のプラグイン

SWELLが標準で持っている機能と役割がかぶっている部分は、片方だけに寄せた方が安全です。乗り換え時は、「本当に必要なプラグインだけを残して、あとはSWELLに任せられないか」を基準に見直してみてください。

Q3:プラグインは、Swellの設定と合わせてどれくらいまでなら大丈夫ですか?

A:個数の多さよりも、「役割が重なっていないか」の方が重要です。

  • SEO系プラグインは基本1つ(複数入れるとタイトルやディスクリプションが競合しやすい)
  • 高速化・キャッシュ系は、SWELLの高速化機能とバッティングしないか慎重に確認
  • デザイン系プラグインは、SWELLのブロックで代用できないかを一度検討する

「なんとなく評判が良いから」と入れていくと、気づいたらサイトが重くなっていることもあります。Swellの設定と役割が被っていないかを意識して、定期的にプラグイン一覧を見直してみてください。

まとめ:Swellの設定おすすめを終わらせて記事を書こう

ここまでの内容を振り返ります

  • Swellの設定は「STEP1:WordPress基本設定 → STEP2:SWELL設定 → STEP3:カスタマイザーとプラグイン整理」の3段階で考えると迷わない
  • SWELL設定では「高速化」「構造化データ」「機能停止」を優先して触ると、SEOと表示速度の土台が整う
  • カスタマイザーでは「色・フォント・レイアウト・メニュー」で第一印象と導線を決める
  • プラグインは「SEO・セキュリティ・バックアップ・画像圧縮」など役割ごとに整理し、SWELLと機能が重複するものは避ける
  • NG設定を避けつつ、必要なところだけオンにする「取捨選択」が、軽くてトラブルの少ないサイトにつながる

そして、今日からあなたが取るべき最初の一歩は、とてもシンプルです。

  • WordPressの基本設定(パーマリンクなど)を先に整える
  • 「SWELL設定」の高速化・構造化データ・機能停止だけを、このページを見ながら一通り設定してみる
  • カスタマイザーで色・フォント・メニューを「とりあえずの一案」で決めてしまう

ここまでできれば、すでに多くの人がつまずくポイントはクリアできています。あとは記事を書きつつ、アクセス状況や自分の好みに合わせて、Swellの設定のおすすめポイントを少しずつ微調整していけば大丈夫です。

設定に悩みすぎて手が止まるより、「まずは7〜8割の完成度で公開して、運営しながら整えていく」くらいの気持ちで、気楽に進めていきましょう。

 

 

記事を読んだらコチラ
▼  ▼  ▼
ba15a