串文
串文鏈結2025-03-11 14:53
Astro.js＋microCMSで構築したサイトに、構造化データを設定するのに、まさかの大苦戦💦
📝同じ苦戦を繰り返したくないので備忘録📝
やろうとしたのは、以下の2点
①microCMSのデータを受け取って、構造化データを動的に生成
②各ページで設定した構造化データを、Layout.astroの<head>内に配置
②に大苦戦！
何をやっても、<head>内に
<script type="application/ld+json">{jsonLd}</script>
とそのまま出力され、構造化データが反映されない！！
ChatGPTと共闘すること2時間以上、ついに原因と解決法を究明。
✅ 原因：Astroが構造化データの中身 (jsonLd) を「エスケープ処理」している（はっ？）
✅ 解決方法：set:htmlディレクティブを使ってエスケープを無効化する（へっ？）
正しい書き方は、
<script type="application/ld+json" set:html={jsonLd}></script>
無事解決！
＊添付の画像は解決時のChatGPTのスクショ。
讚
2
回覆
0
轉發
作者
鈴木孝浩｜Webサイト制作
web_zz_ss
web_zz_ss
粉絲
291
串文
425+
讚
回覆
轉發
24小時粉絲增長
發文前
290
發文後24小時
291
變化
+1 (0.34%)
互動率
(讚 + 回覆 + 轉發) / 粉絲數
0.69%
回覆 (BETA)
| 發文後 | 用戶 | 內容 |
|---|