how do i preview my website before publishing it?

web · 2026-09-13 · 3 min

previewing is the difference between hoping and knowing. before a site goes live, you want a url you can open on your phone, send to a colleague, and click through without the public seeing it. there are three ways to get one, and they cost different amounts of money and attention.

the principle is simple: the preview must be the same build as the live site, or you are testing something else.

the three kinds of preview

on wordpress, many hosts offer a staging environment with one click: a copy of the site on a separate address, often behind a password. if your host does not, plugins like wp staging do the same. the catch is that staging and live drift apart: content added on live does not appear on staging unless you push it.

on netlify and vercel, every branch or pull request gets a preview url automatically. this is the most honest preview, because it is the same build pipeline that will publish. you can password-protect it or leave it unindexed.

on a builder like wix or squarespace, the editor itself is the preview, plus a "view site" link. it is convenient and less accurate: it does not always show the mobile version, the real fonts or the form behavior.

what to test, in order

open the preview on a phone, on mobile data. tap the menu, fill the form, send it. check the confirmation message and the email that arrives.

then the boring list: every link, the 404 page, the page titles, the images on a slow connection, and the longest text you have. read the copy out loud once; it is the fastest edit you will make.

ask one person who is not you to find the contact page. watch where they hesitate. that is the real bug report.

the mistakes

the classic one is a preview that gets indexed: google finds the staging url, and now two versions of your site compete. add a noindex tag or a password, and check it after the first week.

the second is leaving the preview public after launch, with an old price or an old phone number. delete it, or at least put it behind a password, the day the real site goes live.

faq

can i preview a site without a staging server?

yes. a local copy plus a tunnel (ngrok, cloudflare tunnel) gives you a shareable url, and a netlify or vercel preview does it without any server at all.

will the preview show up on google?

only if it is public and indexable. a password or a noindex header prevents it; check with a site search after a few days.

how long should i keep the preview?

until the live site has been stable for a week. then delete it or lock it, so nobody edits the wrong copy.