このページのコードが起動しませんでした。

index.htmlをフォルダから直接開くと、ブラウザがJavaScriptモジュールを読み込めません。そのためカバー写真を選んでも何も起きません。フォルダはhttpで配信してください。

powershell -ExecutionPolicy Bypass -File serve.ps1

そのうえでhttp://localhost:8080/を開いてください。

ビジネスプロフィールのプレビュー 公開前にGoogleの表示を確認

入力するとGoogleのカードの見本になります。描くための送信はありません。

言語: 日本語
ソースを見る
プロフィールとその画像がアップロードされることはありません。サーバーが存在しないからです。

このページの公開された約1000行のJavaScriptが入力した内容を画像にします。ビジネスの検索、住所の確認、星の描画を含め、外部に接続する処理はありません。プロフィールには店の住所だけでなく自宅や個人の電話番号も入るため、通信機能を持たないことが大切です。

いまの通信: 確認中…

オフライン: 確認中…

開発者ツールのネットワークタブを見ながら住所や電話番号を入力してください。その1文字も運ぶリクエストはありません。通信を切って見本全体を作ることでも確かめられます。

リスティングがあるなら、そこから始める

このページには外部への接続機能がなく、プロフィールを取得できません。Googleで自分のリスティングを開き、選択、コピーして下へ貼り付けてください。認識した値を入力し、項目ごとに報告するので、誤った推定も見えます。

名前、評価、カテゴリ、住所、電話番号、ウェブサイト、1週間の営業時間を認識します。写真は文字のクリップボードから渡せないので、手順1で追加してください。

手順4で保存するJSONを開けます。GoogleビジネスプロフィールAPIの拠点データの書き出しにも対応します。title, storefrontAddress, regularHoursという構造が、自分のリスティングの書き出しです。

1ビジネスを説明する

各欄はGoogleがどこかで表示する項目で、入力すると下のプレビューが更新されます。特に名前とカテゴリを確認してください。名前は3つの表示すべてで省略され、カテゴリは検索結果にほかの情報が入らないときにも残る行です。

メインカテゴリ Googleで使われる言葉の1行です。多くの検索がこの語句に対応します。よく使う約200件を入力中に候補として示しますが、任意の文字を使えます。実際のGoogleの一覧は約4000件で、選べる項目の基準はその一覧です。

評価とクチコミ数を空にすると、新しいリスティングと同じ「クチコミはまだありません」の行を表示します。空の星5つは一見1つ星に見えるため表示しません。実際のリスティングで予想外の見え方を避けるためです。

属性 コンマで区切ります。例:店内飲食, テイクアウト, 車椅子対応。カードに表示するのは最大6件です。

属性 このページで読み、小さく描き直して画像内に収めます。端末からは出ず、撮影日時や場所の情報は描き直した時点でなくなります。

カバー写真

2所在地と連絡先

この3つがボタンを決めます。住所がなければ経路、ウェブサイトがなければウェブサイト、電話番号がなければ電話のボタンはありません。プレビューですぐ確認でき、実際のプロフィールでも抜けやすい項目です。

住所 リスティングで表示するように1行で入力します。

出張サービスのビジネスです 配管工、訪問トリマー、配達専門の店などです。Googleは住所ではなく対応地域を表示し、上の欄もその地域を入力する欄になります。

ウェブサイト 表示ではhttps://やwww.を省きます。リスティングと同じ表示です。

3営業時間

リスティングの中で自動で変わる行です。1週間を入力すると、端末の現在時刻から表示を計算します。例:営業中 · 午後9時に閉店、または営業時間外 · 火曜日の午前9時に開店。日曜日の夜に探す人に何が見えるかを確認できます。

4確認して保存する

同じプロフィールを3つの長さで表示します。パネルに入る情報が検索結果にも入るとは限りません。名前を知らない人が見つけるのは検索結果なので、切り替えて確認してください。

実際の画面は端末にないGoogle Sansを使い、レイアウトも更新で変わるため、間隔は近似です。正確に確認できるのは、与えられた幅に各欄のどこまでが収まるかです。

画面の撮影ではなく描画です。Googleが作成、承認、提携したものではありません。

Markdownで表示

Googleビジネスプロフィールの公開前の表示を確認する手順

  1. 既存のリスティングがあれば、そこから始めます。Googleで自分のビジネスを開き、名前、星、その下の行を含むカード全体をコピーして、ページ上部へ貼り付けます。名前、カテゴリ、評価、クチコミ数、住所、電話番号、ウェブサイト、1週間の営業時間を認識し、入力した項目を報告するので、誤った推定を確認できます。APIの書き出しも開けます。
  2. まず名前とカテゴリを確認します。特に重要な2つの項目です。名前は3つの表示すべてで省略され、検索結果では最も短くなります。末尾に町名や業種を足すと、探す人には省略記号になることがあります。カテゴリは狭い地域検索にも残る行で、検索する語句に対応します。
  3. 1週間を入力し、表示を見ます。営業状態は触らなくても営業中 · 午後9時に閉店から営業時間外 · 火曜日の午前9時に開店へ変わります。端末の時計と営業時間で計算し、休業日にすればその夜の表示を確認できます。22:00から02:00のように終了が開始より前なら、翌日までの営業と扱います。
  4. 表示されるボタンを確認します。住所がなければ経路、ウェブサイトがなければウェブサイト、電話番号がなければ電話はありません。この3つがボタンになり、欠けると読者は別の場所で探す必要があります。すぐ確認でき、実際にも抜けやすい情報です。
  5. 3つの表示をすべて見ます。同じプロフィールでも長さが違います。名前を知る人が見るパネルは広く、電話のカードは多くの訪問者が使い、地域検索は狭くて競合と比較する場所です。パネルで読める説明も検索結果では見えません。
  6. 画像を保存します。PNGは実寸、2倍、3倍で保存し、改行位置を保ちます。書類に入れるなら写真を内包したSVGも保存できます。鮮明に印刷でき、外部へのリンクはありません。また使うなら、3つ目の保存であるプロフィールのJSONも残してください。

詳しい解説

公開前にGoogleビジネスプロフィールをプレビューする方法 Googleの掲載がデスクトップ、スマートフォン、ローカルパックでどう見えるか。名前がどこまで残るか、説明文よりカテゴリが働く理由、ボタンになる項目、見ていない時間の営業状況を説明します。

よくある質問

Googleが作ったものですか?

いいえ。このサイトはGoogleと提携、承認、関係を持ちません。GoogleビジネスプロフィールはGoogleの商標で、対象を説明するために使っています。画面の撮影や実際のリスティングではなく、入力内容からブラウザで描いた見本です。Googleアカウントに接続せず、実際のプロフィールは変更しません。変更はGoogleで行ってください。

既存のプロフィールを自動で取り込めますか?

自動取得はできません。サーバーへ取得できるページは入力内容を送信もできるため、このサイトはその能力を持たせていません。リスティングをコピーして貼り付けると、読めた内容を入力して項目を報告します。APIから書き出したJSONも直接開けます。

入力内容は送信されますか?

いいえ。コードにfetch、XMLHttpRequest、sendBeaconはなく、Content-Security-Policyの接続先にこのサイト自身のものはありません。自宅の住所や個人の電話番号を含むことの多いプロフィールなので、特に大切な性質です。

見本はどの程度正確ですか?

収まる内容は正確で、見た目は近似です。実際のGoogle Sansは端末のフォントではなく、検索やマップの更新で間隔も変わります。名前のどこまでが各幅に残るか、狭い表示でもカテゴリを読めるか、どのボタンが付くかを確認できます。

新しいリスティングに星がないのはなぜですか?

実際もそう表示し、空の5つ星は一見1つ星に見えるためです。評価とクチコミ数が空なら「クチコミはまだありません」を表示します。両方に値を入れると、4.6なら4つと5つ目の5分の3のように、正しい割合で星を塗ります。

営業中・営業時間外は何から決まりますか?

入力した1週間の時間と端末の時計です。Googleは店の現地時間で表示し、ここでは外部に聞かずに近づけるため端末の時計を使います。同じ時間帯なら正しく、違えばずれます。そのことを営業時間の下で説明します。

提案書、スライド、報告書に使えますか?

はい。透かし、アカウント、作成数の制限、このサイトへのリンクはありません。自分の情報を自分の端末で描いた画像です。実際の画面の撮影と誤解しやすいので、渡す相手にはリスティングの見本であることを伝えてください。

3つのプレビューの違いは何ですか?

幅と、それによって残る情報が違います。ナレッジパネルはパソコンで名前を検索したとき右側にある広い縦長のカード、電話のカードは多くの訪問者が見る表示です。検索結果は地図の下の3件の地域検索の1件で、最も狭く、知らない人が競合と比較する場所です。

追加した写真は送信されますか?

いいえ。ページ内でデコードし、カードに合う大きさへキャンバスで描き直し、データとして画像内に埋め込みます。ファイルは端末から出ず、キャンバスにメタデータはないため撮影日時や場所の記録もなくなります。見本はコピーなので原本を残してください。

入力を保存して後で続けられますか?

はい。プロフィールを保存で全項目と写真を含むJSONをディスクに書き、ここで開き直すと戻ります。訪問の間にブラウザへ保存せず、アカウントもありません。住所、電話番号、営業時間をサイトが保持する必要はないためです。

オフラインでも動きますか?

はい。一度開いて通信を切っても、入力、描画、PNG保存のすべてが動きます。情報を別の場所へ送って描画するツールなら止まるので、送信しないことの確認になります。