【ホームページ診断事例】沖縄・マリンアイランド様|「予約を増やしたい」に応えるサイト改善
著者・監修 VisuaRise Design_Tomo
公開日:2026.07.20
更新日:2026.07.20
5 ~ 6 min read
皆様からいただくコメントは、今後の運営の参考および励みとなります。 まずは本記事の内容について、ぜひご感想をお聞かせください。 参考になった点や気づきなど、ひとことでも構いませんので、お気軽にコメント欄へご投稿ください。
この記事を読むとわかること
- ホームページ診断で、実際にどこを見て何を分析するのか
- 予約を増やすために「まず何から手をつけるべきか」の考え方
- 画像のAlt(代替テキスト)の正しい書き方と4つの原則
この記事は誰に向けたものか
- ホームページからの予約・問い合わせを増やしたい店舗・事業者の方
- ホームページ診断や、サイト改善を検討している方
- 画像のAlt(代替テキスト)の正しい書き方を知りたい方
はじめに
なぜなら、良かれと設定されていた説明文が、かえってGoogleからの信頼を下げてしまう状態になっていたからです。
青い空とにこちゃんパラセール。うらやましさをこらえて診断・評価・分析開始

「サイトからの予約を増やしたい」
横浜でパソコンとにらめっこしている私には、かなりうらやましい世界が広がっていました。……が、羨ましがっている場合ではありません。予約を増やすためのボトルネックは何なのか?改善案と一緒に見つけださないと!
表側の分析|「旅する観光客の心理」から逆算されたサイト
- ファーストビューの圧倒的な現地感
- 「マップコード」掲載の配慮(車を用いる沖縄観光において、目的地設定に不可欠な配慮)
- 「海中道路・東海岸エリア」という地域性の強調
- 「にこちゃん」をフックにしたSNS(映え)への意識
これらの強みを活かしながら、集客の観点で何をすべきか。
今度はホームページの「裏側(ソースコード)」へと分析を進めました。ソースコードを読んで直ぐにニヤリ。沖縄のマリンスポーツ系サイト制作会社がよく使う独自テンプレート構造で制作されているのが直ぐにわかりました。
ホームページって実は地域で構造に特徴があるのです。ノードツールでWordPressしか知らないと絶対に見つけられないものですが、皆さん、ソースコードの書き方で地域特徴があること知っていました?
裏側の分析|「信頼性のベース」が下がっていた
ここでいう「裏側(ソースコード)」とは、普段は目に見えない、ホームページの内部情報のことです。たとえるなら、料理の「見た目・盛り付け」が表側なら、「使っている食材や調理法」が裏側。ページのタイトルや画像の説明文(Alt)など、検索エンジンが読み取る情報がこれにあたります。

反省点|「専門用語」で伝わらなかった提案書
そこで即座に、できる限りわかりやすく問題点をどう対策をとるべきか、かみ砕いた提案書に作り直し、提示しました。

専門用語を使わずに作り直し、実際にマリンアイランド様へ再提出した提案書の一部です。
「画像に設定された説明文と、実際の写真が食い違うと、なぜ予約の損失につながるのか」その流れを、一枚の図で目に見える形にまとめました。
対応方針|まずは「強みが凝縮された主要ページ」から
サイトはページ数が多いため、まずは主要ページに絞って対応することにしました。
■ 見直し対象とした主要5ページ
- ホーム
- パラセーリング100m
- パラセーリング150m
- パラセーリング200m
- パラセーリング300m
検索ワードの分析|「抜け漏れ」を防ぐ6つのカテゴリ
場所・エリア
「どこで遊べるか」。特に「沖縄県中部に位置する東海岸」周辺を探す層に強く訴求。
例:うるま市、海中道路、東海岸サービス・体験内容
アクティビティ名や、マリンアイランド様の強みである「国内最長パラセーリング300mロープ」などの具体的スペック。
例:パラセーリング、国内最長300mターゲット・利用シーン
「誰と」「どんな目的で」行くか。
例:子連れ、カップル、家族旅行、3世代予約・利便性
「今すぐ予約できるか」「手軽か」を判断する指標。
例:当日予約、手ぶら、服装、所要時間安心・安全・信頼性
天候による開催判断や安全面。
例:安全基準、キャンセル料、中止条件特典・付加価値
にこちゃんパラセールや写真サービスなど、差別化と「映え」への強力なフック。
例:無料空撮、にこちゃん、写真サービス
画像の説明文(Alt)|本来は「人」のための機能
Alt(オルト)属性とは、画像の内容を文章で説明するためのテキスト情報です。 目が見えない方への読み上げや、画像が表示されない場合の代替表示、検索エンジンへの内容伝達に使われます。
Alt属性が果たす3つの役割
01
視覚障がいのある方へ、
スクリーンリーダー(音声読み上げソフト)で、Alt属性を画像内容として読み上げて、目の不自由な方にも正確な情報を伝えます。
02
通信環境が不安定な方へ、
電波が悪い状況などで画像がうまく読み込まれなかった際、代わりにAlt属性を代替テキストとして表示し、情報の遮断を防ぎます。
03
検索エンジンへ、
画像の内容をテキストとして正しく認識させ、画像検索での表示向上や、記事全体の文脈マッチ評価に役立てられます。
Altを書く際の原則
「状況」と「目的」を具体的に伝える
被写体だけではなく、それがページにおいてどういった文脈を持っているのか(情景)を分かりやすく伝えます。
装飾画像は「空(から)」にする
背景イラストや装飾線など、情報としての意味を持たない画像は alt="" と指定し、スクリーンリーダーの不要な読み上げをスキップさせます。
「画像」「写真」という言葉は入れない
スクリーンリーダーは元々「画像」であることをアナウンスします。そのため「~の画像」と書くと冗長になり、体験を阻害します。
簡潔にまとめる
何段落もある長文はふさわしくありません。画像を説明する最も明瞭でシンプルな文章になるようブラッシュアップします。
下記の画像に、皆さんならどんなAlt属性を設定しますか?
「この画像を見たことがない人に、電話で端的に伝えるとしたら?」と考えると、わかりやすいと思います。

- 不適切なAlt
alt="犬"
被写体の説明のみで、情景が伝わりません。
- 理想的なAlt
alt="沖縄の海岸沿いを楽しそうに走るパグ、マリンアイランドのマスコット犬 マロン"
情景が目に浮かぶように具体的です。
理想は、「人(ユーザー)に伝わる分かりやすい説明を書いた結果、それが自然と適切なキーワードを含んでいる状態」です。SEO目的でAltを書くと、逆に評価が下がるため要注意です。
「第三者だからこそ」できる客観的なAlt作成
Altの最重要目的は「視覚障がいのある方に画像内容を伝えること」。
納品前の最終検証と「伝わる」ひと工夫
- 即時修正が必要
画像と不一致なテキストや、ペナルティとなるキーワード詰め込みがある危険度の高い箇所。
- 修正が必要
修正することで、強みや地域キーワードがより自然に伝わり、集客効果の向上が見込める箇所
- 変更不要(現状最適)
すでに具体的で、スクリーンリーダー対応もSEOキーワードも十分に考慮されている優良箇所。
さらに「資料の見方」の説明ページを追加し、正式納品させていただきました。
ご依頼主様からのコメント
とても思いやりがあり、安心してお取引できる信頼できる方です。
終始丁寧にご対応いただき、本当にありがとうございました。
引き続き、よろしくお願いいたします。(N.T. さま)


【実績スケジュール】
- 1日目:修正対象の洗い出し、および 既存Altの確認
- 2日目:既存Altの分析実施
- 3日目:検索ワード、および SEOワードの検討
- 4日目:修正案の検討
- 5日目:修正案の実地検証
- 6日目:微修正、および一覧化
- 7日目:納品物のまとめ
- 8日目:正式納品
合計で8日間のお仕事でした。
FAQ
Q1. ホームページ診断とは何ですか?
Q2. 画像のAlt(代替テキスト)とは何ですか?
Q3. 画像のAltはSEO対策のために書くものですか?
Q4. 良いAltの書き方のポイントは何ですか?
- 状況と目的を具体的に伝える
- 装飾画像は空(
alt="")にする - 「画像」「写真」という言葉は入れない
- 簡潔にまとめる、です。
「画像を見なくても状況を想像できるか」を基準に書くのが理想です。
Q5. 予約を増やすために、まず何から始めるべきですか?
最適な施策はサイトの状況によって異なるため、まずは現状の診断(HP診断)で課題を見極めることをおすすめします。
そのうえで、多くの場合は大掛かりなリニューアルの前に「サイトの信頼性の底上げ」が有効です。たとえば、不自然なキーワードの繰り返しなど検索エンジンの評価を下げている要素があれば、サイトタイトルや画像の説明文(Alt)の見直しから始めると良いでしょう。
ホームページの「集客力・信頼性」を一度チェックしてみませんか?
次に読むべきおすすめ記事
\ 続いてこちらをチェック! /
「育つホームページ」を、最初から。
今回ご紹介したように、ホームページは「作って終わり」ではなく、公開後の診断や改善によって、はじめて成果へと育っていきます。
そして最も理想的なのは、制作の段階から「人にも検索エンジンにも伝わる設計」を組み込んでおくことです。
私たちは、こうした”育つホームページ”の制作を承っています。
Author

Tomohiro Tatehisa
VisuaRise Design Representative
Web Consultant / Designer
米国政府系企業での勤務を経て帰国後は、グローバル企業でPMOリーダーとして活躍。数千万円規模の小規模案件から100億円超の大規模プロジェクトまで、多様なプロジェクトを成功に導いてきました。 システムコンサルタントとしては、製造業のサプライチェーン領域を中心にBPR(業務改革)を推進し、現場課題の解決と企業価値向上に貢献してきた経験があります。
日本の大手企業での多数のプロジェクトに加え、アメリカ・中国・シンガポール・インド・ブラジルでのビジネス経験を土台に、現在はWebデザイナーとして“伝わるデザイン”を追求。デザイン制作にとどまらず、実務で培った思考法やプロジェクト推進の知見を積極的に発信しています。
このブログでは、プロジェクト現場で得たリアルな学び、実践的なノウハウ、そして国際ビジネスの視点を、初心者から専門家まで届く形でわかりやすく紹介します。「本質を見抜き、わかりやすく伝える」ことを大切にしながら、あなたの創作や仕事に役立つヒントをお届けします。









