BLOG OPERATION GUIDE
記事管理・アイキャッチ・SEO・執筆フロー
司令室へ
アイキャッチ画像 — Antigravityへの依頼テンプレート（コピペ用）
スタイルガイド: https://web-tsukuru.jp/blog/docs/eyecatch_style_guide.md 上記を踏まえて、以下の記事のアイキャッチプロンプト（英語）を作って。 記事URL: https://web-tsukuru.jp/blog/posts/[ファイル名] 保存ファイル名: blog_article[番号]_[テーマ].webp
👉 コピーしてAntigravityに貼り付け → 生成されたプロンプトを Whisk（Landscape 16:9）に貼り付けて生成
記事管理 21記事
ブログTOP（公開ページ） LIVE
ブログ記事リスト
公開済み・下書き・追加管理
管理
ブログ記事テンプレート
新記事はここからコピーして始める
START
執筆フロー（記事を書く順番）
  • SEO戦略でキーワード・テーマを決める
  • テンプレートHTMLをコピーして記事を書く
  • Antigravityにアイキャッチプロンプト依頼（↑テンプレ使用）
  • Whiskで画像生成 → WebPに変換 → blog/images/に保存
  • blog/index.htmlに記事カードを追加
  • git commit & push → 本番反映確認
  • インスタ・SNSで告知
アイキャッチ画像
スタイルガイド（全ルール）
フラットイラスト・NG例・プロンプトテンプレ
GUIDE
Whisk（AI画像生成）
Landscape 16:9 を選択して生成
TOOL
Squoosh（画像圧縮）
WebP変換・75〜85%品質 / 目安50〜80KB
TOOL
📁 保存先：site/blog/images/
📛 命名：blog_article[番号]_[テーマ].webp
SEO・コンテンツ戦略
ブログSEO戦略
キーワード体系・次に書くべき記事ネタ
コンテンツ運用ガイド
ブログ・インスタ連携ルール