お知らせ- view

よさこいチームの公式サイトを自分たちで作ってみた|Next.jsでホームページを自作した話

よさこいチームの公式サイトを自分たちで作ってみた|Next.jsでホームページを自作した話

あなたが今見ているこの 満福の公式サイト、実は私たちが 自分たちの手で作っています

今回はよさこいの話から少し離れて、 「公式サイトを自作してみてどうだったか」をちょっと技術的にふり返ります。

なぜ自分たちで作ったのか

無料サービスやテンプレートで作る方法もある中で、 イチから作る ことを選んだ理由はシンプルです。

  • 満福らしいデザインに、とことんこだわりたかった
  • 表示が速くて、スマホで見やすくしたかった
  • 「富山 よさこい」で探してくれた人に、ちゃんと届けたかった

どれだけ良い演舞をしても、知ってもらえなければ仲間は増えません。 だから 検索から見つけてもらえるサイト を本気で作りたかったんです。

使っている技術

ざっくり、 速くて・検索に強くて・デザインを自由にいじれる 組み合わせを選びました。

  • Next.js ——表示の速さとSEOに強いフレームワーク
  • TypeScript ——間違いを早めに見つけられる言語
  • Tailwind CSS ——デザインを細かく整える仕組み
  • Vercel ——サイトを公開する場所

このブログ記事も、書いたテキストがそのままページになる素朴な仕組み。 思いついたときにサッと更新できるのが気に入っています。

スマホ対応とSEOにこだわった

訪問者の 8割以上がスマホ。だから見やすさと表示の速さは最優先にしました。 あわせて、検索エンジンに 「富山・滑川のよさこいチームのサイトだ」 と伝わるよう、 タイトルや説明文、サイトマップ、構造化データ、よさこいとはの解説ページなどを用意。 派手さはないですが、こういう 下ごしらえ があとからじわじわ効いてきます。

Search Consoleで手応えを見ている

Google Search Console で「どんな言葉で見つけてもらえたか」を定期的にチェックしています。 参考までに 直近3か月 の数字をざっくり。

  • 検索結果に表示された回数:約330回
  • 実際に訪れてくれた回数:約60回
  • クリック率:約19%
  • 平均の検索順位:約6位
  • スマホからのアクセスが8割以上

中身を見ると、 「富山 よさこい」 に加えて 「よさこい 習い事」「滑川市 習い事 大人」 など、 大人の新しい習い事 として探してくれている人がいるのも嬉しい発見でした。

そして何より、 このサイトを通して実際にイベント出演や見学のお問い合わせをいただけた こと。 数字だけでなく、人とのつながりが生まれているのが一番の収穫かもしれません。

サイト制作のご相談もお気軽に

作ってみて「ホームページがあると活動がぐっと伝わるな」と実感しています。 もし周りに、

  • まだWEBサイトを持っていなくて、これから作りたい
  • 今あるサイトを、もう少し見やすくリニューアルしたい

そんなチームや個人、お店の方がいたら お気軽にご相談ください! 私たちにできる範囲でお手伝いできたら嬉しいです。

締め

最初は手探りでしたが、 満福のことを自分たちの言葉とデザインで伝えられる場所 を 持てたのは、本当にやってよかったと思っています。

満福は 富山県滑川市 を拠点に、週2回楽しく踊っています。 ダンスもよさこいも初めての方、大歓迎です。 お問い合わせフォームやSNSのDMから、お気軽にどうぞ🔥

この記事をシェア