ブログ
Next.js App Router 多言語サイトの SEO を改善した記録
canonical の重複エラーをきっかけに SEO を棚卸し。サイトマップの漏れ、構造化データの不足、OG 画像の欠落など、Next.js App Router + 多言語構成で踏んだ落とし穴と修正を記録した。
「seo」タグが付いたコンテンツ一覧
canonical の重複エラーをきっかけに SEO を棚卸し。サイトマップの漏れ、構造化データの不足、OG 画像の欠落など、Next.js App Router + 多言語構成で踏んだ落とし穴と修正を記録した。
個別ページはあるのに一覧がなかった問題を解決。データ層のコードは一切追加不要 — 既存のヘルパー関数がそのまま新ページに組み合わさった。
opengraph-image.tsx と Satori でビルド時に記事ごとの OG 画像を静的生成する。最大の落とし穴は Satori のインラインスタイル制約 — Tailwind も className も使えない。
shinyaz.com のアーキテクチャを深掘り — Contentlayer ではなく Velite を選んだ理由、i18n ライブラリなしで日英対応を実現した方法、ミニマルなモノトーンブログの設計判断を紹介する。