ハナホテル深谷
公式サイトからの引用
“「ビジネス」なのに癒されるホテル”
主なサービス・特徴
- 宿泊・空室検索
- 直結の天然温泉「美肌の湯」
- リラクゼーション・アカスリ・エステ
- 深谷地産の日替り朝食ビュッフェ
所在地：〒366-0033 埼玉県深谷市国済寺510-1
「ビジネスホテルなのに本格天然温泉」という対比が分かりやすくて非常に魅力的。空室検索が写真の上にすっきり乗っていて、予約までの動線が無駄なくスムーズ。
デザインの印象
- 客室の落ち着いた写真とともに、日程と人数で素早く空室状況を検索できる実用的な予約システムを統合したデザイン。「ビジネスなのに天然温泉で癒やされる」という独自の価値提案が直感的に響く構成。
導線・情報設計
- 客室案内・温泉・施設紹介・アクセス・周辺観光と空室検索が連動した使い勝手の良いナビゲーション。
スマホ表示
- 空室検索バーがスマホ画面上部に配置され、直前の宿泊予約でも迷わず最短で完了できるUI設計。
参考になるポイント
- 「天然温泉付きビジネスホテル」という最大の強みをファーストビューで力強く提示
- 深谷花園ICや工業団地からのアクセスが良く、無料駐車場完備で車移動の出張客に最適
- 朝食バイキングや天然温泉の効能を魅力的な写真とともに分かりやすく解説
地元事業者が参考にしやすい点
- 宿泊施設は、情緒豊かな写真と空室検索を同じ画面に配置し、温泉や地産朝食といった付加価値を一行添えることでビジネス・観光双方の予約を獲得できる。
表示速度（PageSpeed Insights）
Google の無料ツール PageSpeed Insights による計測結果です。通信状況などで変わる参考値であり、当サイトが品質を保証するものではありません。INP は実際の利用データがまだ少ないため「データ蓄積中」と表示しています。
計測日: 2026-10-15
表示速度
PC
57
表示速度の主な指標
LCP メインの内容が表示されるまで 2.56s 改善の余地
LCP メインの内容が表示されるまで
【何が問題？】
- 一度読み込んだファイルの保存期間の短さ
- 文字のデザイン（フォント）の取得待ちによる表示の遅れ
- 写真データの容量過多による通信の遅れ
- メイン写真や見出しの読み込み開始の遅れ
【どうすれば良くなる？】
- 再訪問時に素早く表示するための保存期間の延長
- デザイン取得中の標準文字による即時表示
- 画像の軽量化（軽い形式への変更・圧縮）
- 主要な写真や文字の優先的な読み込み指定
INP クリックした時の反応の速さ 37ms 良好
INP クリックした時の反応の速さ
【何が問題？】
- ボタンやメニューを押した時の素早い反応（問題なし）
【どうすれば良くなる？】
- 重い仕組みの追加回避と軽快な操作感の維持
CLS 表示中の画面のズレ 0.402 要改善
CLS 表示中の画面のズレ
【何が問題？】
- 画像や広告の読み込みによる突然の画面ズレ
- 文字のデザイン（フォント）の取得待ちによる表示の遅れ
- 画像の幅と高さの未指定による画面のズレ
- 読み込み途中の大きな画面配置のズレ
【どうすれば良くなる？】
- 表示枠の事前確保による位置ズレの防止
- デザイン取得中の標準文字による即時表示
- 画像サイズ指定による表示位置の事前固定
- 表示枠の事前確保による画面揺れの抑制
TBT 操作できない時間 192ms 良好
TBT 操作できない時間
【何が問題？】
- 古い端末向けプログラムの読み込みによる通信増
- 複数のファイル読み込みの数珠つなぎによる遅れ
- 画面表示を待たせる重いファイルの存在
- プログラム内の余分な文字によるデータ容量の増加
【どうすれば良くなる？】
- 現代の標準に合わせたプログラムの最適化
- 必要なファイルの同時読み込みと依存関係の整理
- 不要な読み込みの後回しによる画面表示の優先
- プログラムの整理と不要な記述の圧縮
計測日: 2026-10-15
モバイル
57
表示速度の主な指標
LCP メインの内容が表示されるまで 20.24s 要改善
LCP メインの内容が表示されるまで
【何が問題？】
- 一度読み込んだファイルの保存期間の短さ
- 文字のデザイン（フォント）の取得待ちによる表示の遅れ
- 写真データの容量過多による通信の遅れ
- メイン内容の表示完了までの待ち時間
【どうすれば良くなる？】
- 再訪問時に素早く表示するための保存期間の延長
- デザイン取得中の標準文字による即時表示
- 画像の軽量化（軽い形式への変更・圧縮）
- 大きな写真や主要な文章の優先的な表示
INP クリックした時の反応の速さ 96ms 良好
INP クリックした時の反応の速さ
【何が問題？】
- ボタンやメニューを押した時の素早い反応（問題なし）
【どうすれば良くなる？】
- 重い仕組みの追加回避と軽快な操作感の維持
CLS 表示中の画面のズレ 0.002 良好
CLS 表示中の画面のズレ
【何が問題？】
- 文字のデザイン（フォント）の取得待ちによる表示の遅れ
- 画像の幅と高さの未指定による画面のズレ
【どうすれば良くなる？】
- デザイン取得中の標準文字による即時表示
- 画像サイズ指定による表示位置の事前固定
TBT 操作できない時間 399ms 改善の余地
TBT 操作できない時間
【何が問題？】
- 古い端末向けプログラムの読み込みによる通信増
- 複数のファイル読み込みの数珠つなぎによる遅れ
- 画面表示を待たせる重いファイルの存在
- プログラム内の余分な文字によるデータ容量の増加
【どうすれば良くなる？】
- 現代の標準に合わせたプログラムの最適化
- 必要なファイルの同時読み込みと依存関係の整理
- 不要な読み込みの後回しによる画面表示の優先
- プログラムの整理と不要な記述の圧縮
計測日: 2026-10-15
アクセシビリティ
PC
76
計測日: 2026-10-15
モバイル
72
計測日: 2026-10-15
改善ポイント（アクセシビリティ）
【何が問題？】
- 文字と背景の色の差の弱さによる読みづらさ
- 埋め込み地図などの名前（タイトル）の未設定
- ページの言語（日本語など）の未指定
- 入力欄に対する説明ラベルの未設定
【どうすれば良くなる？】
- 文字色を濃くするなど読みやすい配色への変更
- 「地図」などの名前設定による音声案内への対応
- 言語設定の追加による正確な音声読み上げ対応
- 各入力欄に対応する分かりやすい説明の紐付け
おすすめの方法
PC
96
計測日: 2026-10-15
モバイル
96
計測日: 2026-10-15
改善ポイント（おすすめの方法）
【何が問題？】
- 裏側で起きている軽微な警告やエラー
【どうすれば良くなる？】
- 細かなエラーの解消による動作の安定化
SEO
PC
92
計測日: 2026-10-15
モバイル
92
計測日: 2026-10-15
改善ポイント（SEO）
【何が問題？】
- 検索エンジンが辿れないリンクの存在
【どうすれば良くなる？】
- 正しい形式のリンク設置によるページ巡回支援
