スマホ／タブレットへの対応|兵庫県立神戸北高等学校

## スマホ等への対応Smart Phones

令和元年6月10日、スマホ・タブレット対応にすると同時に、ページ構成と内容を整理し、サイトを全面的に改築しました。

全面改築お知らせのリーフレットはこちら

### 大多数の方がスマホで閲覧

グーグル・アナリティクスによると、本校のウェブサイトを見ていただいている端末は、（多少の変動はありますが）約80％がスマホです（残りは、パソコンが10数％、タブレットが数％）。

このため、サイト全体をスマホ対応（レスポンシブ化）することは、急務でした。

### スマホ・タブレットへの対応について

今のところ、一般的なスマホの縦画面で見たときに見やすいページ構成となるように設計しています。ところが、現在の世の中には多くの画面サイズがあり、全ての端末の画面サイズに適した表示にならないこともあり得ます。

レスポンシブ化
（大画面のとき）
パソコンや大型タブレット、スマホの横画面などでは、横1,100ピクセルの画面構成となります。画面右側に「サイドバー」が表示されます。
レスポンシブ化
（小画面のとき）
今のところ、スマホの縦画面等、横568ピクセル以下の画面で見た場合には、「サイドバー」を含めて、ボタン等が縦一列に並んだ画面構成となります。
文字の大きさ
サイト全体的に文字は大きめに設定していますが、スマホ用画面になったときには、画面幅を基準として大きさが変わるように設計しています。

### ＳＥＯ対策

ＳＥＯ対策も施しており、「神戸北高校」で検索していただくと、本校のサイトが最上位に出てくると思います。そのほか「神戸北」など、色々な検索語で試してみてください。

様々な端末画面での表示状況について、私たちで十分に検証ができているわけではありません。業者に外注はしておらず、平成31年度（令和元年度）に赴任した校長自身が100%、サイトを作成し、日々の更新をしています。