Webページ公開時の文字化け解消について。

質問

作成したWebページを公開して、chromeとsafaliで確認をすると以下のように文字化けが起きます。
拡張機能のテキストエンコーディングでUTF-8を選択すると正常に表示されるのですが、
最初にchromeで表示した時に文字化けが起きないようにするにはどうすればよいでしょうか。

文字化け部分

WORKS
Web蛻カ菴懊�險倬鹸縺ァ縺�
繝�じ繧、繝ウ邱エ鄙堤畑縺ョ譫カ遨コ繧オ繧、繝茨シ医ヵ繧。繝シ繧ケ繝医ン繝・繝シ縺ョ縺ソ�峨ｂ蜷ォ繧薙〒縺翫ｊ縺セ縺吶€�

正常時

WORKS
Web制作の記録です
デザイン練習用の架空サイト（ファーストビューのみ）も含んでおります。
■環境
PC:mac
テキストエディタ：Atom
サーバ：エックスサーバ
FTPクライアント：Filezilla　　　（転送モード→バイナリモード、文字コード→UTF-8へ矯正）
ブラウザ：Chrome,safali

回答No.1

tukunekobe

<meta charset="utf-8" />
<!-- † -->

と言うおまじないをするとか。

ちなみにeucなら「 乳」 が良い。

お礼

宣言のスペルミスでした。
ありがとうございました。