【1日で完成!】SWELLで作る魅力的なコーポレートサイト

当ページのリンクには広告が含まれています。
【1日で完成!】SWELLで作る魅力的なコーポレートサイト

WordPressでコーポレートサイトを作りたいけど、どうすればいいんだろう…。

そんな疑問にお答えします。

こんにちはろにぃです。サイト制作を始めてから10年

・月収100万円のサイトを作成、運営
・クライアントのサイトの作成、編集、管理
・SEO相談

などの経験を活かして、サイト制作やSEOについて情報発信をしております。

悩みを抱えているあなた、大丈夫です!ぼくも最初は同じ悩みを抱えていました。

でも今では、「SWELL」というWordPressテーマを使って、1日でプロ級のサイトが作れるようになりましたよ。

今日は、そのノウハウを余すことなくお伝えします。

Web制作初心者の皆さん、一緒に学んでいきましょう!

目次

なぜSWELLがおすすめなのか?

コーポレートサイト作成にSWELLをおすすめする理由は以下の5つ。

  1. シンプルで美しいデザイン
  2. SEOに強い
  3. 充実したサポート体制
  4. コーポレートサイト向けデモ、制作例が多い
  5. 買い切りで複数サイト作成可

順番に解説しますね。

1.シンプルで美しいデザイン

現在、ウェブデザイン業界では、ミニマリズムとユーザー体験(UX)の重視が顕著になっています。

また、モバイルファーストの考え方が当たり前になり、スマートフォンでの閲覧を第一に考えたデザインが主流です。

SWELLは、これらのトレンドに対応したテーマです

  • シンプルで使いやすいデザイン
  • 高度なカスタマイズ機能
  • モバイルフレンドリーな設計

ぼくは様々なWordPressテーマに触れてみて、
【SWELLが一番制作時間が短かった】
と思っています。

コードを触らなくても標準機能で賄えてしまいますからね。

時間は私たちの一番大切な資源ですもんね!

2.SEOに強い

SWELL変更スコア

SWELLはSEOに強いと言われています。その理由はGoogleが推奨している条件を満たしているから

  • SEO対策機能の内蔵
  • 高速な読み込み速度

いくらSEO対策を頑張ってもシステムの限界はありますから。

ボーナスステージから始められるSWELLはコーポレートサイトを作るうえで、まさに最適なんです。

3.充実したサポート体制

  • 動画付きの解説マニュアル
  • サポートフォーラムでの質問対応
  • 頻繁なバージョンアップ

これらもSWELLがコーポレートサイトに適していると言える重要な要素。

動画付きの解説マニュアル

これがあれば、まるで先生に手取り足取り教えてもらっているような感覚で、サイト制作を進められます。

サポートフォーラムでの質問対応

「ここがわからない!」って時も、すぐに質問できる場所があるんです。ぼくも何度か利用しましたが、丁寧な回答で本当に助かりました。

頻繁なバージョンアップ

これ、実は超重要なポイントなんです。なぜかというと、常に最新の機能や改善が加えられるので、長期間安心して使えるんですよ。

例えば、ある日突然「あれ?この機能欲しいな」と思っても、次のアップデートで追加されていたりするんです。まるで、開発者が心を読んでいるみたい(笑)

特に企業サイトを作る時なんかは、このバージョンアップの頻度が重要になってきます。だって、セキュリティは大事だし、ブランドイメージを保つために、テーマを頻繁に変えるわけにはいかないですからね。

SWELLなら、長期間使い続けられるので、サイトの一貫性を保ちつつ、最新の機能も取り入れられます!

これって、他のテーマにはなかなかない魅力だと思いません?

4.コーポレートサイト向けデモ、制作例が多い

SWELLには多くのコーポレートサイト向けデモサイト、制作例があり、あれもこれもいいなと目移りしてしまいます。

それだけ使い勝手が良く、重宝されているということ。

いざ制作する時にも、良いモデルケースがたくさんあるので完成形のイメージを持てるんですよね。

5.買い切りで複数サイト作成可

SWELLの価格は17,600円の買切り。一度買ったらずっと使い続けられます。

それだけでなく、買ったSWELLは何サイト使い回してもOK

事業ごと、イベントごとなど幅広く使えるので、トータルで考えると激安なんですよね。

SWELLを使ったコーポレートサイト作成の手順

SWELLでコーポレートサイトを作成する手順は以下の通り。

STEP
下準備(約2時間)
STEP
サイトの基本設定(約30分)
STEP
トップページ作成(約2時間)
STEP
各ページ作成(約2時間)
STEP
プラグイン導入(約30分)
STEP
最適化とテスト(約30分)

ガッツリ作り込むと初心者の方でトータル7時間30分で完成する見込みです。ただ既にサーバー・ドメインが用意されていたり、他のテーマからの移行の場合はSTEP2からスタートなので、もっと簡単にできますよ!

1. 下準備(所要時間:約2時間)

まずはSWELLでコーポレートサイトを作る前の下準備から始めましょう。

大きく分けてやるべきことは3つ

  1. WordPressをインストール
  2. SWELLテーマを購入しインストール
  3. 画像、テキストなどを準備(AIを使用)

順に確認しましょう。

STEP

1. WordPressをインストール

サーバー、ドメインを用意してWordPressをインストールします。以下の記事で10分でできる方法を解説しています。

▶ 【10分でできる】WordPressの始め方を初心者向けに徹底解説

STEP

SWELLテーマを購入しインストール

WordPressにSWELLをインストールします。

▶ 【簡単ステップ】SWELLの購入・インストール方法を徹底解説 迷うことなし!

STEP

画像、テキストなどを準備

コーポレートサイトに使用する画像やテキストを全て事前に用意します。

ここが準備で一番時間がかかりますが、生成AIを使えば一瞬です。

▶ 【もう画像は買わなくていい】Copilotを使って無料で画像を作ろう!

▶ 【文章が書けなくても平気!】AI生成Geminiでブログ作成速度が劇的に変わる

準備ができたら次に進みましょう。

2. サイトの基本設定(所要時間:約30分)

コーポレートサイトの基本設定を行います。

  1. タイトルとロゴの設定
  2. ブランドカラーとフォントの設定
  3. メニューの設定

順番に見ていきましょう。

STEP

「外観」→「カスタマイズ」からサイトタイトルとロゴを設定

STEP

「サイト全体設定」からブランドカラーとフォントを設定

STEP

メニューの作成と設定

メニューに追加したい固定ページ、投稿、カスタムリンクなどを選択し、選択した項目にチェックを入れ、「メニューに追加」ボタンをクリックします。

これで基本設定が完了です。

3. トップページの作成(所要時間:約2時間)

いよいよトップページの編集です。

コーポレートサイトで最低限必要なのは以下の要素。

  • トップビジュアル
  • サービス紹介
  • 会社概要
  • お問い合わせフォーム

各要素のブロックを作成していきます。

▶ 【SWELL活用術】サイト型トップページ作成手順:WordPress初心者のためのマニュアル

4. 各ページの作成(所要時間:約2時間)

トップページの作成と同様に、

  • サービス紹介
  • 会社概要
  • お問い合わせフォーム

各個別ページを作成します。

お問い合わせページには問い合わせフォームを設置しましょう。

▶ Contact Form 7の使い方 問い合わせフォーム設置マニュアル

5.プラグインの導入(所要時間:30分)

各ページが完成したらプラグインを導入して、必要な機能を追加していきます。

WordPressのプラグインは無数にありますが、以下の10個の中から、あなたに必要なものだけ選んでもらえればOKです。

▶ 【SWELL使い必見】ワードプレスプラグインおすすめ10選

6. 最適化とテスト(所要時間:30分)

最後に表示確認と表示スピードの確認です。

  • モバイル表示の確認と調整
  • PageSpeed Insightsでパフォーマンスチェック
  • 各ブラウザでの表示確認(最低限Google ChromeとSafari)

以上でコーポレートサイトが完成です!

下準備さえしておけば、SWELLのおかげで難しい作業はありません。

ぜひあなただけの魅力的なサイトを公開してください!

SWELLの特徴的な機能と活用法

ページを作る上でとても役に立つSWELLの機能と活用法を紹介します。

1. SWELL専用ブロック

SWELLには、あらかじめデザインされたブロックパターンが多数用意されています。これを使えば、プロのようなデザインを簡単に実現できます。

実際の使用例を以下の記事で詳しく紹介しています!

2. カスタムCSS機能

デザインをさらにカスタマイズしたい場合は、カスタムCSS機能が便利です。カスタムCSSを使用する際、SWELLは子テーマを使う必要があります。

【初心者向け】SWELL子テーマについてやさしく解説

3. SEO対策機能

SWELLには、基本的なSEO対策機能が搭載されています。これらの機能を活用することで、検索エンジンでの表示順位向上が期待できます。

更にSWELLではプラグインのSEO SIMPLE PACK併用をおすすめしているので、導入して設定を進めましょう!

しかし、SEOは奥が深く、設定しただけで終わらないのが悩みどころ。まずはじめに読んでおいて欲しい記事を紹介しておきます!

【2024年最新版】SEO対策のやり方完全マニュアル

SWELLでコーポレートサイトを作る際の注意点

SWELLでコーポレートサイトを作る上で特に気をつけたいのは以下の5つ

  • モバイルファーストデザイン
  • サイト表示速度
  • コンバージョン率
  • アクセシビリティへの配慮
  • セキュリティ対策

1. モバイルファーストデザイン

総務省の調査によると、ネット利用者の71.2%はスマホユーザー。
スマホで使いやすいサイトを作ることが、必須なんです。

SWELLはレスポンシブデザインに対応していますが、さらに以下の点に注意しましょう!

  • 重要な情報を画面上部に配置
  • タップしやすいボタンサイズ(最小44×44ピクセル)
  • 読みやすいフォントサイズ(最小16ピクセル)

重要な情報を画面上部に配置

ページの情報量が多くなると、スクロール回数が増えます。大事な情報がページ下部にあるとたどり着かない可能性があるため、できるだけページ上部にもってきましょう。

タップしやすいボタンサイズ(最小44×44ピクセル)

ボタンサイズはiosとAndroidのガイドラインで最小44×44ピクセルが推奨されています。

しかしこれは最小です。年々スマホ画面はサイズが大きくなっており、片手でタップできるサイズ、配置を考慮する必要があるんです。

読みやすいフォントサイズ(最小16ピクセル)

フォントサイズも同様、16ピクセル以上のスマホで読みやすいサイズに設定しましょう。

サイト表示速度

サイトの表示速度は、ユーザー体験とSEOの両方に影響しますよ!

SWELLはテーマに設定するだけで高速化できますが、更に最低限やっておきたいのが以下の2つ

  • プラグイン Converter for Mediaで画像の最適化機能を使用
  • 「SWELL設定」→「高速化」で遅延読み込みを設定

画像形式をjpgやpngからwebpに変更し、画像の読み込みを遅らせる設定することで、サイトの表示速度を向上させます。

3. コンバージョン率の向上

サイトの目的は認知だけではなく、あなたのサービスの販売ですよね?
その目的を達成する工夫をしましょう!

具体的な施策をあげると、

  • 適切なCTAボタンの設置
  • 設置フォームの最適化
  • 信頼性を高める要素の追加(実績、お客様の声など)

適切なCTAボタンの設置

あなたのサイトの決定率をはかるコンバージョン率は以下の計算式で割り出します。

コンバージョン率=(コンバージョン数÷セッション数)×100

業界により違いはありますが、コンバージョン率の平均は2.9%と言われているので、下回ってしまうようであれば改善の余地ありというわけです。

SWELLにはABテストブロックもあるので、ボタンリンクの色を変えたり、ボタン付近のコピーの内容を変えてみて検証を行いましょう!

設置フォームの最適化

設置する問い合わせフォームもできるだけユーザーに負担をかけない配慮をし、入力してもらえる工夫が必要です。

全部記述式で10項目ある問い合わせフォームなんて、途中で消したくなりますよね!

信頼性を高める要素の追加

実績やお客様の声が掲載されていると信頼性が増します。

サイトは顔が見えないから詐欺が心配だけど、この人からサービスや商品を購入しても安心かも

はじめのうちは掲載できる情報も限られると思うので、サイト運営を進めていく中で徐々に増やしていきたいですね!

4. アクセシビリティへの配慮

Webにおけるアクセシビリティとは以下の通り

利用者の障害などの有無やその度合い、年齢や利用環境にかかわらず、あらゆる人々がウェブサイトで提供されている情報やサービスを利用できること、またその到達度を意味します。

引用元:政府広報オンライン:ウェブアクセシビリティとは? 分かりやすくゼロから解説!

具体的な例をあげると、

  • 目が見えなくても情報が伝わること・操作できること。
  • キーボードだけで操作できること。
  • 一部の色が区別できなくても得られる情報が欠けないこと。
  • 音声コンテンツや動画コンテンツで、音声が聞こえなくても話している内容が分かること。

この対策をすることが結果的に、検索エンジンがあなたのサイト内容を理解しやすくなり、検索順位に反映されるというわけなんです。

5. セキュリティ対策

コーポレートサイトでは、セキュリティも重要です。

顧客情報が漏洩したり、サービス内容を勝手に書き換えられたりしたら大損害ですよね。

  • WordPressとテーマ・プラグインの定期的な更新
  • 強力なパスワードの使用と定期的な変更

特にWordPressは利用者が多い分、ハッカーに狙われやすいと言われています。

セキュリティ対策を徹底しておかないと、後々大変な目にあるので疎かにしないでくださいね!

▶ ワードプレスサイトを守る!セキュリティ対策の重要性と具体的な方法

SWELLを使ったデモサイトとコーポレートサイト例

SWELLの公式サイトではデモサイトデータが配布されています。

また、SWELLを使ったコーポレートサイトも紹介されています。

良いサイトを見て、インスピレーションを得ることも良いサイト作りには欠かせません。ぜひチェックしてみてください!

よくある質問と解決策

デザインセンスがないけど大丈夫?

SWELLのブロックパターンを活用すれば、デザインセンスがなくてもプロ級のデザインが可能です。

途中でつまづいたらどうすればいい?

SWELLの公式マニュアルとサポートフォーラムが充実しています。ほとんどの疑問はそこで解決できるはずです。

更新や保守は大変?

WordPressの自動更新機能を活用し、SWELLも定期的に更新することで、比較的容易に保守できます。ただSEOを考慮したコンテンツの更新は大変です。ご自身で対応するのが難しい方は一度ご相談ください。

まとめ:SWELLで変わるウェブサイト制作

SWELLを使えば、プログラミングの知識がなくても、1日でプロ級のコーポレートサイトが作れます。

モバイル対応やSEO対策まで自動でサポートしてくれるSWELLは、あなたの強い味方になりますよ!

ただし、便利なツールがあっても、サイトの目的や伝えたいメッセージをしっかり考えることは大切です。

ツールに頼りきりにならず、自分の頭でしっかり考えて、魅力的なサイトを作ってくださいね。

Ronilogを参考にコーポレートページを作成してみた!

という方はぜひご連絡ください。あなたのサイトを覗きにいかせていただきます!

それでは素敵なSWELLで素敵なコーポレートサイトを作ってくださいね!

その他SWELLの使い方はこちらから

▶ SWELLの使い方完全ガイド:あなたの理想のサイトを実現する万能WordPressテーマ

ホームページサポートサービス
よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

コメント

コメントする

CAPTCHA


日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

目次