# ビジネスプロフィールのプレビュー 公開前にGoogleの表示を確認 入力するとGoogleのカードの見本になります。描くための送信はありません。 > Googleビジネスプロフィールの公開前の見え方を確認します。名前、カテゴリ、営業時間、評価、写真からパネル、電話のカード、検索結果を描きます。既存のリスティングを貼り付けて取り込み、PNGやSVGで保存できます。すべてブラウザ内で処理します。 このページは、ブラウザの中だけで動く対話型のツールです（https://abox.tools/ja/business-profile-preview/）。渡したものが送信されることはありません。以下は、このページがツールについて言葉で説明している内容のすべてです。使うには、このアドレスを開いてください。 ## プロフィールとその画像が**アップロードされることはありません**。サーバーが存在しないからです。 このページの公開された約1000行のJavaScriptが入力した内容を画像にします。ビジネスの検索、住所の確認、星の描画を含め、外部に接続する処理はありません。プロフィールには店の住所だけでなく自宅や個人の電話番号も入るため、通信機能を持たないことが大切です。 - ✗ アップロードなし - ✗ アカウント不要 - ✗ 透かしなし - ✓ オフラインで動作 - ✓ ソース公開 ## 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ビジネスプロフィールをプレビューする方法](https://abox.tools/ja/guides/preview-a-google-business-profile/): Googleの掲載がデスクトップ、スマートフォン、ローカルパックでどう見えるか。名前がどこまで残るか、説明文よりカテゴリが働く理由、ボタンになる項目、見ていない時間の営業状況を説明します。 ## 箱の中のほかのツール - [画像圧縮ツール](https://abox.tools/ja/compress-image/): サイズを指定するだけ。あとは自動で探します。 - [画像リサイズツール](https://abox.tools/ja/resize-image/): サイズを指定し、枠を描き、形式を選ぶ。それだけです。 - [HEIC→JPG変換ツール](https://abox.tools/ja/heic-to-jpg/): iPhoneが作る写真を、どこでも開ける形式に。 - [WebPをJPGに](https://abox.tools/ja/webp-to-jpg/): ウェブから保存した画像を、どこでも使える形式へ。 ## よくある質問 ### 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保存のすべてが動きます。情報を別の場所へ送って描画するツールなら止まるので、送信しないことの確認になります。 ## この主張を確かめる方法 - **入力内容を送る先がありません。** Content-Security-Policyにはこのページが接続できるアドレスがすべて書かれていますが、このサイト自身のものはありません。住所や電話番号を収集する受け口も、送信するコードもありません。 - **外部から何も取得しません。** `src/`に`fetch`、`XMLHttpRequest`、`sendBeacon`はありません。リスティングを検索できず、貼り付けて取り込む理由です。取得できる能力は送信できる能力でもあるため、持たせていません。 - **写真はここで読み、メタデータを除きます。** カバー写真をページ内でデコードしてキャンバスに描き直すので、大きさを抑え、撮影日時や場所の記録を除きます。見本に入るのは元のファイルではなく画像です。 - **画面の見本と同じものを保存します。** PNGは別の描画ではなく、プレビューと同じマークアップをブラウザに渡してキャンバスへ描きます。取得するフォントやリンクされた画像はなく、通信を切っても保存できる自己完結したファイルです。 - **保存はファイルで、アカウントではありません。** JSONはディスクにだけ書き、開き直したときだけ内容を戻します。訪問の間にブラウザへ保存しません。ビジネスの住所や営業時間をこのサイトが保持する必要はないからです。 - **Googleが読み込むものと、渡されないもの。** 広告と計測のスクリプトはGoogleから、寄付ボタンはBuy Me a Coffeeから読み込みます。入力内容はどれにも渡しません。入力欄を画像にするコードはすべてこのサイト自身から配信され、リポジトリで公開されています。 - **オフラインでも動きます。** 最初から通信する処理がないので、通信を切っても動作は変わりません。一番簡単な確認方法です。 **自分で確かめてください。**以上のどれも、鵜呑みにする必要はありません。このページは、リポジトリにあるテンプレートと設定から、誰でも読んで実行できるビルドスクリプトが生成しています。その結果は`dist`ブランチに置いてあるので、配信されているものと、ソースをビルドした結果とを差分で比べられます。 https://github.com/A-Box-of-Tools/website まず読むとよいのは、Content-Security-Policyについては`config/site.toml`、3つのカードの全座標が書かれた`src/surfaces.js`、現在の営業状態を計算する`src/profile.js`、貼り付けたリスティングを読む`src/parse-listing.js`をご覧ください。