複数ページで同一表示部分を統一させる

ホームページには固定化されている部分が必ずありますが、この固定化されている部分をいかに効率よくみせるかについて、時代の変遷とともに色々な方法が考え出されてきました。

昔は固定化されている部分をみせるのに、フレームを使用していることが多かったのですが、現在はフレームはSEO対策でちょっとよくないようなことがありましたので（現在はそうでもないようなことが多々見受けられますが･･･）フレームは見た目の面も含めて、NGです。

プロの制作会社が制作したページの多くはSSI（サーバーサイドインクルード）やPHPを使用して固定化している部分をサーバー側で呼び出してひとつのページとして見せるようにしている場合がほとんどです。考え方としてはフレーム処理と同じなのですが、フレームのように別のページをみせているだけというわけではなく、見た目は完全にひとつのページとなっています。

弊社のサイトもこのSSIを使用しております。
SSIの特徴は拡張子（ファイルのお尻の部分）が「.shtml」になっていることです。.htacceseを使用してサーバー側にhtmlでもSSIを呼び出せるように命令できるのですが、弊社はあえてわかりやすいのでこのまんまにしています。shtmlでもhtmlでもSEO上さほど問題はないようですのでサーバー側に負担をかけないためにもshtmlのまんまにしております。

さて、SSIの使用方法ですが、フレームを使ったことがあるひとであればいたって簡単です。

その１
まずは、固定化している部分、たとえばメニューであったりヘッダーであったりのタグをそのままごっそり抜き出して新規HTML文書として保存します。

その2
ページ内の挿入したい部分の下記のタグをいれてください。

<!--#include virtual="挿入したいファイル.html" -->

これで完成です。

SSIは他にも時間を挿入したり、ファイル名を挿入したりすることもできますが、ひとまずはSSIで複数のページの固定表示されている部分を一括管理できるようにする方法がいちばん使いそうなものです。

ただし！注意！SSIはサーバー側で使用できない場合もあります。理由はサーバーへの負担が大きくなるからです。あまりに負荷をかけるサイトの場合はPHPでインクルードする方がサーバーへの負担は軽いのでよいかと思います。

このPHPの場合は、拡張子はもちろんPHPになります。それと、PHPはプログラムですので、ちょっと素人の方にはいじりにくい部分があります。HTML言語だけで更新したり制作したりする分にはSSIが一番便利です。