FileZillaでホームページを更新する方法|WordPressを使わないHTMLサイト運営の実体験

FileZillaでHTMLサイトを更新する方法を解説したアイキャッチ画像 ホームページ制作・運営
広告・PRについて:この記事にはアフィリエイト広告が含まれます。ただし、広告の有無にかかわらず、実際に行った運営方法と初心者が注意したい点を優先して説明しています。
WordPressを使わないホームページ運営
FileZillaでホームページを更新する方法

私はWordPressを使わず、HTMLファイルを編集し、FileZillaでサーバーへアップロードしてホームページを運営しています。この記事では、実際の更新手順、失敗を防ぐ確認方法、AIとターミナルを活用した運営体制まで、初心者向けに解説します。

結論:小規模なHTMLサイトなら、FileZillaを使って自分で更新できます ただし、アップロード先を間違えるとサイトが表示されなくなる可能性があります。最初にバックアップを取り、変更するファイルを限定し、公開後にスマートフォンとパソコンの両方で確認することが重要です。
この記事で紹介する私の運営環境
  • WordPressを使わないHTMLサイトを運営
  • FileZillaでファイルをサーバーへアップロード
  • ターミナル上で役割分担したAI運用体制を構築
  • AIを使って調査・設計・コード作成・改善案を整理
  • Google Search Consoleで検索状況を確認
  • クリニックのホームページを実際に制作・改善

FileZillaとは?

FileZilla Clientは、パソコンとレンタルサーバーの間でファイルを転送するためのソフトです。パソコンに保存しているHTML・CSS・JavaScript・画像などを、サーバー上の公開フォルダへアップロードできます。

画面の左側に自分のパソコン、右側にサーバーのファイルが表示されるため、どのファイルをどこへ転送するか確認しながら操作できます。

初心者向けに一言で説明すると

パソコンで作ったホームページのファイルを、インターネット上のサーバーへ届けるための道具です。

⚠ ダウンロード先に注意

FileZillaは公式サイトから入手してください。検索広告や無関係な配布サイトからダウンロードせず、URLと配布元を確認してからインストールします。

なぜ私はWordPressではなくHTMLサイトを選んだのか

私は、クリニックのホームページを細かく調整しながら運営するために、WordPressではなくHTMLファイルを直接管理する方法を選びました。

WordPressが悪いわけではありません。投稿画面から更新でき、テーマやプラグインも豊富なので、ブログを頻繁に投稿する人や複数人で更新する人には便利です。一方、私の場合は、ページ構造・表示速度・細かなデザイン・機能をコード単位で管理したかったため、HTMLサイトが合っていました。

比較項目HTML+FileZillaWordPress
更新方法ファイルを編集してアップロード管理画面から編集・投稿
自由度コードを直接扱えるため高いテーマやプラグインの範囲で調整しやすい
初心者の始めやすさHTML・FTPの理解が必要管理画面から始めやすい
更新頻度が高いブログ手間がかかりやすい投稿しやすい
保守自分でファイルと設定を管理本体・テーマ・プラグインの更新が必要
向いている人コード管理や細かな改善をしたい人記事投稿を効率化したい人
私がHTML運営で重視したこと
  • 必要のない機能を増やさない
  • 変更箇所をファイル単位で確認できるようにする
  • AIが作成したコードをそのまま公開せず、必ず確認する
  • 公開前のバックアップと公開後の動作確認を習慣化する

FileZillaで更新する前に準備するもの

必要なもの

  • レンタルサーバー
  • FTPまたはSFTPの接続情報
  • FileZilla Client
  • 編集するHTML・CSS・画像
  • 変更前ファイルのバックアップ

接続情報の例

  • ホスト名
  • ユーザー名
  • パスワード
  • ポート番号
  • 接続方式
  • 公開先フォルダ
接続情報は公開しない

FTP・SFTPのユーザー名やパスワードを、記事・SNS・スクリーンショット・AIへの質問文へ貼らないでください。画面を共有するときも、ホスト名やアカウント情報が写っていないか確認します。

サーバーによって、接続情報の確認場所や公開フォルダ名は異なります。一般的に使われる名前だけを見て決めず、利用中のサーバー公式マニュアルで確認してください。

FileZillaでホームページを更新する7ステップ

1
バックアップ
2
ローカル編集
3
表示確認
4
サーバー接続
5
アップロード
6
公開確認
7
記録・改善
01

変更前のファイルをバックアップする

最初に、現在公開されているファイルをパソコンへダウンロードします。誤ったファイルを上書きした場合でも、元の状態へ戻せるようにするためです。

バックアップ用フォルダは、日付と変更内容が分かる名前にします。

backup/ └── 2026-08-02_before-header-update/ ├── index.html ├── style.css └── images/
02

ローカル環境でファイルを編集する

サーバー上のファイルを直接編集するのではなく、まずパソコン内のコピーを修正します。AIへコードを作成してもらう場合も、既存コードとの重複、閉じタグ、リンク先、スマホ表示を確認します。

03

アップロード前にブラウザで確認する

HTMLファイルをブラウザで開き、文字化け、画像切れ、レイアウト崩れ、リンクミスがないか確認します。JavaScriptやサーバー側の機能はローカルだけでは確認できない場合があります。

04

サイトマネージャーからサーバーへ接続する

FileZillaを起動し、「ファイル」から「サイトマネージャー」を開きます。サーバー公式画面で確認したホスト・ユーザー・パスワード・接続方式を入力します。

サーバーが対応している場合は、通常のFTPよりも暗号化されたFTPSまたはSFTPを優先します。

05

正しい公開フォルダへファイルをアップロードする

画面左側でパソコン内の更新ファイルを選び、右側でサーバー上の公開先を確認します。ファイル名と階層が正しいことを確認してから転送します。

特に注意するファイル
  • index.html:トップページを上書きする可能性がある
  • .htaccess:誤りがあるとサイト全体へ影響する場合がある
  • robots.txt:検索エンジンのクロール設定へ影響する
  • 画像フォルダ:同名画像を上書きすると複数ページで変わる場合がある
06

公開ページを再読み込みして確認する

アップロード後は、パソコンとスマートフォンでページを開きます。古いキャッシュが表示される場合は、強制再読み込みや別ブラウザでも確認します。

  • タイトルと本文が正しい
  • 画像が表示される
  • リンク先が正しい
  • メニューが動く
  • スマホで横にはみ出さない
  • フォームが送信できる
  • 404エラーが発生していない
  • HTTPSで表示される
07

変更内容を記録し、Search Consoleで確認する

更新日、変更ファイル、変更理由、確認結果をメモします。新しいページを公開した場合は内部リンクとサイトマップを確認し、必要に応じてGoogle Search ConsoleのURL検査を利用します。

接続・転送・表示のどこで止まったかを切り分ける

「更新できない」ときは、同じファイルを何度も上書きする前に、まずFileZilla上部のメッセージログを見ます。最後に成功した処理がどこかを確認すると、原因候補をかなり絞れます。

ログで止まった段階まず疑うもの
ホスト名の解決前ホスト名の入力・DNS・接続先
接続開始後にタイムアウト/拒否ポート・接続方式・回線・サーバー側制限
TLS/SFTP認証付近暗号化方式・証明書・鍵・サーバー推奨設定
ログイン失敗ユーザー名・パスワード・FTP用アカウント
ログイン後に一覧取得で停止データ接続・パッシブ設定・権限・ファイアウォール
一覧は出るが転送失敗権限・容量・転送先・同時接続数

パスワードや接続情報を公開せず、エラー文の末尾数行、発生時刻、接続方式だけを記録すると、契約先サポートにも相談しやすくなります。以下は症状別の確認手順で、すべてを筆者が経験したという意味ではありません。

症状最初に見る場所次の確認
接続できないFileZilla上部のメッセージログホスト・ユーザー名・接続方式・ポートを、契約先の公式案内と照合。Web管理画面用のログイン情報と同じとは限りません。
接続できるが転送できない転送キューとエラーの内容対象ファイルと転送先を確認。権限や容量など、表示された理由を契約先へ確認します。接続成功だけでは転送完了ではありません。
転送したのに文章が変わらない公開URLと右側の転送先フォルダー別サイト・別階層へ送っていないか確認。正しいファイルの転送完了を確かめてから、ブラウザーやサーバーのキャッシュを確認します。
文章は変わったが画像やデザインが崩れた変更したHTMLが参照する画像・CSS必要な関連ファイルの転送漏れ、ファイル名の大文字・小文字、相対パスを点検します。

「421 Too many connections」と出た場合

接続数の制限が考えられます。FileZilla公式ガイドでは、サイトマネージャーの転送設定で同時接続数を制限する方法が説明されています。まず契約先の許容接続数を確認し、その範囲に合わせてください。

原因が分からない場合は、パスワードを伏せたエラー文、発生時刻、対象ファイル、接続方式を整理してサーバーのサポートへ確認します。

参考:FileZilla公式の操作・同時接続数ガイド

表示の点検はスマホ表示が崩れたときの確認手順、公開全体の点検は公開前チェックリストへ進んでください。

AIとターミナルを使った私のホームページ更新方法

私は、AIへ一つの長い指示を出して終わりにするのではなく、調査・設計・コード作成・安全確認などの役割を分けています。ターミナル内に役割別の仕組みを作り、それぞれへ指示を出して改善案を整理します。

1
課題を整理
2
公式情報を確認
3
AIで案を作る
4
コードを確認
5
ローカル検証
6
FileZilla公開
7
数字で改善
AIに任せていること
  • ページ構成と見出し案の整理
  • HTML・CSS・JavaScriptのたたき台
  • 競合や検索意図のリサーチ補助
  • スマホ表示・UI改善案の作成
  • 誤字、リンク、構造化データの確認
AIへ任せきりにしない部分
  • 実際のサービス内容・料金・営業時間
  • サーバーやドメインの設定値
  • 医療・法律・契約など正確性が重要な情報
  • 最終的に公開するかどうかの判断
  • 実際の画面での動作確認

AIは作業を速くできますが、誤ったコードや存在しない設定を提案する可能性があります。私も、AIが出した内容を公式情報や実際の画面で確認してから反映しています。

実際に運営して感じたメリット・デメリット

メリット

  • 必要なコードだけで構成しやすい
  • 細かなデザインを直接調整できる
  • 変更したファイルを把握しやすい
  • AIが作ったコードを組み込みやすい
  • プラグイン更新に依存しない

デメリット

  • FTPとフォルダ構造の理解が必要
  • 上書きミスで表示が崩れることがある
  • ブログ投稿を毎回HTMLで作ると手間
  • バックアップやセキュリティを自分で管理
  • 複数人更新にはルール作りが必要

HTML+FileZillaが向いている人

  • ページ数が多すぎない事業サイトを運営したい
  • コードを直接管理したい
  • AIを使いながら自分で改善したい
  • 表示やデザインを細かく調整したい
  • 更新前後の確認を丁寧に行える

WordPressの方が向いている人

  • ブログ記事を頻繁に投稿したい
  • コードを触らずに更新したい
  • 複数人で記事や固定ページを編集したい
  • テーマやプラグインで機能を追加したい

FileZillaを使うためのサーバー選び

HTMLサイトをインターネットへ公開するには、ファイルを置くレンタルサーバーが必要です。サーバーを選ぶときは、価格だけでなく、FTP・SFTPの設定方法、SSL、バックアップ、サポート、管理画面の分かりやすさも確認します。

サーバーを契約・変更する人へ

ConoHa WINGとエックスサーバーを先に比較する

FileZillaを使うためだけに新しいサーバーへ乗り換える必要はありません。現在の契約先でFTP・FTPS・SFTPが使えるかを確認し、新規契約や乗り換えが必要な場合だけ、料金・バックアップ・ドメイン特典・サポートを比較してください。

エックスサーバーとConoHa WINGの比較を見る →

比較記事で条件を整理した後、必要な場合だけ各公式サイトへ進めます。

サーバー選びで見るポイント
  • FileZillaの公式設定マニュアルがあるか
  • FTPSまたはSFTPに対応しているか
  • 独自SSLを利用できるか
  • 自動バックアップの対象と復元条件
  • 契約更新後の料金
  • 問い合わせ方法とサポート時間

公開前に使う安全チェックリスト

  • 変更前ファイルを保存した
  • 変更するファイルを限定した
  • 接続先ドメインを確認した
  • 公開フォルダを確認した
  • ファイル名の大文字・小文字を確認した
  • 画像パスを確認した
  • リンク切れを確認した
  • スマホ表示を確認した
  • フォーム送信を確認した
  • 戻せるバックアップがある

アップロード直前の「変更ファイル台帳」

転送するファイルを絞るために、次の項目をメモします。記事で紹介した環境と自分の契約先で、公開フォルダーや接続方法が同じとは限りません。

確認項目確認・記録する内容
対象変更したファイル名と公開ページのURL
転送先ホスト名・公開フォルダー・対象サイトの対応
戻し方上書き前のファイルの保存場所と復旧手順
確認転送結果、公開ページ、画像、リンク、スマホ表示

更新対象が1ページなら、関係のないフォルダーまでまとめて上書きしないようにします。転送先が分からない場合は、接続先の公式案内を確認してから実行します。認証情報を作業台帳やAIへの入力に含める必要はありません。

FileZillaとHTMLサイトに関するよくある質問

FileZillaは無料で利用できますか?

FileZilla Clientは無料で利用できるオープンソースのソフトです。入手するときは公式サイトを確認し、FileZilla Clientを選択してください。

FileZillaを使うのにWordPressは必要ですか?

必要ありません。HTML・CSS・JavaScriptで作った静的サイトのファイルをアップロードできます。WordPressのファイルを扱うこともできますが、更新方法と注意点は異なります。

HTMLサイトでもSEO対策はできますか?

できます。タイトル、見出し、本文、内部リンク、画像の代替テキスト、表示速度、サイトマップ、構造化データなどを適切に設定できます。WordPressかHTMLかだけで検索順位が決まるわけではありません。

FTP・FTPS・SFTPは何が違いますか?

いずれもファイル転送に使われますが、暗号化方式や接続方法が異なります。利用中のサーバーが推奨する方式を公式マニュアルで確認し、暗号化された接続方式が利用できる場合はそちらを選びます。

ファイルを上書きしてサイトが崩れたらどうしますか?

変更前に保存したバックアップを、同じ場所へ戻します。どのファイルを変更したか分からない状態を避けるため、更新単位を小さくし、作業記録を残すことが重要です。

初心者でもFileZillaを使えますか?

接続情報と公開フォルダを正しく確認し、バックアップを取れば利用できます。ただし、最初はトップページ全体ではなく、影響の小さいファイルで練習し、サーバー公式マニュアルを見ながら進めるのがおすすめです。

AIが作ったHTMLはそのままアップロードしてよいですか?

そのまま公開するのはおすすめしません。既存CSSとの衝突、リンク先、画像パス、スマホ表示、情報の正確性を確認し、ローカル環境で表示を検証してからアップロードします。

まとめ|FileZillaは「小さく変更して必ず確認」が基本

FileZillaを使えば、WordPressを使わないHTMLサイトでも、自分でファイルを更新して公開できます。私も、AIでコードや改善案を作り、ターミナルで作業を整理し、FileZillaで公開する流れを実際に使っています。

ただし、便利さよりも安全な運用が優先です。バックアップ、正しい公開先、公開後の確認を毎回行い、最初から大きな変更をしないことが重要です。

今日から始める3ステップ
  1. サーバー公式画面でFileZillaの接続方法を確認する
  2. 現在のサイトファイルをパソコンへバックアップする
  3. 影響の小さい変更を一つだけ行い、公開後に確認する
参考にした公式情報

公開日:2026年8月2日/最終確認・更新日:2026年9月15日/執筆:YOHAKU SELECT運営者

YOHAKU SELECT

次に進めたいことから選ぶ

この記事とあわせて、必要なテーマを確認しましょう。