メインコンテンツへスキップ

フリーランスがポートフォリオサイトを作るなら、エックスサーバー＋WordPress＋SWELLの組み合わせで5ステップで完成します。初期費用約3,000円・月額990円〜（2026年5月時点）、独自ドメイン2つ無料、所要時間は半日〜1日。私自身がこの構成でmj-lab.comを運用していて、検索流入も自社受注も両方取れています。

「自分のポートフォリオサイトを持ちたいけど、何から始めればいいか分からない」というフリーランスの方、けっこう多いんじゃないかなと思っています。私もエンジニア独立直後はWixやペライチで間に合わせていたんですが、SEOで上位を取れず、自社受注に繋がらなくて結局WordPressに移行したんですよね。

最初からWordPress＋エックスサーバーで作っておけば、半年早く受注に繋がっていたなと思っています。この記事では、私が実際にやった5ステップを順番に紹介します。

この記事でわかること：

5ステップで完成【30秒で結論】

  1. エックスサーバー契約＋独自ドメイン無料取得（10分・約3,000円）
  2. WordPress＋SWELL（または無料テーマ）でサイト基盤作成（30分）
  3. プロフィール・実績ページ構築（E-E-A-T重視）
  4. 内部リンク設計（カテゴリ・タグ・サービスページ）
  5. SEO初期設定（meta・パンくず・サイトマップ・GA4/GSC連携）

なぜエックスサーバー＋WordPressなのか

「Wix・Jimdo・ペライチでもいいんじゃない？」とよく聞かれるんですが、フリーランスのポートフォリオサイトとして長期運用するなら、結論WordPressが圧倒的に向いています。理由を3つだけ。

エックスサーバーを選ぶ理由は、国内シェアNo.1の安定性と、独自ドメインが2つ永久無料で付いてくる「独自ドメイン永久無料特典」があるから。月額990円〜（2026年5月時点）でWordPressがクイックスタートできます。

STEP 1｜エックスサーバー契約と独自ドメイン取得（所要10分）

まずエックスサーバーの契約と独自ドメインの取得を同時に済ませます。「WordPressクイックスタート」を使えば、サーバー契約と同時にWordPressがインストールされた状態で完成するんですよね。

選ぶプラン：

独自ドメインは「自分の名前.com」または「事業名.com」が基本です。私の場合は事業名でドメインを取りました。後から変更するのが大変なので、ここは慎重に決めます。

「ドメインとサーバー、何を選べばいいか分からない」という方へ

Web制作レクチャーでは、エックスサーバー＋WordPressの構築から運用設計まで、実際にあなたのサイトを一緒に作りながら学べます。

LINEで気軽に相談する（無料）

STEP 2｜WordPress＋テーマでサイト基盤作成（所要30分）

WordPressがインストールされたら、テーマを選びます。フリーランスのポートフォリオサイトなら、有料テーマ「SWELL」（17,600円・買い切り）か、無料テーマ「Cocoon」が選択肢です。

SWELL（有料） Cocoon（無料）
料金 17,600円（買い切り） 0円
デザイン 洗練・パーツ豊富 シンプル
SEO設計 標準で最適化済み プラグインで補強
カスタマイズ ノーコードで可能 CSS知識が必要
サポート 公式フォーラム コミュニティ

本気で運用するならSWELL一択かなと思っています。私もこのサイトはSWELLで運用していて、デザイン・SEO・サイト速度のバランスがいちばん取れているテーマです。

STEP 3｜プロフィール・実績ページ構築（E-E-A-T重視）

ポートフォリオサイトの「核」は、プロフィールページと実績ページです。GoogleがE-E-A-T（経験・専門性・権威性・信頼性）を重視している今、ここがちゃんとしているかどうかでSEO評価が大きく変わります。

プロフィールページに入れるべき5要素

実績ページの構造

実績ページは「案件ごとに1ページ」を作るのが理想です。サムネイル＋クライアント名＋課題＋解決方法＋成果の5要素を1ページにまとめます。

NDAで詳細が出せない案件も「業界・課題・私の役割・成果」だけは出せるはずなので、空欄にせず必ず書きます。何も書かないより断然良いです。

STEP 4｜内部リンク設計（カテゴリ・タグ・サービスページ）

内部リンクの設計は、SEOで地味だけど一番効くポイントです。私はこういう構造で組んでいます。

この往復構造を作ると、ブログ記事の流入がそのままサービス問い合わせに繋がる導線が完成します。私のサイトもこの構造にしてから、月数件の問い合わせが安定して入るようになりました。

STEP 5｜SEO初期設定（meta・パンくず・サイトマップ・GA4/GSC連携）

最後に、SEOの初期設定をひと通り済ませます。これをやらないと、せっかくサイトを作ってもGoogleに見つけてもらえません。

必須の初期設定リスト

GA4とSearch Consoleの連携は、独立直後ほど後回しにされがちですが、データを見ないと何が読まれているか分からないので、サイト公開と同時に必ず入れます。

エックスサーバー｜WordPressクイックスタートで10分で開始

国内シェアNo.1のレンタルサーバー。月額990円〜（36ヶ月契約・2026年5月時点）。独自ドメイン2つ永久無料・初期費用0円・WordPressクイックスタート対応。

▶ エックスサーバー 公式サイトを見る

無料サービス（Wix・ペライチ）を使わない理由

「最初は無料でいいんじゃない？」と思う気持ちは分かります。実際、私も独立直後はペライチで名刺サイトを作っていました。でも結論、半年で乗り換えました。理由はシンプルで、SEOで戦えなかったからです。

「お金をかけたくない」気持ちはわかりますが、月990円のサーバー代は1〜2案件取れれば余裕で回収できます。最初からWordPressで始めた方が、結果的にコストもパフォーマンスも良いです。

よくある質問（FAQ）

WordPressって難しくない？プログラミング知識は必要？

必要ありません。SWELLなどのテーマを使えば、ノーコードでブログ・固定ページ・お問い合わせフォームが作れます。HTML・CSSの知識があるとカスタマイズの幅は広がりますが、基本機能はマウス操作だけで完結します。

エックスサーバーじゃなくてConoHa WINGでもいい？

どちらも国内大手で性能は同等です。エックスサーバーは「老舗の安定感・サポートの厚さ」、ConoHa WINGは「料金の安さ・若い世代に人気」という違いです。長期運用ならエックスサーバー、コスト重視ならConoHa WINGという選び方になります。

SWELLじゃないとダメ？無料テーマでも大丈夫？

無料テーマ（Cocoon等）でもサイトは作れます。ただし、SWELLは標準でSEO・サイト速度・デザインが最適化されているので、長期的には17,600円の投資価値があります。「とりあえず始めたい」段階ではCocoon、「本気で受注に繋げたい」段階ではSWELLというのが目安です。

ポートフォリオサイトと事業サイトは分けるべき？

独立1〜2年目は1サイトに集約するのがおすすめです。ドメインパワーが分散しないので、SEOで上位を取りやすくなります。事業が拡大して「サービス別にブランディングしたい」段階になってから、サイトを分ける検討をしてもよいと思います。

サイトを公開してからどれくらいで問い合わせが来る？

SEOからの自然流入で問い合わせが入るまでは、最低3〜6ヶ月かかります。ブログ記事を最低20本以上書いて、Google Search Consoleで掲載順位が上がってきたタイミングが目安です。それまでは、SNS・営業活動と並行して進めるのが現実的です。

まとめ

  1. エックスサーバー契約＋独自ドメイン無料取得（10分・約3,000円）
  2. WordPress＋SWELL（または無料Cocoon）でサイト基盤作成（30分）
  3. プロフィール・実績ページをE-E-A-T重視で構築
  4. 内部リンク設計（サービス↔事例↔ブログ記事の往復構造）
  5. SSL・サイトマップ・GA4/GSC連携などのSEO初期設定

「お金をかけずに無料サービスから始める」より、「最初から月990円のWordPressで始めて検索流入を育てる」方が、結果的に半年〜1年早く受注に繋がります。私自身、最初の半年を無料サービスに使ってしまった反省も込めて、独立を考えているフリーランスには最初からWordPressをおすすめしています。

関連サービス

Web制作レクチャー（60分 ¥12,000〜）― エックスサーバー＋WordPressの構築から運用設計まで、実案件と並行して学べます
LP制作（¥100,000〜）― ポートフォリオサイトの一部としてLP制作も承ります

LINEで無料相談する

あわせて読みたい

WordPressでサイトを作るとき、どこに一番時間がかかっているかって、人によって違うんですよね。でも私がいろんな案件を受けてきた感覚でいうと、「要件整理」「コピーライティング」「画像選定」あたりが、実はコーディングよりも時間を食っていることが多い。

私はもともとプログラミングスクールでゼロからエンジニアに転身した人間なんですが、今はWordPressサイト制作をフリーランスとして受注する立場で、AIをフル活用しながら案件を回しています。で、実際にAIを組み込んでみて感じたのは、「コーディングを手伝ってもらう」よりも「制作プロセス全体を設計し直す」くらいの発想の転換が必要だということ。

この記事では、WordPressサイト制作の各工程でどのAIツールをどう使うか、という設計・判断の話をします。「ツールの操作手順」ではなく「どのフェーズで何を使うか」という視点で書いています。

AI活用で変わる5つの工程

最初に全体像を整理しておきます。WordPressサイト制作をざっくり工程に分けると、こんな流れになります。

  1. 要件整理・サイト構成案（ChatGPT）
  2. コピーライティング（Claude / ChatGPT）
  3. ビジュアル・画像（Gemini / Midjourney / Canva）
  4. コーディング・カスタマイズ（Claude Code / GitHub Copilot）
  5. 納品後の保守・更新（各AIツール）

それぞれ「AIが何を担うか」と「人間がどこで判断するか」が違います。順番に見ていきます。

工程① 要件整理・サイト構成案（ChatGPT）

最初の打ち合わせって、クライアントから情報を引き出しながら、頭の中でサイトの構成を整理していくフェーズですよね。ここが実は一番属人的で、経験がものを言う部分でもある。

私がやっているのは、クライアントにヒアリングシートを事前に送って、回答をそのままChatGPTに投げて「このビジネスに合ったWordPressサイトの構成案を作って」とお願いするやり方です。

具体的には、こんなプロンプトを使っています。「以下のヒアリング情報をもとに、このビジネスのWordPressサイトに必要なページ構成を提案してください。固定ページ・投稿ページ・カスタム投稿タイプの観点で整理し、各ページの目的と主要コンテンツも書いてください。」

ChatGPTが出してきた構成案は、そのまま使えることはほとんどなくて、「ここは要らない」「このページは2つに分けたほうがいい」という議論のたたき台として使うんですよね。それでも、ゼロから考えるより圧倒的に速い。

ポイントは、ChatGPTに「判断」させるのではなく「素材」を出させること。最終的な構成判断は自分でやる、という役割分担が大事です。

工程② コピーライティング（Claude / ChatGPT）

サービスサイトやLPで一番時間がかかるのが、コピーだと思うんですよ。特にキャッチコピーやサービスの説明文は、クライアントが「これじゃない」と感じたときに何度も修正が入る部分で、ここを効率化できると全体の工数が大きく変わります。

私の場合、ヒアリング情報（ターゲット・サービス内容・競合との違い・クライアントが使っている言葉）を整理してからAIに渡します。渡し方が雑だと出力も雑になるので、「このサービスを〇〇な人に届けたい。強みは△△。競合と違うのは□□。このサービスページのキャッチコピーを5パターン提案してください」くらい具体的に指定します。

ClaudeとChatGPTを両方使っているんですが、使い分けの感覚としては、Claudeのほうが「文章の流れ」が自然で、特に長文のコピーや説明文を書かせるときに質が高い印象があります。ChatGPTはバリエーションを大量に出させたいときや、短いキャッチコピーを量産するときに向いている感じです。

ただ、どちらを使っても最後は自分で読んで「クライアントのトーンと合っているか」を確認するのが必須です。AIが書くコピーは、どこか教科書的になりやすい。そこを人間が修正するのが本来の役割になってきます。

工程③ ビジュアル・画像（Gemini / Midjourney / Canva）

画像選定・制作は、昔はStockフォトを漁って「なんかイメージと違う」を繰り返すことが多かったんですよね。今はAI画像生成を使えるので、かなり変わりました。

私がよく使う組み合わせはこんな感じです。

注意点として、AI画像は著作権の扱いが曖昧な部分がまだあるので、商業利用の場合は各サービスの利用規約を必ず確認してください。Midjourneyは有料プランなら商業利用OK、Geminiはケースバイケースです。

ビジュアル方針（どんな雰囲気にするか）の決定は人間がやって、実際の生成・量産をAIに任せる、というのが今の正解だと思っています。

工程④ コーディング・カスタマイズ（Claude Code / GitHub Copilot）

ここが多くのエンジニアが最初にイメージする「AIとコーディング」のフェーズですよね。ただ、実際に使ってみると、単純なコード補完よりも「設計相談」として使うほうが価値が高いと感じています。

私がよく使う場面はこんな感じです。

Claude Codeは特に、コード全体を読ませながら「ここを修正して」という使い方が強い。ファイルの文脈を理解した上で修正案を出してくれるので、単発のコード生成より一段上の使い方ができます。

GitHub Copilotはエディタに統合されているので、コーディング中にリアルタイムで補完が効くのが強み。2025年から無料プランも追加されていて（月2,000回の補完・50チャット）、まず試してみやすくなっています。「Claude Codeで設計して、Copilotで実装する」という役割分担で使っている人も多いです。

「AIを使ったサイト制作を自分で学びたい」という方へ

Web制作レクチャーでは、AIを組み込んだWordPressサイト制作をマンツーマンで学べます。

LINEで気軽に相談する（無料）

工程⑤ 納品後の保守・更新（各AIツール）

納品後って、意外とクライアントから「このページに〇〇を追加したい」「この文章を書き直したい」という細かい依頼が来るんですよね。ここもAIを活用できます。

私がやっているのは、クライアントに「更新したい内容をメモ書きで送ってもらえれば、それをもとに文章を整えます」という運用を提案すること。クライアントのメモ書きをClaudeに渡して「このサービスサイトのトンマナに合わせて、以下の情報を追加ページとして整理してください」とやると、ドラフトが出てくる。それを確認・修正してWordPressに反映する。

クライアントの「更新が大変」という負担を下げながら、自分の作業も効率化できるので、保守案件の継続率が上がる感覚があります。

また、ブログ記事の更新が必要なサイトでは、「この情報を記事にしたい」という依頼に対して、ChatGPTでドラフトを作ってから提出するフローを取り入れています。ゼロから書くより圧倒的に速い。

AI活用で実際に変わったこと

私が感じた一番の変化は、「時間のかかり方が変わった」ということです。

以前は、コピーライティングや構成案に時間がかかって、コーディングは比較的スムーズという感覚でした。今は逆で、コピーや構成案はAIのおかげでかなり速くなった。一方で、「AIが出したものをどう評価して、どう修正するか」という判断に時間を使っています。

ざっくりいうと、作業者としての時間が減って、編集者・ディレクターとしての時間が増えたという感じです。

これはスキルの問題でもあって、「AIに何を渡せば良い出力が来るか」を理解していないと、AIを使っても結局やり直しが多くなる。「AIに渡す素材の質を上げる」というスキルが、制作者に求められるようになっていると思っています。

あと、クライアントへの提案の幅が広がったのも実感しています。以前は工数的に難しかったことが、AIのおかげで現実的になってきた。「これくらいの予算でここまでできる」という引き出しが増えました。

まとめ

WorkPressサイト制作にAIを組み込む、というのを改めて整理するとこうなります。

  1. 要件整理・サイト構成: ChatGPTにヒアリング情報を渡して構成案のたたき台を作る
  2. コピーライティング: ClaudeまたはChatGPTにターゲット・強み・トーンを渡してドラフト生成。最終判断は人間
  3. ビジュアル・画像: Gemini・Midjourney・Canvaを用途別に使い分ける。方針決定は人間
  4. コーディング・カスタマイズ: Claude Codeで設計相談・コード生成。GitHub Copilotでリアルタイム補完
  5. 保守・更新: クライアントのメモ書きをAIでドラフト化するフローで継続案件を効率化

どの工程も「AIに任せきり」ではなく「AIと分担する」という発想が大事です。AIが出してきたものを評価して、修正して、クライアントに渡せる品質に持っていくのが制作者の仕事になってきています。

AIを組み込んだWordPress制作、まだ試していない方は、まず「要件整理でChatGPTを使う」だけでも始めてみてほしいです。体感として変わるので。

Web制作レクチャー（60分 ¥12,000〜）― AI活用のWordPressサイト制作をマンツーマンで学べます
LP制作（¥100,000〜）― AIを組み込んだ制作プロセスで、費用を抑えて高品質なLPを制作します

LINEで無料相談する