たま結 タティングレース教室

デザインのこだわり

扱うものの空気が、1画面目で伝わること。写真の使い方、書体、色の数、余白まで、ひとつずつ決めてつくります。

• 生成りの地に、墨色の文字 紙のような生成り色の地に、墨色の文字。色は、落ち着いた緑みと土の色を少しだけ添えています。
• 明朝体と、細い英字の添え書き 和文は明朝体（Noto Serif JP）を細めの太さで、英字は Cormorant Garamond。「small lessons, made together」のような小さな英字を添えて、レースの細い糸に合う静かな画面にしています。
• 1画面目から、作品の写真を大きく 作品の写真を最初の画面から大きく見せ、教室の様子と生徒作品は、別のページにまとめています。
• 写真は、画面の幅に合わせて軽く 写真は、画面の幅に合わせて大きさの違う画像（WebP）から選んで読み込み、スマホでも表示を軽くしています。

導線の設計

見に来た人が、自分に関係するページへ迷わず進み、問い合わせまでたどり着けること。スマホで押しやすいかまで確かめます。下の「作ったもの」の画面写真のどこに当たるかも添えています。

1. 最初の画面に、地域名と3つの札と、公式LINEで聞くボタン

   画面では：1枚目。上から地域名、教室名、「初めての方歓迎・道具の貸出あり・少人数でゆっくり」の札、「公式LINEで教室について聞く」ボタンの順に並んでいます。

2. 「『教室希望』とだけ送っていただければ大丈夫です」の一文

   画面では：1枚目、LINEボタンの下。何を送ればいいか迷わないための一文です。

3. 教室を市ごとに並べ、会場ごとのInstagramへ

   画面では：1枚目の「開催場所と日程を見る」から進む欄。伊那市・駒ヶ根市の教室と、岡谷市・松本市・塩尻市への出張レッスンを、市の名前で探せます。

4. 相談は、作家さんが普段使う公式LINEへ

   画面では：3枚目。教室・オーダーの相談は公式LINEへ、作品はInstagram、制作の記録はnoteへつないでいます。

作ったもの

スマホで見た時の画面を、3枚ご覧いただけます。横にスワイプしてご覧ください。

SEO・AIO

検索エンジンにも、AIの回答にも、教室の中身が正しく伝わる形に整えます。AIOは、AIが答えをつくるときに、サイトの内容を正しく読み取って引用できるようにする整え方です。

• タイトルと説明文に、地域名 トップのタイトルは「たま結 タティングレース教室 | 長野県 伊那市・駒ヶ根市」。説明文には、出張先の岡谷市・松本市・塩尻市も入れています。
• 構造化データ（JSON-LD） 教室（Organization・EducationalOrganization）として、対応する地域とInstagram・LINE・noteのアカウントを記述。講座（Course）として、教室の場所も記述しています。
• サイトマップと robots.txt 公開しているページをサイトマップに載せ、写真を追加する管理用のページは、検索の対象から外しています。
• 検索とAIの回答から来た訪問を、確かめる Google検索からの訪問と、ChatGPTの回答に表示されたリンクからの訪問を確認しています。数字は、次の節に期間と出典を添えて載せています。

検索順位や、AIの回答に表示されることをお約束するものではありません。

3つは計測の方法と期間が違うため、足し合わせていません。件数が少ないため、傾向として見ています。押された回数は、実際に送られたメッセージの数ではありません。

まだ確認できていないこと

教室の申し込み数や売上がどう変わったかは、ここでは書いていません。

作家さんがご自分でできること

作品や教室の写真は、作家さんがご自分のスマホから追加しています。使うのは、ご本人だけが入れる管理用のページです。追加する場所（作家作品・教室の様子・生徒作品）を選ぶだけで、表示に必要な軽量化は自動で行います。サイトの反応（訪問や、ボタンが押された回数）も、同じページで見られます。