包简介

OGP (Open Graph Protocol) meta tags generator for Accela

README 文档

README

OGP (Open Graph Protocol) と Twitter Card のメタタグを自動生成するAccelaプラグイン。

インストール

composer require accela-framework/ogp-plugin

設定

init-accela.php でプラグインを有効化する。オプションで、デフォルト値を設定することができる。

$accela = new Accela([
  "appDir" => __DIR__ . "/app",
  "url" => "https://example.com",
  "plugins" => [
    "ogp" => [
      "site-name" => "My Website",
      "default-image" => "/assets/images/ogp-default.png",
      "twitter-card" => "summary_large_image",
      "twitter-site" => "@myaccount",
      "locale" => "ja_JP"
    ]
  ]
]);

設定オプション

オプション	説明	デフォルト
`site-name`	サイト名（og:site_name）	-
`default-image`	デフォルトOGP画像	-
`twitter-card`	Twitter Cardタイプ	`summary_large_image`
`twitter-site`	Twitterアカウント	-
`locale`	ロケール	`ja_JP`

使い方

基本

ページテンプレートの <head> 内で使用：

<head>
  <title>ページタイトル - My Website</title>

  <accela-server-component use="ogp:ogp"
    title="ページタイトル"
    description="ページの説明文"
    image="/assets/images/page-ogp.png"
    url="/about/">
  </accela-server-component>
</head>

Page Props と連携（動的ページ）

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

  <accela-server-component use="ogp:ogp"
    @title="title"
    @description="description"
    @image="ogpImage"
    @url="url">
  </accela-server-component>
</head>

$accela->pageProps("/blog/[slug]/", function($query) use ($db) {
  $post = $db->get($query["slug"]);
  return [
    "title" => $post->title,
    "description" => $post->excerpt,
    "ogpImage" => $post->thumbnail,
    "url" => "/blog/" . $post->slug . "/"
  ];
});

個別に設定を上書き

<accela-server-component use="ogp:ogp"
  title="特別なページ"
  description="説明"
  twitter-card="summary"
  locale="en_US">
</accela-server-component>

出力例

<meta property="og:title" content="ページタイトル">
<meta property="og:description" content="ページの説明文">
<meta property="og:image" content="https://example.com/assets/images/page-ogp.png">
<meta property="og:url" content="https://example.com/about/">
<meta property="og:type" content="website">
<meta property="og:site_name" content="My Website">
<meta property="og:locale" content="ja_JP">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="ページタイトル">
<meta name="twitter:description" content="ページの説明文">
<meta name="twitter:image" content="https://example.com/assets/images/page-ogp.png">
<meta name="twitter:site" content="@myaccount">

Props 一覧

Prop	説明	必須
`title`	ページタイトル	○
`description`	ページ説明	-
`image`	OGP画像URL（相対/絶対）	-
`url`	ページURL（相対/絶対）	-
`type`	og:type	- (default: `website`)
`site-name`	サイト名（設定を上書き）	-
`twitter-card`	Twitter Cardタイプ（設定を上書き）	-
`twitter-site`	Twitterアカウント（設定を上書き）	-
`locale`	ロケール（設定を上書き）	-

ライセンス

MIT

accela-framework/ogp-plugin 适用场景与选型建议

accela-framework/ogp-plugin 是一款基于 PHP 开发的 Composer 扩展包，目前已累计 4 次下载、GitHub Stars 达 0，最近一次更新时间为 2025 年 12 月 19 日，在 PHP 生态内属于活跃度较高的组件。

它主要适用于以下技术方向：「open graph」「ogp」「php framework」「SPA」「twitter card」「Accela」等业务场景。在实际项目中，围绕这些方向常见需要落地的问题包括：接口对接、性能调优、并发安全、与既有框架（Laravel / ThinkPHP / Yii / Webman 等）的兼容适配，以及生产环境的日志埋点与稳定性保障。

我们在过去多个企业项目中使用过 accela-framework/ogp-plugin 或与其功能相近的方案，如果你在选型或落地过程中遇到问题，例如 版本兼容、二次改造、私有化封装、与内部系统对接、生产 BUG 排查，欢迎联系我们协助评估。

围绕 accela-framework/ogp-plugin 我们能提供哪些服务？

定制开发 / 二次开发

基于 accela-framework/ogp-plugin 在你已有业务上做功能扩展、字段裁剪、UI 适配、与内部账号 / 权限 / 日志系统的深度对接。

BUG 修复 & 性能优化

线上偶发问题、内存泄漏、慢查询、并发异常等排查修复；针对高流量场景做缓存、队列、索引层面的调优。

项目外包 & 长期维护

承接完整的项目从需求 → 设计 → 开发 → 上线 → 长期运维；也可按月提供技术保姆服务。

yvsm@zunyunkeji.com QQ：316430983 微信：yvsm316 西安尊云信息科技 · 专注 PHP / Go / 分布式系统研发

与 accela-framework/ogp-plugin 相关的其它包

同方向 / 同关键字的高下载量 PHP Composer 包推荐，方便对比选型：

chriskonnertz/open-graph 116

Class that assists in building Open Graph meta tags

netgen/open-graph-bundle 14

Netgen Open Graph Bundle is an Ibexa Platform bundle that allows simple integration with Open Graph protocol.

monsat/ogp 9

CakePHP OGP Plugin

hypejunction/http-parser 5

A tool for scraping URL resources (oEmbed, OpenGraph, Twitter cards, JSON-LD)

sngular/neo4j-php-client 0

Neo4j-PHP-Client is the most advanced PHP Client for Neo4j

rockhopsoft/survloop 2

Survloop is an open data engine for designing a database and creating a mobile-friendly user interfaces to fill it.

accela-framework/ogp-plugin

包简介

关键字：