Google Chromeで文字化けする（エンコードエラー）

最近、構築しているHPで文字化けしていることに気づきました。Shift-JISの記述箇所をUTF-8に変更したが、文字化けが無くなりません。

■仕組みは、ルートに、index.htmlを置いており、
そこから、サブディレクトリに遷移させています。

　※仮で、abc.com というサイトで説明します
【ルートURL】→　https://abc.com/
【表示させたいURL】→　https://abc.com/home/

■気づいたのは、Google Chrome。
しかし、Eggeでも文字化けを確認しました。

■調べていて、Shift-JISの表記がNGのようだと思ったため、
“Shift_JIS”を“UTF-8”に変更してFTPで更新。
→現在２日間経ちましたが同じ症状が出ています

■すごく昔に作ったHTMLのようで（おそらくホームページビルダー）、
私も専門でないので、どこを触って良いかわかりません。

■ソース

html
1<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
2<HTML>
3<HEAD><!-- 1997/07/03 write by XXXX -->
4<META http-equiv="Content-Type" content="text/html; charset=SHIFT_JIS">
5<META name="GENERATOR" content="IBM WebSphere Studio Homepage Builder Version 9.0.0.0 for Windows">
6<META http-equiv="Content-Style-Type" content="text/css">
7<TITLE>会社名</TITLE>
8<SCRIPT language="JavaScript">
9<!-- // To hide JavaScript from old browsers
10var delay = 1 // ページが変わるまでの時間（１０００分の１秒単位）1msec
11
12function nextPage() {
13timerId = setTimeout("changePage()", delay)
14}
15
16function changePage() {
17location = "http://abc.com/home" // ここに次に読み込むページのファイル名を入れる
18}
19// -->
20</SCRIPT> </HEAD>
21<BODY bgcolor="#ffffff" onload="nextPage()">
22<CENTER><IMG src="logo1.gif" width="622" height="39" border="0" alt="会社名（英語表記）"></CENTER>
23<CENTER><B><FONT color="#ff0000"><A href="http://abc.com/home" target="_parent"><BR>
24Please Clik Here !!</A></FONT></B><FONT color="#000000"> </FONT><FONT color="#ffff00"><BR>
25</FONT></CENTER>
26</BODY>
27</HTML>

■変更したのは、
上記コードの中のメタタグのcharset、SHIFT_JISというところをUTF-8に変更しました。
<META http-equiv="Content-Type" content="text/html; charset=SHIFT_JIS">
↓
<META http-equiv="Content-Type" content="text/html; charset=UTF-8">

■気になるのは、
サクラエディタで変更したのですが、
保存して再度開いたら、日本語部分が正しく表示されないことです（文字化け）

変更が反映されるのに時間がかかっているだけなのか、
それとも
他に何か手順がありましたらご教授いただけると幸いです。

どうぞよろしくお願いいたします。

juner

2018/06/15 01:38

オンライン上のWebページの文字コードは何になっていますでしょうか？ダウンロードして確認してみてください。

juner

2018/06/15 01:40

FTP で htmlファイルはテキストモードでアップロードしていますでしょうか？それともバイナリモードでアップロードしていますでしょうか？テキストモードでしたら、ローカルでUTF-8でもアップロード先は設定次第で別の文字コードになる場合があります。

hitoekiaruko

2018/06/15 02:11

回答、ありがとうございます。FTP転送の種類を、今までは「自動」でずっとやってきましたが「バイナリ」に変更して転送した方がよろしいでしょうか？

hitoekiaruko

2018/06/15 02:11

Webページの文字コードですが、一瞬しか表示されないページのため、ダウンロードができないと思うのですが、何か方法はございますでしょうか？

hitoekiaruko

2018/06/15 02:18

試しにバイナリモードにして転送してみましたら、日本語で表示されました！本当にありがとうございます。ちなみに、今後はバイナリモードで転送した方が良いのでしょうか？

juner

2018/07/18 02:00

サーバー側とアップロード元で文字コード・改行コードの変換が不要なのであればそもそもバイナリモードで良いと思われます。（その機能自体文字コード統一される前の名残なので）

行動規範の内容に同意します

回答1件

ベストアンサー

META 宣言がSHIFT_JISならファイル自体の文字コードもSHIFT_JISだと思います。
サクラエディタでしたらメニューの「変換」→「文字コード変換」か、文字コード変換で選べなければ
「ファイル｣→「名前をつけて保存」で「文字コードセット」を変更して同じファイルを上書きしてください。

プログラムは指示した通りにしか動きません。
なので、

→現在２日間経ちましたが同じ症状が出ています
変更が反映されるのに時間がかかっているだけなのか、

時間が解決してくれるようなものではありません。
もちろんキャッシュが残っていて反映がされない場合もありますが、
それも時間が経つのを待つのではなく基本的に明示的にクリアしてあげる必要があります。

投稿2018/06/15 01:33

編集2018/06/15 01:58

m.ts10806

総合スコア80850

hitoekiaruko

2018/06/15 02:10

回答、ありがとうございました。 ①と②の両方試してみましたが、Google Chromeのアドレスに入力した際に出るタイトル文字が文字化けしたままでした（それとも今度は正しいけど、Google側のキャッシュ？）。 ①文字全体を選択し、「変換」→「文字コード変換」した後、　日本語部分を正しく書き直して読める状態にして上書き保存（Ctr+S）。 ②①で日本語表記を正しく変更したファイルを、　「名前をつけて保存」で「文字コードセット」をUTF-8を選んで保存。 FTP転送の種類を、今までは「自動」でずっとやってきましたが「バイナリ」に変更して転送した方がよろしいでしょうか？遷移させるためのHTMLのため、確認できるのが、・URL入力時、一瞬表示されるタイトルと、・Chromeのトップ画面に履歴として表示されているサムネイル（タイトル）くらいです。お手数おかけしますが、ご教授いただければ幸いです。

hitoekiaruko

2018/06/15 02:19

試しにバイナリモードにして転送してみましたら、日本語で表示されました！本当にありがとうございます。キャッシュの件も、詳しく教えてくださり勉強になります。ありがとうございました。ちなみに、今後はバイナリモードで転送した方が良いのでしょうか？