抹茶販売強化のため、デザイン・SEO・構造化データまで全面改善しました

最近、「AIでホームページが簡単に作れる時代」とよく言われます。

確かに、生成AIを使えば

• バナー画像の制作
• キャッチコピー作成
• ブログ文章作成
• デザインのたたき台作成

など、以前なら数日かかっていた作業が短時間で可能になりました。

しかし、実際のホームページ運営では
見た目を整えるだけでは成果にはつながりません。

今回、佐賀県武雄市の老舗茶舗
青木茶舗様（抹茶・嬉野茶・日本茶の製造販売） のホームページに対して、
「抹茶販売をさらに強化したい」という目的で、AIも活用しながらサイト全体の最適化を実施しました。

今回の改善内容をご紹介します。

---

1. まずは“何を売りたいか”を明確化

ホームページの軸を「抹茶」に再設定

従来のホームページでは、

• 日本茶
• 嬉野茶
• 抹茶

が並列で紹介されていました。

もちろん間違いではありません。

しかし、販売強化を考えた場合、
閲覧者に

「このお店は何が強いのか？」

を一瞬で伝える必要があります。

そこで今回、青木茶舗様の主力商品を
抹茶
として再定義しました。

トップページのタイトルも見直し、

青木茶舗｜抹茶・嬉野茶の製造販売｜佐賀の老舗茶舗

という形に再構成。

これにより、

• ユーザー
• Google
• AI検索

のすべてに対して、
「抹茶に強い茶舗」であることを伝えやすくなりました。

---

2. AIでTOPバナーを再設計

第一印象を改善

ホームページで最初に目に入るのは
やはりメインビジュアルです。

今回は生成AIを活用し、

• 高級感
• 和の雰囲気
• 抹茶の鮮やかな緑
• 老舗感

を意識したビジュアル設計を行いました。

以前なら、

• デザイナーへ依頼
• ラフ作成
• 修正
• 再提案

で数万円〜十数万円かかる作業です。

AIを活用することで、
短時間で複数案を比較しながら方向性を決められます。

ただし重要なのは、

AIが作るだけで完成ではない

という点です。

最終的には、

• レイアウト調整
• 文字配置
• 導線設計
• 視認性調整

など、人の判断が必要です。

---

3. alt属性をすべて設定

AI検索・画像検索対策

最近、画像検索やAI検索の重要性が上がっています。

Googleは画像そのものだけでなく、

• ファイル名
• 周辺テキスト
• alt属性

から内容を判断します。

例えば抹茶画像でも、

悪い例：

image001.jpg

良い例：

青木茶舗の挽きたて釜炒り抹茶 雪風

この違いは大きいです。

alt設定は地味ですが、

• SEO
• アクセシビリティ
• AI理解

すべてに効きます。

こういう地味な部分こそ、
ホームページ運営では重要です。

---

4. Q&Aを追加

AI時代に強いコンテンツ構造へ

最近の検索は変化しています。

昔：

キーワード検索

今：

質問検索

例：

• 抹茶は家庭で使えますか？
• 業務用抹茶はありますか？
• 嬉野茶も買えますか？

この形式が増えています。

そこでトップページに
Q&Aを設置しました。

これは単なるFAQではありません。

Q&A形式にすることで、

• Googleが理解しやすい
• AIが回答として引用しやすい
• ユーザーの離脱が減る

という効果があります。

今後のSEOは、

「検索される」より「回答として採用される」

が重要になると考えています。

---

5. 商品詳細をTOPページへ追加

情報不足を解消

意外と多いのが、

「商品名しか書いていないホームページ」

です。

しかしユーザーが知りたいのは、

• どんな味か
• どんな用途か
• 誰向けか
• 価格はいくらか

です。

そこで青木茶舗様では、
抹茶商品詳細をトップページにも追加。

例えば、

• 国産茶葉使用
• 挽きたて
• ラテ向け
• 製菓向け
• お点前向け

などの情報を整理。

商品情報の充実は、
検索対策だけでなく成約率にも直結します。

---

6. 構造化データを実装

GoogleとAIに“意味”を伝える

ここがプロの領域です。

ホームページは
人が見れば理解できます。

でもGoogleやAIは違います。

HTMLを見ても、

• 店舗名
• 商品
• 電話番号
• FAQ

の区別がつかない場合があります。

そこで使うのが
構造化データ（Schema.org）。

今回はTOPページに、

• LocalBusiness
• Organization
• Product
• FAQPage
• WebSite
• WebPage

を実装しました。

これにより検索エンジンへ、

• このサイトは茶舗
• 抹茶を販売
• FAQあり
• 商品情報あり

と明確に伝えられます。

この設定は、AI時代ほど重要になります。

なぜならAIは
構造化された情報を好む
からです。

---

7. リッチリザルトテストで検証

設定して終わりではない

構造化データでよくある失敗は、

入れたつもり
でもエラー

です。

今回はGoogle公式の
リッチリザルトテスト
で検証しました。

その結果、

• 商品スニペット
• 地域のお店やサービス
• 組織情報

が正常検出。

途中、

• Productの重複
• 必須項目不足

などもありましたが、修正して改善。

こうした検証まで行って初めて
「設定完了」です。

コードを貼っただけでは終わりません。

---

AI時代のホームページ運営で重要なこと

今回の改善で改めて感じたのは、

AIによって
制作スピードは圧倒的に上がった
ということです。

しかし一方で、

• 何を優先するか
• 何を削るか
• どんな導線にするか
• Googleにどう伝えるか

この判断はまだ人間の仕事です。

AIは強力な道具です。

ですが、

AIだけで売れるホームページは作れません。

本当に必要なのは、

• 設計
• 運営
• 分析
• 改善

です。

青木茶舗様のように、
地道にホームページを育てていくことが、
これからのAI時代に最も強い運営方法だと考えています。