accela-framework/json-ld-plugin

JSON-LD structured data generator for Accela

Installs: 3

Dependents: 0

Suggesters: 0

Security: 0

Stars: 0

Watchers: 0

Forks: 0

Open Issues: 0

pkg:composer/accela-framework/json-ld-plugin

0.1.1 2025-12-19 10:25 UTC

This package is auto-updated.

Last update: 2025-12-19 10:25:29 UTC


README

JSON-LD構造化データを出力するAccelaプラグイン。

インストール

composer require accela-framework/json-ld-plugin

設定

index.php でプラグインを有効化:

$accela = new Accela([
  "appDir" => __DIR__ . "/app",
  "url" => "https://example.com",
  "plugins" => [
    "json-ld" => []
  ]
]);

コンポーネント

breadcrumb

パンくずリストの構造化データを出力。

<head>
  <title data-bind-text="title"></title>

  <accela-server-component use="json-ld:breadcrumb" @permalink="permalink" @title="title">
  {
    "/": "ホーム",
    "/blog/": "ブログ",
    "@permalink": "@title"
  }
  </accela-server-component>
</head>

Content フォーマット

JSON形式で "URL": "ラベル" を記述:

{
  "/": "ホーム",
  "/blog/": "ブログ",
  "@category_url": "@category",
  "@permalink": "@title"
}

記法

記法 説明
"/path/" 静的URL
"ラベル" 静的ラベル
"@prop" Page Props から取得
"@@text" @ で始まるリテラル文字列

出力例

<script type="application/ld+json">
{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"ホーム","item":"https://example.com/"},{"@type":"ListItem","position":2,"name":"ブログ","item":"https://example.com/blog/"},{"@type":"ListItem","position":3,"name":"記事タイトル","item":"https://example.com/blog/my-post/"}]}
</script>

ライセンス

MIT