マーケティング

Open Graphメタタグ生成

Facebook、LinkedIn、Xなどの共有プレビュー用メタタグを作成します。

Share card fields

Social previews

<meta property="og:title" content="BrightTools Marketing Toolkit"> <meta property="og:description" content="Useful browser tools for modern marketing work."> <meta property="og:type" content="website"> <meta property="og:url" content="https://brighttools.online/marketing/"> <meta property="og:image" content=""> <meta property="og:site_name" content="BrightTools"> <meta property="og:locale" content="ja_JP"> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:title" content="BrightTools Marketing Toolkit"> <meta name="twitter:description" content="Useful browser tools for modern marketing work."> <meta name="twitter:image" content="">

Platforms may crop, cache or adjust the final card.

ほとんどのツールはブラウザ内でローカル処理します。背景除去では選択した画像を設定済みサーバーで処理し、完了後に元画像を削除します。

使い方

  1. Enter title, description, URL, site name, type, locale and an image URL.
  2. Optionally select a local image for preview and inspect its dimensions and ratio.
  3. Copy the Open Graph and X/Twitter tags for your page head.

おすすめの用途

  • Launch and campaign cards
  • Social sharing QA
  • Developer metadata handoff

注意点

Platforms can crop, cache or adjust cards. This first version uses only manually entered information and does not fetch remote pages.

よくある質問

Can the tool fetch my page image?

No. Enter an image URL yourself or choose a local file for an in-browser preview.

Which image ratio is best?

A wide image near 1.91:1 is commonly used for large social cards, but platforms may crop it.

Does the code escape user input?

Yes. Attribute values are HTML-escaped before they are shown or copied.

関連ツール