ogtto — OGP画像ジェネレータ

入力

タイトル37 / 80

サブテキスト32 / 120

絵文字もう一度押すと解除

タグカンマ区切りで最大4個

テーマ

生成中…

/api/og?title=Next.js+16+%E3%81%A8+%40vercel%2Fog+%E3%81%A7+OGP+%E7%94%BB%E5%83%8F%E3%82%92%E9%87%8F%E7%94%A3%E3%81%99%E3%82%8B&sub=%E3%82%BF%E3%82%A4%E3%83%88%E3%83%AB%E3%82%92%E5%85%A5%E3%82%8C%E3%82%8B%E3%81%A0%E3%81%91%E3%81%A7%E3%80%81%E8%A8%98%E4%BA%8B%E3%81%AB%E3%81%9D%E3%81%AE%E3%81%BE%E3%81%BE%E8%B2%BC%E3%82%8C%E3%82%8B%E7%94%BB%E5%83%8FURL%E3%81%8C%E6%89%8B%E3%81%AB%E5%85%A5%E3%82%8B&emoji=%F0%9F%8E%A8&tag=TECH

HTML に貼る

記事の `<head>` に下のメタタグを貼るだけ。

<meta property="og:image" content="/api/og?title=Next.js+16+%E3%81%A8+%40vercel%2Fog+%E3%81%A7+OGP+%E7%94%BB%E5%83%8F%E3%82%92%E9%87%8F%E7%94%A3%E3%81%99%E3%82%8B&sub=%E3%82%BF%E3%82%A4%E3%83%88%E3%83%AB%E3%82%92%E5%85%A5%E3%82%8C%E3%82%8B%E3%81%A0%E3%81%91%E3%81%A7%E3%80%81%E8%A8%98%E4%BA%8B%E3%81%AB%E3%81%9D%E3%81%AE%E3%81%BE%E3%81%BE%E8%B2%BC%E3%82%8C%E3%82%8B%E7%94%BB%E5%83%8FURL%E3%81%8C%E6%89%8B%E3%81%AB%E5%85%A5%E3%82%8B&emoji=%F0%9F%8E%A8&tag=TECH" />
<meta name="twitter:card" content="summary_large_image" />