プロジェクト成果
Next.js 16
フレームワーク
Tailwind CSS v4
CSS
全ページ対応
構造化データ
概要
株式会社ゼットリンカーのコーポレートサイトをNext.js 16 + Tailwind CSS v4で全面リニューアル。SEO/AIO対策を基盤から再設計し、CRMとメール自動返信を統合。
技術構成
- フレームワーク: Next.js 16(App Router / SSG)
- スタイリング: Tailwind CSS v4
- 構造化データ: JSON-LD(全ページ対応)
- メール: Resend API(自動返信・通知)
- イラスト生成: Gemini API
実装内容
- 全ページにJSON-LD構造化データを設定(BreadcrumbList, Article, Organization等)
- メタデータ最適化(title・description・OGP・canonical URL)
- セマンティックHTMLによるAIO対応
- Resend APIによる問い合わせ自動返信
- CRM連携による顧客情報の自動整理
- Gemini APIでブランドキャラクターのイラスト生成
背景
旧サイトはSEO対策が不十分で検索流入が少なく、問い合わせ管理も手動だった。自社の技術力を正しく伝え、業務効率化も同時に実現するため全面刷新した。
導入効果
- 全ページの構造化データ対応により、検索エンジン・AIの双方から正しく評価される基盤を構築
- 問い合わせ受信から自動返信・CRM登録まで自動化し、対応漏れのリスクを解消
- 「このサイト、御社が作ったんですか?」と聞かれるようになり、サイト自体が営業ツールとして機能
キーワード
Next.jsTailwind CSSSEOAIOCRMNext.js開発事例コーポレートサイト制作SEO対策AIO対策CRM統合