이 페이지의 코드가 시작되지 않았습니다.

index.html을 폴더에서 바로 열면 브라우저가 JavaScript 모듈을 막습니다. 그래서 a cover photo 골라도 아무 일도 일어나지 않아요. 폴더를 http로 띄워서 여세요: 

powershell -ExecutionPolicy Bypass -File serve.ps1

그런 다음 http://localhost:8080/을 여세요.

Business Profile Preview — see your Google listing before it goes live

Type it, and it becomes the card Google would draw. Nothing is sent to draw it.

한국어
소스 보기
profiles and the pictures of them 절대 업로드되지 않습니다. 서버가 아예 없으니까요.

Every field you type is drawn into a picture by about a thousand lines of JavaScript in this page that you can read, and there is no step in that which contacts anybody. Not to look your business up, not to check an address, not to draw a star. This tool has no network feature of any kind — which matters here because a business profile is a home address as often as it is a shopfront, and a telephone number that goes to somebody's own phone.

실시간 확인: 확인 중…

오프라인: 확인 중…

Don't take our word for it: open DevTools, watch the Network tab, and type your address and phone number into the boxes. Not one request carries a character of them. Or unplug from the internet and make the whole mock-up anyway.

Already have a listing? Start from it

This page cannot go and fetch your profile — it has no way to contact anybody, which is the point of it. So bring the profile here instead: open your listing on Google, select it, copy it, and paste it below. Whatever is recognised is filled in and reported back field by field, so a wrong guess is visible rather than quietly signed off.

Names, ratings, categories, addresses, phone numbers, websites and a full week of opening hours are recognised. Photographs are not: a picture cannot travel through a clipboard as text, so add yours in step 1.

A saved profile is the JSON this page writes from step 4. It also reads a location straight out of a Google Business Profile API export — the title, storefrontAddress, regularHours shape — which is what an export of your own listing looks like.

1 Describe the business

Every box here is a field Google shows somewhere, and the preview at the foot of the page redraws as you type. The two worth the most attention are the name and the category: the name is the only field that is cut short on all three surfaces, and the category is the line a search result has room for when it has room for nothing else.

Primary category One line, in Google's own words for it — this is the phrase most searches actually match against. The box suggests about two hundred of the everyday ones as you type, and takes anything: Google's own list runs to roughly four thousand and is the only authority on which of them you may pick.

Leave the rating and the review count empty and the card shows what a new listing shows: a line saying there are no reviews yet, rather than five empty stars. That is deliberate — five empty stars is what one star looks like at a glance, and this page exists so that nothing about your own listing surprises you.

Attributes Separated by commas — Dine-in, Takeaway, Wheelchair accessible. Six is as many as a card shows.

Attributes Read here, in this page, and redrawn small enough to sit inside the picture. It never leaves your machine, and whatever the file recorded about where and when it was taken is gone the moment it is redrawn.

Cover photo

2 Where it is, and how to reach it

These three decide which buttons the listing gets. No address, no Directions; no website, no Website; no phone number, no Call. It is the fastest thing to check on the preview and the one most often missing from a real profile.

Address On one line, the way a listing prints it.

This business visits its customers A plumber, a mobile groomer, a delivery-only kitchen. Google shows the area served instead of a street address, and the box above becomes that area.

Website Shown without its https:// or its www., which is how a listing prints it.

3 When it is open

The one line on a listing that changes by itself. Fill the week in and the preview works out what it says at this moment on your own clock — Open · Closes 9 PM, or Closed · Opens 9 AM Tue — which is the only way to find out what somebody looking you up on a Sunday evening is told.

4 Look at it, then take it away

The same profile, cut to three different lengths. Switch between them: what fits in the knowledge panel is not what fits in a search result, and the search result is where a business is found by people who did not know its name.

The type on the real thing is Google Sans, which is not a font on your machine, and the layout moves with every release — so treat the spacing as an approximation. What is exact is the part worth previewing: how much of each field survives the width it is given.

A drawing, not a screenshot. Not made by, endorsed by or connected to Google.

Markdown으로 보기

How to preview a Google Business Profile before it goes live
  1. Start from the listing you already have, if there is one. Open your business on Google, select the whole card — the name, the stars, and the lines under them — copy it, and paste it into the fold at the top of this page. The name, category, rating, review count, address, phone number, website and a full week of opening hours are all recognised, and the page reports back exactly which of them it filled in so that a wrong guess is visible rather than quietly signed off. A Business Profile API export opens too, if you have one.
  2. Get the name and the category right first. They carry more weight than everything else together. The name is the only field cut short on all three surfaces, and the search result is where it is cut shortest — so a name with the town and the trade bolted onto the end reads as an ellipsis to the people most likely to be looking. The category is the line a local result has room for when it has room for nothing else, and it is the phrase a search actually matches against.
  3. Fill the week in, and look at what it says. The status line is the one part of a listing that changes by itself: Open · Closes 9 PM becomes Closed · Opens 9 AM Tue without anybody touching it. This page works it out from the hours and your own clock, so switching a day to closed shows you immediately what somebody looking you up that evening is told. A window that ends before it starts — 22:00 to 02:00 — is read as running past midnight, which is what a bar means by it.
  4. Check which buttons you have earned. No address, no Directions. No website, no Website. No phone number, no Call. Those three fields turn into the row of buttons under the name, and a profile missing one is a profile a reader cannot act on without going somewhere else first. It is the fastest thing to check on the preview and the most common thing missing from a real listing.
  5. Look at all three surfaces, not the first one. The same profile is cut to three different lengths. The knowledge panel is generous and is what people see when they already know your name; the phone card is what most of your visitors actually get; the local pack entry is the narrow one, and it is where somebody who has never heard of you decides between you and two competitors. A description that reads well in the first is invisible in the third.
  6. Take the picture away. The PNG comes out at the surface's own size, or at twice or three times it, which is the only enlargement that cannot move where a line broke. Take the SVG as well if it is going into a document — it is one self-contained file with the photograph inside it, so it prints sharp and carries no link to anywhere. The saved profile is the third download, and it is what to keep if you are going to come back to this.

자세한 설명

How to preview a Google Business Profile before it goes live What your Google listing will look like on a desktop search, on a phone and in the local pack: how long a name survives, why the category does more work than the description, which fields turn into buttons, and what the Open or Closed line says when nobody is watching.

자주 묻는 질문

Is this made by Google?

No. This site is not affiliated with, endorsed by or connected to Google in any way, and Google Business Profile is Google's trademark, used here only to say what the page is a preview of. What you are looking at is a drawing made in your own browser out of what you typed — not a screenshot, not a live view of your listing, and not connected to your Google account. Nothing you do here changes your real profile; to do that you have to go to Google.

Can it import my existing profile automatically?

No, and it is worth being clear about why: fetching your listing would mean this page could contact a server, and a page that can contact a server is a page that can send your fields to one. That ability is the thing this whole site is built to not have. So the import works the other way round — you copy your listing and paste it in, and the page reads what it can out of the text and tells you which fields it filled. A Business Profile API export in JSON opens directly.

Is anything I type sent anywhere?

No. There is no fetch, no XMLHttpRequest and no sendBeacon anywhere in this tool's code, and the page's Content-Security-Policy names every address it may contact, none of which belongs to this site. That matters more here than on most pages: a business profile is very often somebody's home address and a phone number that rings in their pocket.

How accurate is the mock-up?

Accurate about what fits and approximate about how it looks. The type on the real thing is Google Sans, which is not a font on your machine, and the spacing moves with every release of Search and Maps — so treat the exact pixels as an impression. What is exact is the part worth previewing: how much of your name survives at each width, whether the category still reads on the narrowest surface, and which buttons your fields have earned.

Why does my brand-new listing show no stars at all?

Because that is what Google shows, and because five empty stars is what one star looks like at a glance. Leave the rating and the review count empty and the card says there are no reviews yet, which is the honest preview of a profile nobody has reviewed. Put a number in both and the stars appear, filled by the fraction the number actually is — a 4.6 is four stars and three fifths of a fifth, not five.

What does the Open or Closed line actually depend on?

The week you filled in, and the clock on the machine you are reading this on. There is no time zone field, because a listing does not have one either: Google shows a visitor the status in the business's own local time, and the closest this page can get to that without asking anybody anything is your clock. So the line here is exactly right if you are in the same time zone as the business, and shifted if you are not — which the page says under the week rather than leaving you to find out.

Can I use the picture in a proposal, a pitch deck or a client report?

Yes. There is no watermark, no account, no limit on how many you make, and nothing in the file that points back here. It is your own fields drawn into a picture on your own machine. The one thing worth saying to whoever receives it is what it is — a mock-up of how a listing would look — because a drawing this recognisable is easy to mistake for a screenshot of something that already exists.

What is the difference between the three previews?

Width, and therefore how much survives. The knowledge panel is the tall card on the right of a desktop search for your name: the most generous, and the one you see when you look yourself up. The phone card is what most of your visitors actually get. The search result is one entry of the local pack, the three-business block with a map above it, which is the narrowest and is where somebody who has never heard of you chooses between you and two competitors.

Does the photo I add get uploaded?

No. It is decoded in this page, redrawn onto a canvas at a size the card can use, and embedded in the picture as data. Two things fall out of that: the file never leaves your machine, and everything it recorded about where and when it was taken is gone, because a canvas has no metadata. If the original matters to you, keep the original — what goes into the mock-up is a copy.

Can I save what I typed and come back to it?

Yes, as a file. Save the profile writes JSON to your disk with every field and the photograph in it, and opening that file here again puts it all back. Nothing is stored in this browser between visits and there is no account to log into, which is deliberate: a business's address, phone number and opening hours are not ours to keep.

Does it work offline?

Yes. Load the page once, then disconnect from the internet and it keeps working — the fields, the drawing, the PNG, all of it. That is also the simplest way to prove nothing is being uploaded: a tool that sent your details away to have a card drawn would stop the moment you unplugged.