一部プロモーションを含みますURLをコピーしました!手順7では、ConoHaWING(コノハウィング)で、SWELLをインストールしました。本記事は、手順7の続きです。質問SWELLをインストールした後って、どうすればいいの?SWELLをワードプレスにインストールした後は「SWELL設定」してください。SWELL設定SWELLをインストールすると、ワードプレス管理画面左タブに「SWELL設定」が表示されます。SWELL設定では「サイト表示速度」「SEO設定」「広告タグ設定」の設定ができます。やたろう家で例えるとブログの土台設定です。この記事では、表示速度が上がる「SWELL設定」をご紹介します。Awesome(フォント・オーサム)「機能停止」タブ「広告コード」タブ「リセット」タブSWELL設定では、7つの項目が設定できます。「高速化」タブ「高速化」タブは、サイト高速化設定ができます。チェックするだけなので、ブログ初心者でも安心ですね。Insights(ページスピードインサイト)で100点取れること。ブログ初心者でも100点とれるGoogle:ページスピードインサイト100点やたろうJINやサンゴで使っていた高速化プラグインは削除しました。JavaScriptScripts-To-Footerワードプレスのプラグインは、サイト不具合の原因になる諸刃の剣です。入れすぎるとサイトが遅くなるリスクもあります。SWELLは、プラグインがほとんどいらないので、サイトエラーが起きにくいメリットがあります。やたろう実際、わたしも3年間不具合が起きてません。無駄な作業がなくて快適にブログできてます。キャッシュ機能の設定キャッシュ機能の設定SWELL設定の「高速化」では、8つのキャッシュ設定が可能です。下部固定メニュースマホ開閉メニュートップページ内部リンク外部リンクやたろう私は全てチェックしてます。キャッシュなしキャッシュありキャッシュとは、ユーザーがサイトに訪問した「履歴データ」を、パソコンブラウザに一時的に保存しておく機能です。Yahooがサクサク表示される理由は、キャッシュを使っているためです。「SWELL設定」でキャッシュにチェックを入れておけば、常にキャッシュが利用できます。表示速度が上がり、ユーザーにストレスを与えません。遅延読み込みとは、サイト表示速度をあげる技術です。上記の画像赤枠のような「Loading」画面みたことありませんか?この状態は、遅延読み込みを利用していない状態です。「遅延読み込み」を設定していない場合、HTMLファイルに記載されてる画像は、全て読み込まれてから表示されてます。余分な画像も読み込まれております。Webサイトで大量の画像を使用していると、読み込みに時間がかかり、Webページの表示速度が低下します。結果、ユーザーの操作に支障が出たり、表示速度が遅いことで検索エンジンの評価が下がる恐れがあります。遅延読み込みを設定すると、画像がユーザーの視認範囲に入ったタイミングで読み込まれます。無駄な画像を読み込まないので、表示速度が上がります。結果、検索順位も上がるメリットがあります。遅延読み込み遅延読み込みも、キャッシュ同様、全てにチェックしてます。ファイルの読み込み、ページ遷移高速化ファイルの読み込み、ページ遷移高速化ファイルの読み込み、ページ遷移高速化設定では、以下にチェックしてます。やたろうがチェックしている項目SWELLのCSSをインラインで読み込むPrefetch(プリフェッチ)参考:サルカワ「SWELLのCSSをインラインで読み込む」設定にもチェックを入れます。「CSSをインラインで読み込む」の原理は、遅延読み込みと同じです。毎回ファイルを読み込まないので、表示速度が早くなります。(画像参照)Prefetch(プリフェッチ)とは、利用が予測されるデータを、あらかじめ高速メモリに読み込んでおき、性能と速度の向上を図る技術です。やたろうインライン読み込みとプリフェッチは専門知識が必要です。チェックしておけばOKです。「構造化データ」タブ構造化データ構造化データとは、Googleロボットにサイト構成を伝えるHTMLデータです。簡単に言えば、検索エンジン(Googleロボット)に、自分のサイトをよく知ってもらうための技術です。リッチリザルトGoogleロボットの理解は、SEOが有利になるだけではありません。Google検索結果に「リッチリザルト」を表示できるようになります(画像参照)。リッチリザルトが表示されると、Google検索結果画面で目立ち、クリック率が高まるメリットを得られます。結果、サイト流入数が増加して、検索順位が上がりやすくなります。構造化データ「構造化データ」タブで設定することは2点だけです。「JSON-LDを自動生成する」をオンにするサイト運営組織(publisher情報)を入力JSON-LDとは、Googleが推奨する構造化データのファイルの形式です。SWELLは、Googleが推奨している「JSON-LD」形式を自動生成してくれます。サイト運営組織(publisher情報)は、E-E-A-Tに関する設定。こちらも設定することで、SEOに有利に働きます。Trustworthiness(信頼性)」のことです。:satori.marketingSWELLは、ブロックから構造化設定できるSWELLは、「構造化データタブ」の他に、SWELLブロックからも構造化設定ができます。2022構造化FAQブロック構造化やたろうブロックから、構造化データを登録できるのは、SWELLだけです(2023年6月時点)。SWELLで構造化データを登録する方法は、以下記事でご紹介しております。構造化データは、SEOに有利に働く設定なので、必ず設定することをオススメします。「jQuery(じぇいクエリ)の読み込み」タブjQueryとはjQueryとは、プログラム言語、Javascript(ジャバスクリプト)のライブラリです。ライブラリとは、冷凍食品のようなもの。必要なときに必要なプログラムを呼び出す機能です。jQueryは何も設定しないと毎回ファイルを読み込んでしまうため、サイト表示速度が遅くなりがちです。そのため、SWELLは「強制的に読み込むか、読み込まないか」を選択できます。jQueryの読み込みやたろうがチェックしている項目jQueryをwp_footerで登録するjquery-migrateを読み込まない「jQueryをwp_footerで登録する」は、チェックをおすすめします。チェックすることで、jQueryがフッターで読込まれるようになります。jQueryファイルは、通常ヘッダーからフッターへ読み込まれます。ヘッダーから読み込む設定だと、ページが表示される前にjQueryファイルを読み込むので、サイト表示速度が遅くなる懸念があります。ココがポイントフッターで読み込ませておけば、ページを開いた「最後に読み込まれる」ため、表示速度が改善します。「jquery-migrate」にチェックを入れると、jQueryによる予期せぬエラーを、事前に防ぐことができます。「jQueryバージョンをアップしたら、動かなくなった......」という場合に、自動で修正してくれます。jQueryを頻繁に使うサイトは、チェックすることオススメします。「機能停止」タブ機能停止タブは「不要な機能」の調整ができます。こちらは自分の好みに合わせて調整します。「SWELLの機能」については、正解がないので、サイトに合わせてチェックしましょう。投稿画像をクリックで拡大表示する機能を停止わたしは、表示速度できるだけ早くしたいので「アニメーション」と「クリック拡大」機能を停止しました。ファッションサイトのような「画像が主役」のサイトは、チェックを外さないほうがよいでしょう。カスタム投稿タイプカスタム投稿タイプカスタム投稿タイプでは、SWELLカスタム投稿機能をコントロールできます。ブログを運営している人は、すべて使う機能なので、チェック入れなくてOKです。必要であればチェック、不要なら外します。Awesome(フォント・オーサム)とは「Webアイコンフォント」です。重い画像ファイルを使わず、HTMLコードでアイコン表示できるため、サイト高速化に繋がります。やたろうわたしは、めちゃくちゃ利用してます。アイコン画像の作成が不要になるので時短に繋がってます。Awesomeを使うことで、SWELL内の各パーツに「アイコン表示」ができるようになります。SWELLボタンSWELLのキャプションヘッダーナビボタンサンプルSWELLボタンキャプションボックスヘッダーナビ←アイコンアイコンサンプルヘッダーナビボタンやキャプションにアイコンを表示させることで、CTA(コールトゥアクション)を目立たせることができます。結果、クリック率があがり、購入ページに遷移させるユーザーを増やすことができます。Awesome(フォント・オウサム)はオフをおすすめします。「広告コード」タブ広告コード広告設定タブでは、Googleアドセンス広告の設定ができます。画像の赤枠に、アドセンスコードを記載するだけで開始できます。インフィード広告や、自動広告設定も可能で、カスタマイズもできます。「リセット」タブリセットリセットタブでは、サイトのキャッシュを削除できます。(設定ではなく、削除したいときだけクリックします)キャッシュとは、ブラウザが一時的に記憶しているWebサイトのデータのことです。こんなときにキャッシュタブを使いますサイトを更新したのに、反映されてないサイトが重いので軽くしたい正しいSWELL設定で、サイト高速化【手順8まとめ】まとめまとめです。本記の設定をマネすれば、誰でもサイト高速化が実現できます。SWELL設定をすることで以下メリットを得られます。Googleページスピードインサイト」で100点が取れるGoogleから評価され、ドメインパワーがあがる検索順位があがりやすいサイトになる結果、アフィリエイトで稼げる可能性が高くなります。次の記事では、SWELLのGoogleAnalytics(グーグルアナリティクス)設定方法をご紹介します。閉じる記事でわかること(もくじ)閉じる。