Googleサーチコンソールで所有権の確認のため,header部分にmetaタグを追加したい.`astro`を使って`cloudflare`でサイトを公開するので,header部分にmetaタグを追加するのが簡単と考え,ロジックを追加した. ただ,ローカル上で確認すると,`<meta>`のみ追加され,肝心の`name`や`content`属性が付与されない.何が誤っているのか不明で少し困っている. 期待:`<meta name="google-site-verification" content="XXX">` 実際:`<meta>` 回避策はあるので,今はそれをしている. ## 開発環境 - nodejs : v20.15.1 - astro : 4.13.0 - @astrojs/starlight : 0.25.3 ## やったこと `index.mdx`のフロントマターに`head`を追加.`<meta>`のみ追加される. ```typescript head: - tag: 'meta' attrs: { name: 'google-site-verification', content: 'XXX' } ``` [公式のドキュメント](https://starlight.astro.build/ja/reference/frontmatter/)にあるサンプルで試すと,`<title>`が上書きされ,想定どおりとなる. ```typescript head: # カスタム<title>タグを使う - tag: title content: カスタムのタイトル ``` ## 回避策 特定のページ(`index.mdx`)のみ`meta`タグを追加したい.全ページに追加されるこの回避策はそのうちやめたい. `astro.config.mjs`の`defineConfig`に以下のとおり追加. ```javascript integrations: [starlight({ head:[ { tag:'meta', attrs:{ name: 'google-site-verification', content: 'XXX' }, }, ], title: 'YYY', ... ```