FastOGプラットフォームガイド

FastOGは、誰かがあなたのページの1つを共有したときに表示される画像を生成します。対象は商品、カテゴリ、ホームページ、ブログ記事などです。静的なデフォルト画像を、ライブのカバー画像に置き換えます。商品写真、現在の価格、評価、ロゴ、そして任意で選んだ見出しが含まれます。

このガイドは全体像を示す地図です。各機能が何をするのか、各プラットフォームでどこを変更するのか、そしてどのプランに含まれるのかを説明します。API、HMAC署名、フレームワーク別のチュートリアルについては、APIリファレンスから始めてください。

FastOG の実行環境

プラットフォーム アプリの場所 マーチャントが開くもの
WooCommerce WordPress 管理画面 → FastOG カバーを編集する Studio、プランを変更する Plan、チケットを作成する Support、接続に関する Tools
Shopify Shopify 管理画面 → Apps → FastOG Covers、Plan、Support。詳細な接続情報はアプリの下部にあります
Wix Wix ダッシュボード → Apps → FastOG Covers、Customize、Plans

アプリを初めて開くと、短いセットアップが表示されます。カバーを設定するページタイプを選択し、初期の見た目を選びます。どちらも後から変更できます。セットアップの内容に永続的なものはありません。

カバー画像が選ばれる仕組み

FastOG は、共有されるページの URL に署名します。リクエストにはストアとページタイプが含まれ、サーバーはそのページタイプに保存されたルールを適用します:

  1. ページタイプのルール — 商品、コレクション/カテゴリ、ホーム、ブログ記事について Covers で編集したカバー画像です。
  2. より具体的なルールが一致する場合 — タグ、カテゴリ、ベンダー、コレクションに対するルールは、ページタイプのルールより優先されます。
  3. 商品ごとのカバー画像が保存されている場合 — 最も具体的なルールです。Pro 以上で利用できます。

いずれにも一致しない場合、ページはテーマの画像を保持します。各プラットフォームではページタイプごとに独自のカバー画像が設定されるため、商品のカバー画像を変更してもホームページには影響しません。

カバーとページタイプ

カバー(Shopify、Wix)または FastOG → Studio(WooCommerce)を開き、プレビューの上でページタイプを選択します。

プラットフォーム ページタイプ
WooCommerce 商品、カテゴリ、ホーム、ブログ記事
Shopify 商品、コレクション、ホーム、ブログ記事
Wix 商品、コレクション、ホーム、ブログ記事、サイトページ

各タブには独自の見た目、独自のコピー、独自のライブスイッチがあります。あるページタイプを保存しても、別のページタイプが変わることはありません。プレビューは実際のカバーです。ライブページが使用するのと同じテンプレートと props からレンダリングされます。

WooCommerce では、商品編集画面にも小さなカバーパネルが表示されるため、商品から離れることなくカバーを確認・変更できます。Shopify では同じ理由で、管理画面の商品ページに FastOG ブロックが表示されます。Wix ではすべてがアプリ内に収まります。

見た目を選択する

見た目とは、カバーが描画するレイアウト、つまりテンプレートのことです。ピッカーにはカタログ全体が表示され、ロックされた見た目には、それを解除できるプランが示されます。

プラン 見た目
Community 無料セット
Starter 厳選された Starter セット
Pro すべてのテンプレート
Scale すべてのテンプレート、加えて優先レンダリング

ロックされた見た目は選択肢ではなくショーウィンドウです。プレビューは可能で、アップグレードのプロンプトにはそれを解除できるプランが示されます。保存はサーバー側で拒否されるため、プレビューと実際のカバーが食い違うことはありません。

同じピッカーはセットアップウィザードから開始する場合にも使用され、あるページタイプの見た目を、他のページタイプに影響を与えずに変更できます。

コピーとスタイル

見た目に続いて、エディターには2つのフィールドグループがあります:

  • コンテンツ — 見出し、サブタイトル、バッジ、特徴の行、画像など、そのテンプレートが出力するすべてのもの。空のままにしたフィールドは、テンプレートが埋められる場合にはストア自身のデータにフォールバックします。
  • スタイル — テーマ、色、フォント、パターン、仕上げ。スタイルはテンプレートごとに異なります。あるレイアウトで意味をなす値が、別のレイアウトに強制されることはありません。

WooCommerce と Shopify では、すべてのプランでストア全体のルールのコピーとスタイルを編集できます。Wix では、自由形式のコンテンツとスタイルのフィールドは Pro カスタムビルダーの機能です。Starter は見た目を選択し、プリセットの固定フィールドは自由に編集するのではなく表示されるだけです。

Pro 限定の商品ごとのエディターは、同じフィールドを1つのアイテムに適用したもの(下記参照)に、ロゴのオーバーライドを加えたものです。

決して埋められないとマークされたフィールドは、FastOG がでっち上げることを拒否するものです。よくあるのは評価です。空の星の行が偽の平均値で埋められることはありません。

ライブシグナル

ライブシグナルは、入力するコピーではなく、カバーの下にあるスイッチです。これらは、共有時にFastOGがすでに把握している値をカバーに描画してよいかどうかを決定します:

シグナル 表示内容 プラン
価格 現在の価格。商品がセール中の場合、比較価格の取り消し線を含みます すべてのプラン
セール セールリボン / 比較価格の表示 すべてのプラン
在庫 残りわずか(「残り3点」)および売り切れ すべてのプラン
評価とレビュー数 ストアの実際の平均評価とレビュー数 Starter以上
評価の下限 最低評価または最低レビュー数を下回る場合、星の行を完全に非表示にします Pro以上

このスイッチの狙いは、レイアウトにフィールドを残しつつ、データが弱いときには非表示にできるようにすることです。レビューが2件しかない3.1星の商品は、価格の隣に弱い星の行を表示するよりも、星の行を表示しないほうが通常は適切です。

シグナルをオフにしても何も削除されません。値は引き続きストアから読み取られ、カバーがそれを出力しないだけです。再びオンにすると、次回のレンダリングで再び表示されます。

商品ごと・アイテムごとのカバー

商品ごとのカバーは、1つのアイテムに対して保存されるカバーで、ページタイプのルールの上に重ねて適用されます。これは Pro および Scale の機能です。

プラットフォーム 開く場所
WooCommerce 商品編集画面 → FastOG cover パネル → Customize cover
Shopify Shopify 管理画面で商品を開く → FastOG 商品ブロック → Customize cover
Wix アイテム単位ではまだ利用できません。ページタイプのカバーを使うか、すべての商品で見栄えがするルックを使用してください

Pro では、その1つの商品に対してルック、コピー、バッジ、スタイルを変更できます。オーバーライドのない商品は、引き続きページタイプのルールを使用します。商品のオーバーライドを解除すると共有カバーに戻りますが、保存された選択内容は破棄されず保持され、後でプランが変更された場合にも引き継がれます。

商品パネルは Studio へのリンクも備えているため、その商品に専用のカバーが不要な場合は、ストア全体のルールにワンクリックでアクセスできます。

商品ライン向けのルール

スコープ付きルールは、商品グループ(タグ、カテゴリ、商品タイプ、コレクション(Shopify)、ベンダー)の商品カバーを調整するものです。これは Scale の機能です。

Covers → Covers for specific products を開きます(見出しは WooCommerce と Shopify で同じです)。ルールを追加し、スコープと見た目を選択して保存します。一致する商品にはルールの見た目とコピーが使われ、それ以外の商品はページタイプのカバーを維持します。

最も具体的な一致が優先されるため、順序を管理する必要はありません。ルールカウンターには、プランの許容量のうち使用済みの数が表示されます。ルールはいつでも削除できます。Wix はまだスコープ付きルールに対応していません。

キャンペーンとスケジュールされた復帰

スケジュールされた復帰はキャンペーンの安全な半分です。Black Friday や季節限定のカバーを今公開し、その前に公開されていたカバーへ戻す日時を選べます。復帰の半分は すべてのプラン(Community を含む)で利用できます。

スケジュールされた開始は Scale の半分です。Scale ではキャンペーンカバーが公開される日付も設定できます。Scale 未満では開始は一時停止され、デザインと日付は保持されるため、アップグレードすれば再開できます。どちらの切り替えも 5 分ごとにチェックされ、時刻にはフィールドの下に表示されるタイムゾーンが使用されます。

どちらの半分にも終了が必要です。開始があって終了がないキャンペーンは決して元に戻らないため、フォームはそれを受け付けません。終了をクリアするとキャンペーンはキャンセルされます。プランの失効によって削除されるものはありません。日付とデザインは保持されます。

PNG をエクスポートする

PNG をダウンロード アクションは、表示中のカバーを 1200×630 でレンダリングしてダウンロードします。これは WooCommerce と Shopify では Pro および Scale の機能です。Wix ではまだ提供されていません。

ファイルはエディター自身のテンプレートと props から生成されるため、別のエクスポート用テンプレートではなくプレビューと一致します。マーケットプレイスの出品、デッキ、ライブ URL を使用できない手動投稿などにご利用ください。

プラン、カバレッジ、制限

FastOG が販売するのはカバレッジであり、レンダリングのクレジットではありません。プランは、ご自身のカタログ項目の数と一連の機能をカバーするものであり、レンダリング回数に上限はありません。

Community Starter Pro Scale
価格 無料 月額 $19 月額 $49 月額 $119
カバー項目数 100 250 1,000 無制限
ページタイプ すべて すべて すべて すべて
ルック 無料セット 厳選セット すべて すべて
価格、セール、在庫 あり あり あり あり
評価(星+件数) — あり あり あり
評価の下限 — — あり あり
商品ごとのカバー — — あり あり
メタフィールドのマッピング — — あり あり
PNG エクスポート — — あり あり
商品ラインのルール — — — あり
キャンペーン開始 — — — あり
スケジュール復帰 あり あり あり あり
優先レンダリング — — — あり

カバレッジパネルには、プランがカバーする項目の数が、商品、カテゴリ、ホーム、ブログ投稿ごとに分類されて表示されます。カタログが上限を超えて成長した場合、パネルには次のプランとその上限が表示されます。レンダリングが通知なく停止することはありません。Plan(WooCommerce、Shopify)または Plans(Wix)からアップグレードしてください。

年払いは同じティアで、12 か月分を 10 か月分の料金で利用できます。Wix は Wix 経由で請求され、WooCommerce と Shopify はアプリ内のプランビュー経由で請求されます。

Wix は同じ料金体系を使用しますが、商品ごとのオーバーライド、スコープ付きルール、PNG エクスポートはまだ提供されていません。Wix でもプランによってカバレッジ、ルック、評価、カスタムビルダーが制御されます。

ヘルスチェックとキャッシュの更新

アプリは短いヘルスチェックを実行し、完全なリストは Details / What we checked の背後に保持します。これは、プレビューを実際に壊す問題に答えるものです:

  • FastOG はこのストアのデータとカタログを読み取れますか?
  • ストアフロントの og:image は FastOG を指していますか、それともテーマや SEO プラグインが優先されていますか?
  • サンプル商品は実在しますか、そしてプレビューはそれを使用していますか?
  • 署名キーと接続はまだ有効ですか?

各検出結果には、修正方法が存在する場合はそれが添えられます。report はサポートメッセージにコピーするブロックです。これは解釈するためではなく、貼り付けるために設計されています。

カバーが変更されたからといって、プラットフォームがそのカバーを再読み込みしたとは限りません。署名付き URL は決定的であるため、画像自体は更新されます。キャッシュされるのは、プラットフォーム側のページプレビューのコピーです。再スクレイピングするか、プラットフォームのキャッシュが切れるまで待ってください — キャッシュガイド と Facebook の強制更新 を参照してください。ページの og:image がまだテーマのものである場合、ヘルスチェックは別のプラグインまたはテーマが優先されていることを示します。

サポート

セットアップ、カバー配信、請求、製品に関する問題にはサポートをご利用ください。影響を受けているページまたは製品、期待していた動作、実際に起きたことを記載してください。ヘルスレポートを添付するのが最も早い方法です。これは非同期の製品サポートであり、ライブチャットや一般的な相談ではありません。

チケットを作成する前に、ヘルスチェックをお試しください。よくある原因(未接続、カバーを配信していない、SEO プラグインが og:image を上書きしている、プラットフォームのキャッシュが古い)を検出できます。

1ページでわかるトラブルシューティング

症状 最初に確認すること
共有リンクに画像がない ヘルスチェック → ストアフロントはog:image FastOG ですか? ページタイプは対象に含まれていますか?
プレビューに古い価格が表示される プラットフォームのキャッシュです。ライブ URL はレンダリングごとに署名されます。ページを再スクレイピングしてください
カバーの見た目が正しくない ページタイプのルール、スコープ付きルール、または商品ごとの上書き(最も具体的なものが優先されます)
ロックされた見た目が保存できない より上位のプランに属しています。ピッカーにプラン名が表示されます
評価が表示されない 商品にまだレビューがない、プランが Starter 未満、または評価スイッチがオフになっています
商品ごとの変更が反映されない 商品ごとのカバーは Pro/Scale の機能で、それ未満のプランではサーバーが保存を拒否します
WhatsApp でカバーがぼやける OG 画像のサイズ と WhatsApp のプレビュー を参照してください

無料で試す — サインアップ不要

動的OG画像を数秒でプレビューおよびテスト。

無料のOG画像テスターを開く