From 7bf67d1074e396fbc7190649f1b73f3ea92cdd79 Mon Sep 17 00:00:00 2001 From: Yasutake Yohei <61961825+yasutakeyohei@users.noreply.github.com> Date: Thu, 25 Jun 2026 23:58:32 +0900 Subject: AGENTS.md更新 + /og/ に画像一覧ページを追加 MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - AGENTS.md: OGP画像生成、ソーシャル共有、見出しアンカーの項目を追記 - /og/ に16枚のOGP画像一覧を表示するインデックスページを作成 - 403エラー回避のため、静的なスラッグ一覧から生成 --- .zed/AGENTS.md | 15 +++++++++- src/pages/og/index.astro | 74 ++++++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 88 insertions(+), 1 deletion(-) create mode 100644 src/pages/og/index.astro diff --git a/.zed/AGENTS.md b/.zed/AGENTS.md index dc601f0..6f44dc6 100644 --- a/.zed/AGENTS.md +++ b/.zed/AGENTS.md @@ -42,8 +42,21 @@ ## SEO - `@astrojs/sitemap` によるサイトマップ自動生成(`astro.config.mjs` に追加済み) - `public/robots.txt` に sitemap URL を記載 -- OGP 画像・JSON-LD 構造化データは `astro.config.mjs` の `head` で設定 +- OGP / JSON-LD 構造化データは `astro.config.mjs` の `head` で設定 - Google Search Console への登録・サイトマップ送信は手動で行う +- `twitter:card` = `summary_large_image` を設定済み + +### OGP 画像 +- 静的フォールバック: `src/pages/og/[slug].png.ts`(Satori + resvg-js で動的生成) +- フォント: `node_modules/.noto-sans-jp.otf`(Google Noto Sans JP) +- ビルド後インテグレーション: `src/plugins/og-image.ts` が全ページのHTMLにページ別 `og:image` を注入 +- 開発中の確認: `npm run dev` では表示されない → `npm run build && npm run preview` +- デザイン: faceicon + ページタイトル + 「小平市議 安竹洋平」 + +## ソーシャル共有 +- コンポーネント: `src/components/SocialShare.astro`(X / Facebook / URLコピー) +- Footer 上書き: `src/components/starlight/Footer.astro`(SocialShare をコンテンツ直後に表示) +- 見出しアンカー: クリックで見出しURLをクリップボードにコピー(custom.css + astro.config.mjs の head script) --- diff --git a/src/pages/og/index.astro b/src/pages/og/index.astro new file mode 100644 index 0000000..8416098 --- /dev/null +++ b/src/pages/og/index.astro @@ -0,0 +1,74 @@ +--- +const slugs = [ + "index", + "jisseki", + "policy", + "support", + "contact", + "whisper-to-ai-moji-okoshi", + "koubunsyo-kanri", + "ijime-judai-jitai", + "fukushi-shisetsu-gyakutai", + "aiki-kouen", + "joutyo-koteikyu", + "kajo-seigen-kanwa", + "saresio-kaihatu", + "vaccine-kyuusai-tekiseika", + "dislexia-taiou", + "ippan-situmon", +]; +--- + + + +
+ +
+ {slug}.png
+
+ ))}
+