サイト作成の小技：SSI

SSIはサーバー側で変換して表示するシステムです。実際に表示したい文章などはひとつのファイルとして作成します。そして表示したい場所にコマンドを記載しておくことで好きな場所にそのファイルの内容を表示することができます。JavaScriptを使用すると、ページのソースにはJavascriptの記述が表示されますが、SSIでは設定したファイルの内容が記載されているので、実際に記述したのかSSIによる表示なのかソースを見ただけでは区別することはできません。

SSIが利用できるかどうかはサーバーによって決まります。対応していないサーバーでは利用できません。またSSIは基本的に拡張子がshtmlになります。htmlやhtmで表示したい場合は.htaccessなどを使用します。サーバーによっては負担が大きくなるので禁止している場合もあるので事前に調べておく必要があります。.htaccessへの記述もサーバーによって多少違うようなので、具体的には紹介できませんので自分で調べて理解できた人だけ利用するようにしてください。「SSI html サーバー名」で検索するといいでしょう。

このSSIを活用するとメニュー部分やヘッダー、フッターなど共通部分を変更する時間を短縮することができます。しかし各ページにSSIの記述をする必要があるので、既に出来上がっているサイトをSSIによる表示に変更する場合はテンプレート機能を利用してすべてのページにコマンドを記述する必要があります。そのためSSIはテンプレート機能の代わりにはなりますが、テンプレート機能は残しておいたほうがいいでしょう。

既存のホームページをSSI表示に切り替えるには、既に記述してあるヘッダーやフッター部分をそのままコピーしてheader.htmlなどの名前で保存します。ヘッダーのあった部分には<!–#include file=”header.html”–>と記述します。基本的にはファイルをアップすればそれで終了ですが注意点がいくつかあります。

file=”"が使えるのは表示したいファイルが同じ階層かそれ以下になくてはいけません。そのため個人的にはfileではなくvirtualを使用しています。あなたのサイトがabc.comというドメインでその直下にファイルを置いた場合、<!–#include virtual=”/header.html”–>という表示になります。もしssiというフォルダーを作ってその中にファイルを置いた場合は<!–#include virtual=”/ssi/header.html”–>となります。

また作成したファイルの中に相対リンクがある場合にはそのリンクの前にも”/”が必要な場合があります。SSIはサーバーが提供するシステムなのでレンタルサーバーによって多少の違いがあります。SSIはローカル、つまり自分のパソコンの中だけでは表示を確認することができないので、一気に全部変更せずに一部分だけ変更して試してみたほうがいいでしょう。

それからうまく表示されてもリンクが生きているかどうかも確かめる必要があります。SSIは便利ですがもしリンク切れを起こすと大量のリンク切れにつながるので十分な注意が必要です。SSIでリンクを作成するとローカルのホームページツールではすべてリンク切れ表示になる可能性があるので、オンラインでリンク切れをチェックする必要もあります。文字化けするようであればテキストエディターを使用して、ホームページと同じコードに修正してみましょう。