コーポレートサイトをリニューアルしました。
といっても、見た目はほとんど変わっていません。
今回はデザインの話ではなく、構成と構造の話です。
完成報告というより、「いまこう考えてるんだよね」っていうちょっとした記録的なものですね。
以前はヘッドレス構成でした
少し前に、WordPress + Gatsby のヘッドレス構成でコーポレートサイトを構築した話を書いたと思います。
新コーポレートサイトはなぜ超高速？【Gatsby + WordPress ヘッドレス】
当時は、
- 表示速度
- SSGの安心感
- フロントエンドを自由に設計できる感じ
このあたりに魅力を感じていましたし、その判断が間違っていたとは思っていません。
むしろ、その時点では自然で適切な選択だと思ってましたね。
今回、すべてWordPressで構築し直しました
今回、そのコーポレートサイトをWordPressのみの構成で作り直したんですよ。前回リニューアルから2年しか経ってないけど。
いわゆる「ヘッドレスをやめた」という話ですが、正確には「作り方を選び直した」ということです。
作り直した理由はいくつかあるのですよ。
- プレビューが見られない（自社用なのでプレビュー環境いらないっしょと高を括ってた）
- ビルド時間が1時間を超えた（これは完全に構築方法の詰めが甘かった）
- 小さな修正や実験の心理的ハードルが高くなった（心理的ハードル甘くない）
「ちょっと試したい」>「めんどくさい」>「また今度でいいか」
これ。まじでこれ。
珍しくこの2年ほぼ手を入れてこなかったんですよ自社サイト。更新とか投稿とかじゃなくて、コードのメンテナンス。
やりたかったのは、「完成度の高いサイトを一度作ること」ではなく、「試行錯誤しながら改修し続ける」こと。
その前提に、当時の構成は合わなくなってきていました。
心理的にもね。。
今回、ちゃんと向き合いたかったこと
今回のリニューアルで、きちんとやり直したかったことがあったんですよ。
- 制作実績をちゃんと動かしたかった（フィルタやページネーション。正直、前回は詰めが甘かった。今回かなり良いよ。）
- 構造化データをしっかり構築したかった（Gatsbyでもできるはずですが、試行錯誤しづらくて萎えた）
- AI向けのセマンティックな構造を試したかった（詳しくは書かない）
- サービス内容の再構築（これは次のフェーズで）
どれも共通しているのは「触りながら考えたい」という点です。
変更して、見て、直して、また考える。
より優先すべきはサイトの速度ではなく試行錯誤のしやすさなんです。今はね。
別にGatsbyが悪いわけでもSSGが悪いわけでもないんですよ。適材適所だったりするっていうことですね。
実は、4つのサイトを同時に触っています
この話、コーポレートサイト単体の話ではありません。
いま、
この4つのサイトを、同時にリニューアルしてました。（一段落つけたけど今後も継続的に触り続けて育てていきます）
採用サイトはフルリニューアルでATS連携＋構造化データ。
WandもフルリニューアルでSpotifyとYouTubeのAPI利用＋構造化データ。
きこりのこしかけは構造化データの整備。
あんどぷらすを表す「構造体」としてのサイト群
これら4つのサイトは、あんどぷらすにとっての中核となるサイト群です。
今回触っている4つのサイトは、それぞれ独立したものではなく、
あんどぷらすというひとつのブランドを構成する“構造”として設計しています。
AIは単一のページだけでなく、サイト同士の関係性や参照構造からブランドを理解します。
そのため、個別に構造化データを整備するだけでは不十分で、
全体として整合性の取れた構造を持つことが重要になります。
- それぞれに役割があり
- 構造化データを緻密に組み
- 意図を持って相互に連携させる
見た目ももちろん大事だけど、同じくらい構造も大事。
流行よりも思想。
今回のリニューアルは、そのための土台を組み直した、という位置づけです。
いまのかたちについて
今回公開している状態が完成形というわけではありません。
たぶん、これからも変わります。
というか、近々さらに変えますしね。
でもそれでいいと思っていて、試行錯誤し続けられる構成に戻した。
それが、今回のリニューアルで一番大きな変化です。
構造化データを「ちゃんと設計しよう」とすると多くのSaaS型CMSは、どうしても思想が合わなかったんですよね。
その点、WordPressは雑にでも触れるし、壊しても直せるし。あらためて楽だなーと思いました。
今後なにか変わったら、変えたら、またその時の話を書きますね。
かれこれ2か月前に書いた記事を公開する前にサイトにも少し手を入れつつ、構造化データの設定を支援するShopify用アプリをリリースしたのでそちらもよろしくお願いします。（WordPress用のプラグインも.orgで配布できるよう申請中ですよ 配布開始しました）
こちらは、AI検索などに関する記事ですがなぜ構造化が重要なのかも伝わるかなと思います。
あなたのサイト、AIに「無かったこと」にされているかも
