- Role
- ディレクション / デザイン / コーディング / SEO
- Scope
- 要件定義 → デザイン → 実装 → サーバー構築 → 公開 → 保守運用
- Tech
- WordPress / HTML / SCSS / JavaScript /Schema.org（JSON-LD）
- Period
- 2024.09
Challenge
自社Webサイトが存在せず、オンラインでの問い合わせ窓口がない状態。新規顧客への訴求手段がなく、問い合わせは電話のみに依存していた。
Approach
1. 検索・AI対応のSEO強化
Schema.org JSON-LD による構造化データ（Organization・BreadcrumbList・FAQPage
など）を実装し、Googleリッチリザルトへの対応を強化。あわせて llms.txt
を設置し、AIクローラーへのコンテンツ情報提供にも対応した。
2. 表示速度の改善 — WebP対応
全画像をJPGからWebP形式に変換・差し替え。ファイルサイズを削減し、ページ読み込み速度を改善した。
3. 保守性向上 — SCSS導入
ベタ書きCSSをSCSSに移行し、Sassコンパイル環境を整備。スタイルの管理・修正がしやすい構成に改善した。
4. 各ページのWordPress化
静的HTMLからWordPressテーマへ移行し、トップ・事業内容・会社概要・お問い合わせの各ページをPHPテンプレートとして
実装した。