p4ni.

← すべての記事

#seo

  1. チュートリアル

    Satori で日本語の OG 画像:5MB のフォントはどこにも配信されない

    Satori は渡したフォントに無いグリフを、警告も出さず NO GLYPH の箱に置き換える。 Noto Sans JP を積むときのサイズ・ウェイト・レイアウトの実測値と、ビルド時生成なら サブセットに手を出さなくていい理由。

  2. 比較

    AI クローラーは JavaScript を実行するのか(GPTBot が実際に見ているもの)

    GPTBot・ClaudeBot・PerplexityBot は生の HTML を読むだけで、JavaScript を実行しません。AI クローラーに何が見えているかを確かめる方法と、クライアントサイドレンダリングが実際に損になる場面。

  3. チュートリアル

    Astro を2言語にする:プラグイン無し、content collections だけ

    このブログに日本語を足したときの設計を全部書きます。1つのコレクションにロケール別フォルダ、slug で翻訳をペアにし、hreflang と型付きの UI 辞書まで。i18n プラグインもライブラリも使っていません。

  4. チュートリアル

    Cloudflare Workers のリダイレクトは _redirects 1枚で足りる

    Worker のコードは要りません。Workers static assets はプレーンテキストの _redirects ファイルで 301 を処理します。記法、splat、上限、そして危うく見落としかけた末尾スラッシュの罠。

  5. チュートリアル

    Astro サイトに llms.txt を置く(手書きせず生成する)

    llms.txt と llms-full.txt を Astro の content collections から生成し、古くなりようのない形で配信します。エンドポイントのコード付き。そもそも読んでいるものはいるのか、についても正直に書きます。

  6. チュートリアル

    Astro の構造化データ: 2026年に Google がまだ読む JSON-LD

    FAQ リッチリザルトは2026年5月に消え、HowTo は2023年に廃止されました。いま書く価値のある型と、Astro の content collections から出力する方法をまとめます。

  7. チュートリアル

    Astro と Satori で OG 画像を自動生成する

    記事ごとに 1200x630 の OG 画像を、ヘッドレスブラウザなし・実行時コストなしでビルド時に作ります。Astro + Satori の設定一式と、フォントで必ず引っかかる罠まで。

  8. 開発の記録

    Astro のウェブフォントで LCP を直す(PageSpeed 83 → 99)

    スタイルシートのインライン化はすぐ効きました。本当の問題はその先で、レイアウトシフトを隠す preload では LCP は動かず、効いたのはフォントメトリクスの上書きでした。