HAIK(旧QHM)

HP作成ソフト「HAIK」画像の有効期限を設定する

更新日:

Googleが提供する「Google Developer」で、ブラウザのキャッシュを活用してサイトスピード(画像のキャッシュ有効期限指定)を上げるよう言われたのでHP作成初心者なりに分かる範囲で修正してみた。

 

Googleからの助言?を聞き入れて画像有効期限を設定する

QHM haikテーマへ移行後、Googleが提供している『Google Developer』を使うようなり、「サイトの状況」を確認するようにしているのですが修正箇所にサイトの画像の有効期限が指定されていませんというメッセージが表示されています。

QHMプロ使用時は余り気にしてはいませんでしたが、レスポンシブデザインを導入してからはこの様なGoogleからの助言?はなるべく聞き入れるようにしているのですが、いかんせんHP作りに関してはまだまだひよっこの私なので自分で修正できる範囲が少ないのが現状です。

しかし、色々調べて見ると「画像の有効期限指定」は私でも修正出来そうな範囲だったので修正してみることにしました。

 

有効期限設定を「htaccess」にアップロードする

それでは画像のキャッシュを有効にする設定をしていきますが、下記コードをhtaccessに追加するだけでした。

<Files ~ ".(gif|jpe?g|png|ico)$">
Header set Cache-Control "max-age=2592000, public"
</Files>

って簡単に言ってしまいましたが、どのように「htaccessに追加」するの?と疑問に思う方もいると思うので、そちらの説明もしていきたいと思います。

説明する前に私が使っているサーバーはロリポップなのですが、その他のサーバーの場合設定方法は若干異なる場合があるかも知れませんがご了承ください。

まず、サーバーを開き修正するサイトのQHMがインストールされているフォルダを開きます。ロリポップの場合は左の編集からWEBツール→ロリポップ!FTP→QHMがインストールされているフォルダの順番です。

編集するサイトのフォルダを開き「htaccess」を選択します。

 

 

 

「htaccess」を開くと英語だらけのページが開きますので、最下部に先ほどの

<Files ~ ".(gif|jpe?g|png|ico)$">
Header set Cache-Control "max-age=2592000, public"
</Files>※これはコピペしないで上のを使ってね

をコピペします。

 

コピペ出来たら後は「保存をする」をクリックで画像の有効期限設定が完了したことになります。

で、これが画像の有効期限設定を終え再度「Google Developer」でサイトの状況確認を終えた状態です。

スポンサーリンク

画像有効期限指定完了

まだ修正箇所がかなりありますが、取りあえず画像の有効期限が設定されていませんという項目が全部無くなりました。

他の修正箇所も色々調べて出来る範囲で修正はしていこうかと思います。その他の修正箇所の修正が完了しましたら、またこちらでご報告させていただきます。

HAIK関連記事

HAIKからWordPressでリニューアル

HAIK(旧QHM)

2019/6/1

HP作成ソフト「HAIK」で制作した全てのHPをWordPressでリニューアルをした

今から数年前に簡単に自分でホームページが作れるHP作成ソフトのHAIK(旧QHM)を購入し、自分のお店のHPや趣味のHPなどをたくさん作ってきましたが2019年度をもってHAIK(旧QHM)の利用を止めることにしました。 それに伴い今までHAIK(旧QHM)で作成してきたサイト(ホームページ)全てをWordPressにてリニューアルをしました。 まぁ全てのサイトといってもそれほどの数ではないので、地道にコツコツとリニューアルをすればそれほど時間が掛る訳ではないのですがページ数が200前後もあったのでそれな ...

続きを読む

ロリポップ404エラー

HAIK(旧QHM)

2019/5/30

レンタルサーバーロリポップを利用時にHP作成ソフトHAIKのトップ画面が編集できなくなるを修正する

ロリポップ 404ERROR HP作成ソフトHAIKのトップページが編集できなくなるエラー ホームページ作成初心者に人気のレンタルサーバーロリポップをご利用されている方で、HP作成ソフトのHAIKを利用時にトップ編集画面の操作が出来なくなるという不具合が多発しているようです。 私自身もトップ画面が編集不能になり一瞬慌てましたが、これはロリポップ側の仕様なのである項目を変えてあげるだけで編集可能になります。 それでは実際にどの項目を変えれば良いのかの説明を致します。   ロリポップのセキュリティー ...

続きを読む

レンタルサーバーロリポップ

HAIK(旧QHM) サーバー

2019/5/30

複数のサイトを作る(ロリポップ編)

初めてのホームページが完成し、さらにもう1つWebサイト(ホームページ)を作りたくなったけどどうやって作るのか? 簡単HP作成ソフトのHAIK(旧QHM)なら、独自ドメインを所有している方ならサブドメインを使用し簡単に複数をサイトを作ることが出来ます。 また、コチラではレンタルサーバーのロリポップを使用時の複数サイト作成方法の説明となります。※レンタルサーバーのプランによってはサブドメインを使用できない場合がありますのでプランの変更が必要となる場合がございます。   HAIK(旧QHM)を使って ...

続きを読む

HAIK(旧QHM) サーバー

2019/5/30

無料レンタルサーバー「SITEMIX」にHAIK(旧QHM)をインストレールする方法

HAIK(旧QHM)が作動する無料レンタルサーバーのSITEMIX(サイトミックス)に実際に登録からHAIK(旧QHM)のアップロードまでの説明をしていきたいと思います。※HAIK(旧QHM)を購入された事を前提でお話していきます またHAIK(旧QHM)が利用できる無料のレンタルサーバーはこのSITEMIX(サイトミックス)と@ページの2種類ありますが、私個人的にはこちらのSITEMIX(サイトミックス)のほうが使い勝手がいいかと思います。 それと商用利用にも制限がないので、アフィリエイトサイトやGoo ...

続きを読む

HAIK(旧QHM)

2019/5/30

簡単にホームページが作れるソフトHAIK(旧QHM)

初心者でも簡単にHPが作れるHP作成ソフトQHM 私がそうでしたが、初めてホームページを自分で作ってみようと思い色々とインターネットで情報を集めいていると色々なホームページ作成ソフトが紹介されていますが、ホームページ作成初心者の方はどのソフトが良いか中々説明を読んでも分かりずらいですよね。 実際に私は何を買えばよくわからずかなり悩みました・・・   ホームページ作成時に消去法ではあるが残ったソフトがHAIKだった 私がホームページ作成ソフトを購入する時に候補に挙がったのが「シリウス」・「Word ...

続きを読む

HAIK(旧QHM)

2019/5/30

HP作成ソフト「HAIK」画像の有効期限を設定する

Googleが提供する「Google Developer」で、ブラウザのキャッシュを活用してサイトスピード(画像のキャッシュ有効期限指定)を上げるよう言われたのでHP作成初心者なりに分かる範囲で修正してみた。   Googleからの助言?を聞き入れて画像有効期限を設定する QHM haikテーマへ移行後、Googleが提供している『Google Developer』を使うようなり、「サイトの状況」を確認するようにしているのですが修正箇所にサイトの画像の有効期限が指定されていませんというメッセージ ...

続きを読む

HAIK(旧QHM)

2019/5/30

HAIKからワードプレスへ移行する方法

HAIKからワードプレスへ移行 QHMからhaikへ移行し更にHAIKへとソフトは徐々に変化しましたが、元々QHMユーザーの方などは余りPCに詳しくない方などを対象にしていたHP作成ソフトなのでこの移行作業も完了されていない方などが大勢いるかと思われます。 また、元々QHMを販売されていた旧北研(現toiee)はHAIKの販売権を譲渡し、今現在は「haikからワードプレスへ移行することをおすすめします」みたいなことを言いだしたもんだから尚更ユーザーは困惑を示しているかと思われます。 このサイトも基本的には ...

続きを読む

SEO対策

HAIK(旧QHM)

2019/5/30

旧haikをインストールする方法

暫くサーバーにhaikをインストールしていないと忘れてしまうので、自分のメモ帳代わりに「旧haik」をロリポップにインストールする方法です。 あくまでも自分用なので抜けている点もありますよ・・・ また、サブドメインを使用する前提でお話しています。   HAIKをインストールするためのサーバー設定 旧haikをインストールするフォルダを作成するためには、まずはドメイン(サブドメイン)の設定をします。 独自ドメイン→サブドメイン設定を選択します。 次に新規作成をクリックします。   &nb ...

続きを読む

HAIKおまじない

おまじない

2019/5/30

HP作成ソフトHAIK文字を装飾するおまじない

文字を装飾するプラグイン 以前のQHMプロの時はボタン1つで文字に装飾などすることが出来ましたが、haikへ移行したことによりこれら装飾ボタンがなくなり文字(文章)などを装飾するのも面倒になりました。 ここでは、私自身の備忘録的な意味合いではありますが、それら文章(文字)を装飾するプラグインをまとめてみました。   文章に蛍光ペン(マーカー)を引くプラグイン 最近では、このプラグイン(おまじない)もあまり使わなくなりましたが、文章を目立たせたいときなどにはまだまだ必要性のあるプラグインかと思いま ...

続きを読む

ホームページの作り方手順

-HAIK(旧QHM)

Copyright© HP自作コム , 2019 All Rights Reserved.