忍者ブログ

Web制作とテクノポップ

ホームページ制作とエレクトロニカ

Home > ホームページ制作 > ホームページを自分で修正・更新・編集する場合

ホームページを自分で修正・更新・編集する場合

ホームページを自分で修正・更新・編集する場合は、 FTPを使ってファイルをダウンロードし、テキストエディタ等でHTMLファイルを開き、編集して上書き保存します。

ホームページのHTML編集の基本 テキストエディタ
HTML編集が失敗した時のために、バックアップをしておいたほうが無難です。 自社ホームページ(WP)を数年前にWEB会社に 依頼し、管理料なしで都度料金を支払っておりますが、 料金が見合わないため、リニューアルも踏まえ、他社を 検討しております。 現状、情報の更新は私が行っておりますが、 会社概要の更新、システムのグレードアップをWEB会社に 依頼しております。 委託先業者はPHPで作成しております。 会社概要の更新、システムのグレードアップ(年1~3回)の 都度更新料について料金見積を依頼を希望します。

自社でホームページのHTMLファイルを修正・編集する際の基本手順と注意点

自社でホームページ(ウェブサイト)の情報をタイムリーに更新したり、軽微なテキスト修正を行ったりする際、HTMLやCSSの直接編集が必要になる場面があります。管理画面から直感的に更新できるWordPress(ワードプレス)などのシステムを導入していないページや、プログラムのテンプレートファイルを直接調整する場合、正しい手順を踏まないと思わぬ表示崩れやシステムの停止を引き起こすリスクがあります。自社内で安全にファイルの修正作業を進めるためには、適切なツールを使用し、変更前の状態を確実に保存しておく作業手順を把握しておくことが重要です。ここでは、自分でホームページのファイルを編集する際の基本的な流れと、トラブルを未然に防ぐための注意点について解説します。

FTPソフトを用いた安全なファイルのダウンロードとサーバー接続

ホームページのファイルを修正するためには、まずWebサーバー上に配置されているHTMLファイルやCSSファイルをローカル環境(自身のパソコン)に安全にダウンロードする必要があります。このファイル転送を行う際に使用するのがFTPソフト(File Transfer Protocolソフト)です。FTPソフトを使用してサーバーに接続する際は、ホスト名、ユーザー名、パスワード、ポート番号などの接続情報を正しく設定します。暗号化通信(SFTPやFTPS)を利用して接続を保護することが、セキュリティ対策の面からも重要です。サーバー上の目的のディレクトリ(フォルダ)から該当するファイルを自身のパソコンへダウンロードし、作業が完了するまでは元のサーバー上のファイルを不用意に削除したり上書きしたりしないよう慎重に操作を行います。

テキストエディタを活用したソースコード編集の基礎

ダウンロードしたHTMLファイルのテキストやレイアウトを修正する際は、適切なテキストエディタを使用します。Windowsに標準搭載されているメモ帳や、Macのテキストエディットなどの標準アプリは、自動的に特殊な装飾コードを挿入してしまったり、文字コードが勝手に変更されてしまったりすることがあるため、コードの編集には不向きです。VS Codeやサクラエディタ、秀丸エディタといったプログラミング対応のテキストエディタを利用します。ファイルをエディタで開いたら、修正したいテキスト箇所を探し、HTMLタグの構造(開始タグと終了タグの対関係)を壊さないように慎重に書き換えていきます。また、保存時の文字コード(UTF-8推奨)や改行コード(LF推奨)の設定にも注意を払い、文字化けやプログラムのエラーを防ぎます。

作業失敗や表示崩れを防ぐためのバックアップ作成の徹底

ファイルを編集する前に、絶対に怠ってはならないのがバックアップの作成です。ダウンロードしたオリジナルのファイルをそのまま編集するのではなく、必ず「ファイル名_backup_日付.html」といった形で複製を作成し、別の安全なフォルダに保存しておきます。1文字の記号が抜けたり、全角スペースが混入したりしただけでも、画面のレイアウトが大きく崩れたり、リンクが切れたりすることがあります。もし編集後に表示がおかしくなってしまった場合でも、バックアップファイルがあればすぐに元の正常な状態に戻すことができます。修正が完了したファイルはFTPソフトを使ってサーバーの指定位置にアップロードし、ブラウザで実際の表示を確認します。この際、ブラウザのキャッシュをクリアして最新のファイルが読み込まれているかを確認することが大切です。

WordPressやPHPで構築されたホームページの都度更新・システム保守の妥当性

自社でホームページ(ウェブサイト)を数年前にWeb制作会社へ依頼して構築し、月額の固定管理料を払わずに「必要な時だけ都度料金を支払う形態」を選択されている企業は少なくありません。日々の軽微な情報発信は自社で行い、会社概要の変更やシステムのグレードアップ(年1〜3回程度)のみを外部にスポット依頼する運用は、月額の固定費を抑える上で合理的な選択に見えます。しかし、作業内容に対する費用の見合いや、委託先業者が記述したPHPプログラムの品質、対応スピードなどに不満を感じた場合、他社への乗り換えや費用の再見積もりを検討することは自然な流れと言えます。ここでは、都度更新の費用構造やシステムの保守・アップグレードに必要な作業の現実について深く掘り下げます。

管理費用(月額保守)と都度更新費用の構造的な違いとメリット・デメリット

ホームページの維持・管理方法には、毎月定額を支払う「定額保守契約」と、作業が発生した際のみ費用が発生する「スポット都度見積もり契約」の2種類があります。定額保守の場合、毎月数千円から数万円のコストがかかりますが、軽微な修正作業が無償で含まれていたり、サーバーやドメインの監視、システムのセキュリティアップデートが日常的に行われていたりするメリットがあります。一方で、都度見積もりの場合は、作業が発生しない月はコストがゼロで済む反面、いざ依頼をする際には毎回見積もり提示、発注手続き、指示書の作成といった初期調整の手間が発生します。制作会社側としても、日常的に管理していないサイトの作業を行う際は、現在の仕様調査やバックアップ作業をゼロから行う必要があるため、1回あたりの作業費に調査費や調整コストを上乗せせざるを得ない側面があります。

会社概要更新やテキスト修正にかかる実際の作業工程と費用感

会社概要の更新といったテキストや写真の差し替え作業は、一見すると数分で終わる単純な作業に思えるかもしれません。しかし、専門の制作会社が安全に作業を行う場合、単にテキストを打ち替えるだけでは済みません。既存ファイルのバックアップ取得、テスト環境での表示確認、スマートフォンやパソコンといった複数端末でのレスポンシブ表示の検証、そして本番サーバーへの反映と動作チェックという複数の工程を踏みます。そのため、修正内容自体は数行であっても、作業基本料金(技術料)として1回あたり5,000円から15,000円程度の費用が発生することが一般的です。この費用が高いと感じるか見合っていると感じるかは、修正の頻度や制作会社側の対応品質、サポートの手厚さによって判断が分かれる部分です。

年1〜3回のシステム(PHP・WordPressコア)グレードアップに必要な専門作業

PHPで構築された独自システムや、WordPress(ワードプレス)を使用したホームページ(ウェブサイト)において、年1〜3回行われる「システムのグレードアップ」は、単なるボタン一つで終わる作業ではない場合が多くあります。PHPのバージョンアップやWordPressコアのアップデートは、セキュリティホールを埋め、システムの動作速度を維持するために重要です。しかし、PHPのバージョンが上がると、古いプログラムコード(非推奨となった関数など)がエラーを引き起こし、画面が真っ白になったり問い合わせフォームが動かなくなったりするリスクがあります。そのため、専門家は本番環境をそのまま更新するのではなく、一度検証環境にシステムを複製し、PHPのバージョンを上げて動作テストを行い、エラーが出たプログラム箇所を修復した上で本番に反映させます。こうしたリスク管理と修復技術が含まれるため、年数回のシステムアップデート費用は、単純な更新作業よりも高額になりやすい傾向があります。

Web制作会社の変更や他社見積もりを検討する際に確認すべき重要ポイント

現在の委託先業者からの請求金額が見合わないと感じ、リニューアルや管理会社の変更を視野に入れて他社へ見積もりを依頼する場合、事前に準備しておかなければならないデータや権利関係が存在します。これらを把握せずに他社へ相談してしまうと、正確な見積もりが算出できなかったり、移行作業の段階で前会社との間でトラブルが発生したりする危険性があります。スムーズな移管と適正な料金での再契約を実現するために、事前に確認しておくべきポイントについて解説します。

既存システムの仕様やプログラムコード(PHP)の引き継ぎ可否

委託先業者が独自に記述したPHPプログラムやカスタム組み込みのWordPressの場合、そのソースコードが一般的なルールに沿って書かれているか、それとも特殊な暗号化や複雑な組み込みがされているかによって他社での引き継ぎ可否が変わります。他社の制作会社が既存コードを引き継ぐ場合、まず「どのような構造でプログラムが書かれているか」を解読(ソースコード調査)しなければなりません。コードが乱雑であったり、独自のフレームワークで構築されていたりすると、他社は「修正時の予期せぬエラーを防ぐリスク」を考慮し、調査費用を高く設定するか、あるいは「ゼロから作り直した方が安全で安く済む」と提案してくることがあります。

サーバー環境・ドメイン権限・データベースのアクセス権限の確認

他社へ管理を移行したり、リニューアルの見積もりを依頼したりする際には、自社のホームページ(ウェブサイト)が稼働しているサーバーやドメインの管理権限が誰にあるのかを確認することが重要です。ドメインの所有者名義が自社になっているか、サーバーのログイン情報(FTP情報やコントロールパネルのアクセス情報)、WordPressの管理者権限アカウント、データベース(MySQL)のアクセス権限が自社に開示されているかを確認します。もし制作会社側が権限を保持しており開示を拒否された場合、ドメインの移管手続きやデータの救出が必要になり、余計な移管コストが発生する可能性があります。契約書の内容を見直し、自社に所有権と管理権限があるかを事前に確認しておきます。

仕様書がない場合の調査費用とリニューアルを併せて検討するメリット

数年前に制作されたホームページの場合、初期の設計仕様書やプログラムの解説書が存在しないことが大半です。仕様書がない状態で既存のシステムを他社にメンテナンスしてもらう場合、どうしても初期調査費用(現状分析費)が発生してしまいます。もし既存のホームページが数年前のデザインや構造のまま経過している場合、無理に古いシステムを騙し騙し修復して使い続けるよりも、最新のWordPress環境を用いてホームページ(ウェブサイト)全体をリニューアルしてしまった方が、トータルコストが安く収まるケースが多々あります。最新のシステムでシンプルに再構築すれば、今後の都度修正費用も抑えられ、自社での更新作業も格段に行いやすくなります。

WordPressシステム(PHP)のバージョンアップと安全な更新保守の手順

自社のホームページ(ウェブサイト)にWordPressや独自のPHPプログラムが使われている場合、安全な運用を継続するためにはシステムのバージョンアップが重要です。サーバーのPHPバージョンは、レンタルサーバー側で古いバージョンのサポートが終了するたびに強制的に新しいバージョンへ変更されることがあり、これに伴うプログラムの不具合防止策を講じておく必要があります。専門の技術者がどのような手順で安全にシステムのバージョンアップを実施しているのか、その技術的なプロセスについて説明します。

PHPバージョンアップ時に発生するプログラムの競合とエラー回避

PHPはWeb開発で広く使われているプログラミング言語ですが、メジャーバージョン(PHP 7.xからPHP 8.xなど)が上がると、古い文法や使われなくなった関数(非推奨関数)が廃止されます。過去に制作会社が記述した独自のPHPプログラムや、長年更新されていないWordPressのテーマ、プラグインが古いPHP文法のままで放置されていると、サーバーのPHPバージョンを切り替えた瞬間にサイト全体が画面真っ白(Fatal Error)になって停止します。これを回避するためには、事前にプログラム全体を走査(静的解析)し、新しいPHPバージョンで動作しないコードを最新の文法へと書き換える修復作業(リファクタリング)が必要となります。

検証環境(ステージング環境)での動作確認と安全な反映プロセス

本番公開されているホームページ(ウェブサイト)上で直接PHPのバージョン変更やWordPressコアの更新を行うのは非常に危険です。万が一エラーが発生した場合、閲覧者や顧客に対して不具合画面を露出させることになり、企業の信頼を損ねます。そのため、プロの作業工程では、本番サーバーとは別に「検証環境(ステージング環境)」を構築します。本番のデータベースとファイルを完全に複製したステージング環境上でPHPやWordPressのアップデートを実施し、すべてのページが正常に表示されるか、お問い合わせフォームが正しく送信されるか、管理画面での更新処理に問題がないかを厳密にテストします。問題がないことを確認した上で、本番環境へ安全に差分データを反映させます。

テーマやプラグインの互換性チェックと独自カスタマイズ箇所の保護

WordPressで構築されたサイトの場合、本体(コア)だけでなく、使用しているテーマや各種プラグインの互換性も合致させる必要があります。委託先会社が過去の制作時に、親テーマのプログラムやプラグインのファイルを直接編集してカスタマイズを行っていた場合、安易にアップデートを実行すると編集したプログラムが上書きされて消滅し、レイアウトや独自機能が崩れ去ってしまいます。安全にバージョンアップを行うためには、子テーマ(Child Theme)が正しく使われているか、独自機能がプラグインとして独立しているかを確認し、上書きによる消失を防ぐコード設計への改修作業を併せて行うことが求められます。

検索エンジンの評価(SEO)を落とさずにホームページの更新・リニューアルを行う方法

ホームページ(ウェブサイト)のリニューアルや、管理会社の変更に伴う大規模な修正を行う際、最も注意しなければならないのが「既存の検索エンジンからの評価(SEO)を維持すること」です。長年運用してきたホームページは、Googleなどの検索エンジンから相応の評価を獲得し、検索キーワードからのアクセスを集める集客の柱となっています。適切な手順を踏まずにリニューアルやファイルの改変を行うと、検索順位が暴落し、事業のお問い合わせ件数が大幅に減少してしまう恐れがあります。既存のSEO評価を強固に守りながら更新を進める手法について解説します。

セマンティックHTMLと見出し構造(hタグ)の正確な調整

テキストの更新やページの再構築を行う際、画面上のデザインだけでなく、裏側のHTMLコードの構造(セマンティックHTML)を正しく記述することが重要です。見出しタグ(h1、h2、h3)の階層構造が乱れていたり、本来見出しではない装飾目的の部分にhタグが使われていたりすると、検索エンジンのクローラーはページの意味や主題を正しく理解できなくなります。見出し構造を論理的に整理し、段落(pタグ)や画像(imgタグとalt属性)の意味を正しく定義したコーディングを行うことで、修正後も検索エンジンに対してページのテーマ性と専門性を正確に伝えることができます。

URL構造の維持とリダイレクト(301設定)による既存評価の引き継ぎ

リニューアルやシステムの変更に伴い、各ページのURLが変わってしまうケースがあります。例えば、「/company.html」というURLだった会社概要ページが、新しいシステム導入によって「/company/」に変更された場合、検索エンジンはそれを「全く新しい別のページ」と認識してしまい、これまでに蓄積されたページ評価がリセットされてしまいます。可能な限り既存のURL構造を維持することが原則ですが、やむを得ずURLを変更する場合は、旧URLから新URLへ恒久的な転送を行う「301リダイレクト」の設定をサーバー側(.htaccessファイルなど)に記述します。301リダイレクトを適切に設定することで、旧ページが持っていたSEOの評価や被リンクの価値を新ページへ確実に引き継がせることができます。

スマートフォン表示(レスポンシブWebデザイン)と表示速度の最適化

現在、検索エンジンのインデックスや評価は、スマートフォン版のページを基準として行われています(モバイルファーストインデックス)。システム改修やデザイン変更を行った結果、スマートフォンでの表示が崩れていたり、文字が小さすぎて読みにくくなっていたりすると、SEO評価は大きく低下します。また、画像ファイルの容量が大きすぎたり、不要なプログラムの読み込みによってページの表示速度が低下したりすることもマイナス評価の要因となります。画像ファイルの圧縮や最適化、不要なコードの削除を徹底し、スマートフォンからでもストレスなく高速に閲覧できる環境を整えることが、リニューアル後の集客力を高めるポイントとなります。

事業の成長とコスト最適化を両立させるためのホームページ運用戦略

自社のホームページ(ウェブサイト)を都度費用で運用し続けるべきか、それとも他社へのリニューアルを含めた再契約を行うべきかは、自社の事業規模、社内スタッフのITスキル、そして将来の集客目標によって最適な解が異なります。無駄なコストを抑えながらも、ホームページを事業の成長を支える強力なマーケティングツールとして機能させるためには、長期的な視点に立った運用の切り分けと明確な依頼基準を持つことが重要です。最後に、コストの最適化と事業成果を両立させるための具体的な運用戦略についてまとめます。

自社で対応可能な社内更新の範囲と専門家に委託すべき作業の切り分け

すべてのお手伝いをWeb制作会社に依存してしまうと、都度の見積もり費用が嵩み、コスト対効果が見合わなくなってしまいます。そのため、「自社内で対応する作業」と「専門家へ委託する作業」の境界線を明確に切り分けることが大切です。例えば、日々の新着情報の発信、ブログ記事の投稿、写真の追加、簡単なテキストの修正などは、管理画面(WordPress等)から自社で完結できるように仕組みを整えておきます。一方で、PHPのプログラム改修、サーバー環境の変更、データベースの移行、大規模なデザイン改修といったリスクを伴う作業のみを専門家へ委託するように役割を分担することで、日常の費用を抑えつつサイトの安全性を確保することができます。

適正な見積もり算出のための依頼内容の明確化と仕様の整理

他社に見積もりを依頼する際、「いくらになりますか」という曖昧な相談をしてしまうと、制作会社側もリスクを見込んで高めの概算見積もりを出さざるを得なくなります。適正で無駄のない見積もり金額を引き出すためには、自社側で依頼したい作業範囲を具体的に整理して提示することが重要です。「年に何回どのような更新を行いたいのか」「現在のサーバー情報とWordPressのバージョンは何か」「会社概要ページのどこをどう変更したいのか」といった内容を事前に要件としてまとめることで、制作会社も正確な作業工数(人件費)を計算でき、納得感のある適正価格での見積もり比較が可能になります。

トラブルを防ぎ安全な運用を継続するための長期的なサポート体制の構築

ホームページの管理会社を変更したり、新しい業者へ委託を行ったりする際は、目先の単価の安さだけで判断するのではなく、将来にわたって安心できる技術力と誠実なサポート体制を持っているかを見極める必要があります。自社の事業内容を深く理解し、単なる作業の請負にとどまらず、集客や運用の観点から最適なアドバイスを行ってくれる良きパートナーを選ぶことが、最終的な費用対効果を高めることにつながります。適切なリスク管理のもとで安全にホームページ(ウェブサイト)を維持・改善し続けていく体制を整えることで、Web上の貴重な情報発信拠点として、長期的に事業の成果を生み出し続ける強力なマーケティング資産へと育てていくことができます。

Web制作とテクノポップ ホームページ制作・ホームページ作成・ホームページ修正 SEO・SEO対策 webマーケティング。WordPressサイト制作 Web制作・Web集客・SEO(SEO対策)

PR

ホームページ制作とテクノポップ

ウェブサイト・ホームページ制作 書評・テクノについて

最新記事

(07/31)
(07/29)
(07/27)
(07/27)
(07/22)
(07/20)
(07/20)
(07/19)
(07/16)
(07/12)
(07/11)
(07/10)
(07/08)
(07/07)
(07/06)
(07/05)
(07/03)
(07/01)
(07/01)
(06/30)
(06/28)
(06/26)
(06/26)
(06/02)
(05/26)

プロフィール

HN:
us
性別:
非公開

バーコード

ブログ内検索