このサイトの作り方
「どんな品質で作る会社なのか」は、言葉より実物で示すのが早いと考えています。このコーポレートサイトはオブライトが自社で設計・開発・運用しており、お客様のサイト・システムも同じ考え方と品質基準でお作りします。
以下はすべて、いまご覧のこのサイトで実際に稼働している構成です。
モダンなフレームワークで自社開発
Next.js 16(App Router)+ TypeScript + Tailwind CSS。3,000ページ超を静的生成し、コラム468本・サービス・用語集はすべてデータ駆動で管理しています。デザインから実装・運用まで外注ゼロの自社開発です。
日英2言語の多言語構成
全ページが日本語・英語の2言語対応。canonical・hreflang(x-default含む)・言語別サイトマップ・RSSを全ページで整備しています。これは多言語Webサイト制作サービスの実例そのものです。
検索エンジン・AI検索への作り込み
Service・FAQPage・BreadcrumbList・ItemList・LocalBusiness・Article・WebApplicationの7種の構造化データを用途別に出力。コンテンツ更新はGitHub ActionsからIndexNowで検索エンジンへ自動通知し、AI検索向けにllms.txtも設置しています。
壊れていないことを毎日機械が確認
問い合わせフォームは毎日、11種別×2言語=22ケースの自動テストが本番環境で実行され、異常があれば即座に通知されます。「いつの間にかフォームが壊れていた」を仕組みで防いでいます。
表示速度への配慮
静的生成を基本とし、重いライブラリ(図表描画・アニメーション)はコード分割で必要なページだけに読み込み。画像は自動最適化しています。
セキュリティの基本を実装
セキュリティヘッダーの設定、問い合わせフォームの4層ボット対策(ハニーポット・速度チェック・レートリミット・Turnstile)、依存パッケージの継続更新。自社プロダクトFormShieldの技術を自サイトでも使っています。