| 対象サイト | 埼玉県乗用自動車協会 |
| 対象URL | https://www.taxi-saitama.or.jp/ |
| 分析日 | 2026年3月31日 |
| チェック項目 | 状態 | 観察内容 |
|---|---|---|
| viewport meta タグ | ✗ 未設定 | モバイル表示の基礎となる meta name="viewport" が未設定。スマートフォンではPC幅(約1,265px)のまま縮小表示されるため、文字が極小になり実質的に読めない状態。 |
| レスポンシブレイアウト | ✗ 未対応 | 固定幅レイアウト(ページ全体幅:約1,265px)。CSSにメディアクエリが存在せず、スマートフォン・タブレットへのレイアウト最適化がゼロ。 |
| 横スクロールの発生 | ✗ 発生 | viewport未設定かつ固定幅のため、スマートフォンでは横スクロールが発生する。Googleのモバイルユーザビリティ検査でも「コンテンツの幅が画面より広い」エラーが発生すると推定される。 |
| タップターゲットのサイズ | ✗ 不適切 | ナビゲーションリンクは縮小表示時に極小サイズになる。Googleが推奨するタップターゲット最小サイズ(48×48px)を大幅に下回る状態。隣接するリンク間の間隔も不足。 |
| モバイル向けナビゲーション | ✗ 未実装 | ハンバーガーメニューなどのモバイル用ナビが存在しない。左サイドバー型のナビゲーションがそのまま縮小され、スマートフォンでの操作性が著しく低い。 |
| フォントサイズ(モバイル) | ✗ 不適切 | 本文フォント14.4px(PC表示)。viewport未設定によりモバイルでは実質3〜4px相当に縮小される。Googleの推奨最小フォントサイズは16px(モバイル)。 |
| iframe のモバイル対応 | ✗ 問題あり | お知らせiframe(幅754px・高さ1700px固定)・活動iframe(幅754px・高さ300px固定)がピクセル固定値で埋め込まれており、画面サイズに追従しない。 |
| 電話番号のtel:リンク | ✗ 未設定 | 協会概要ページの電話番号(048-863-6431)がテキストのみで記載されており、タップして発信できる tel: リンクになっていない。スマートフォンユーザーの利便性が低い。 |
viewport meta タグが未設定のため、スマートフォンでアクセスした際にPC向けの幅(約1,265px)のページがそのまま画面に収まるよう縮小表示されます。一般的なスマートフォン画面幅(375〜430px)に対して約1,265pxのコンテンツが収縮するため、文字・ナビゲーション・リンクはすべて極小サイズになり、実質的に読むことも操作することもできない状態です。これはモバイルユーザー(全訪問者の推定60〜70%)がサイトを正常に利用できないことを意味し、最優先で解消すべき問題です。
ページ全体が約1,265px固定幅で設計されており、CSSにメディアクエリが一切存在しません。スマートフォンでは横スクロールが発生し、Googleのモバイルユーザビリティ診断ツールで「コンテンツの幅が画面の幅を超えています」エラーが記録されると推定されます。このエラーはCore Web Vitalsのレイアウト安定性(CLS)スコアにも影響し、検索順位の低下要因となります。
左サイドバー型のナビゲーションはPC表示では約190px幅に配置されていますが、モバイル縮小時には指でタップできないサイズになります。Googleが推奨するタップターゲットの最小サイズは48×48pxですが、縮小表示では各ナビ項目が10px程度になると想定されます。モバイル向けのハンバーガーメニューや折りたたみナビが存在しないため、スマートフォンでのナビゲーション操作は事実上不可能です。
「お知らせ」iframe(width=754, height=1700)と「協会の活動」iframe(width=754, height=300)がいずれもピクセル固定値で埋め込まれています。これらはモバイル画面幅(375〜430px)を大幅に超えており、スマートフォンではiframe自体が画面外にはみ出します。コンテンツの大部分を占めるiframeが表示崩壊することは、モバイルユーザーにとってサイトとしての機能を失わせます。
協会概要ページに「TEL:048-863-6431」と記載されていますが、これはテキストのままであり、スマートフォンでタップしても電話発信が始まりません。タクシー業界団体へ問い合わせるユーザーの多くはスマートフォンからのアクセスが想定され、tel:リンクへの変換は実装コスト最小・ユーザー利便性向上効果が高い施策です。同様に乗務員指導登録センターの番号(048-863-1110)も未対応です。
| 優先度 | アクション | 実装コスト | 期待効果 |
|---|---|---|---|
| 高 | 全ページに viewport meta タグを追加する(1行) | 極低 | 高 |
| 高 | 電話番号をすべて tel: リンクに変換する | 極低 | 高 |
| 高 | CSSにメディアクエリを追加し、スマートフォンでの基本表示を確保する(暫定) | 中 | 非常に高 |
| 高 | モバイル向けハンバーガーメニューを実装する | 中 | 高 |
| 中 | PageSpeed Insights・Search Console でモバイルスコアを計測し継続監視する | 低(無料) | 中(長期) |
モバイルUI の観点では、viewport未設定・固定幅レイアウト・モバイルナビなしという三重の問題により、スマートフォンでのサイト利用が事実上不可能な状態です。これは全訪問者の過半数がサイトを正常に使えていないことを意味し、SEO・UX・CVRすべてに深刻な影響を与えています。
viewport の追加と tel: リンクへの変換は実装コスト極低・効果最大の即日対応施策であり、最優先で実施することを強く推奨します。
レスポンシブ化とハンバーガーメニューの実装はエンジニアリング工数が必要ですが、モバイルファーストインデックス時代においてはサイトリニューアル計画の最重要課題として位置づけるべきです。このサイトの改善全体の中で、モバイル対応は最も緊急性の高い改善領域の一つです。