OGP

概要

OGP（Open Graph Protocol），是 Facebook 制定的元数据规范。在网页的 HTML 中嵌入 og:title、og:description、og:image 等 meta 标签，就能控制这个页面在社交媒体上被分享时的显示内容。X（原 Twitter）、LINE、Discord 等许多平台都支持 OGP。

主要的属性

OGP 中常用的属性有下面这些。og:title 是页面的标题，og:description 是说明文字，og:image 是缩略图的 URL，og:url 是页面的规范 URL。把这些以“<meta property="og:title" content="..." />”的形式写在 HTML 的 <head> 里。

此外，用 og:type 指定页面的类型（website、article 等），用 og:site_name 设定网站名称。面向 X，则用 twitter:card 这个 meta 标签指定显示形式（summary、summary_large_image）。

在提问箱这类服务中的使用

在提问箱这类服务中，比如在下面 2 个场面会用到 OGP。第一，是动态生成 OGP 标签，让提问箱的公开页面在社交媒体上被分享时，恰当地显示箱主的名字和说明的场面。

第二，是分享已回答的问答时，生成把提问和回答汇总成卡片形式的 OGP 图片的场面。这张图片在服务器端绘制，和只有文字的发帖相比，是视觉信息量更多的形式。