🌐 Lesson 7.2: Notion Sites — Publish a Website from a Page

Here's a small piece of magic: a page you already built in Notion can become a real website that anyone on the internet can visit. No web hosting, no code, no separate app. In this lesson you'll publish a page as a Notion Site, get a shareable address, add navigation, tune a couple of SEO settings — and understand exactly where the free features stop and the paid ones (like a custom domain) begin.

📚 What You'll Learn

By the end of this lesson, you will be able to:

Explain the difference between a simple "share to web" link and a full Notion Site
Publish a page as a website and understand the notion.site URL you get
Set up basic site navigation, appearance/theme, and SEO options like search indexing and a page title/description
Tell honestly which capabilities are Free and which need a Paid plan (custom domain, removing Notion branding, advanced features)
Choose the right use case — portfolio, docs, link-in-bio, small blog — and know the limitations before you commit

⏱️ Estimated Time: 50 minutes

🎯 Project: Publish a page as a live site, give it a proper title and icon, and adjust a search-indexing/SEO setting so you control how it shows up.

In This Lesson

Share Link vs. a Real Site

Back in Lesson 6.1 you learned to share a page to the web — flip a toggle and anyone with the link can view it. That's perfect for handing someone a single document. But it's a bare page: a long notion.so/… link, no navigation, no branding control, and not really meant to be found or browsed like a website.

Notion Sites is the grown-up version of that idea. It takes the same pages you've been building and dresses them up as an actual website: a cleaner address, a navigation bar, theme and appearance controls, and settings for search engines. Same content, website clothes.

📖 Definition

Notion Site: A Notion page (and, optionally, all its sub-pages) published as a public website, with a shareable web address, navigation, appearance settings, and SEO controls. The page you edit and the page visitors see are the same page — you edit in Notion, and the live site updates.

Feature	Share to web (Lesson 6.1)	Notion Site (this lesson)
Address	Long `notion.so/…` link	Cleaner `your-name.notion.site` (custom domain if paid)
Navigation bar	None	Yes — link to sub-pages, add menu items
Search engine indexing	Limited / off	You control it (SEO settings)
Appearance / theme	Basic	Theme, fonts, appearance options
Best for	Handing someone one page	A site people browse: portfolio, docs, blog

🧠 Mindset

"Building a website" sounds like a weekend project with domains and hosting and things that break. Not here. If you can write a Notion page — and you've written dozens by now — you can publish a website. The scary part was never the page; it was all the plumbing, and Notion handles the plumbing. You already did the hard part in the earlier modules.

🚀 Publishing a Page as a Site

The whole flow lives behind the Share button in the top-right of any page. Click it, then look for the Publish (or "Site") tab. Here's the settings panel you'll be working in:

🌐 Publish to web

🔗 Site URL jordan-designs.notion.site

🏷️ Custom domain Paid

🧭 Navigation On

🔍 Search engine indexing On

🎨 Theme Light Dark Auto

👤 Duplicate as template Off

The steps

Open the page you want as the home of your site.
Click Share → Publish.
Toggle publishing on. Notion generates your address.
Copy the link, open it in a new tab (or an incognito window), and you're looking at your live site.

🔗 About that `notion.site` URL

When you publish, you get a free web address that looks like your-workspace.notion.site or a specific page address under it. You can usually customize the subdomain part (the bit before .notion.site) to something tidy like jordan-designs.notion.site. That address is free and real — you can put it on a business card today.

Any sub-pages of your published page come along for the ride and become pages of your site, which is how one published page turns into a multi-page website.

graph TD A["📄 Your Notion page"] --> B["Share ▸ Publish"] B --> C["🌐 Live site at
name.notion.site"] A --> D["📄 Sub-pages"] D --> E["Become site pages
reachable via navigation"] C --> F["🌍 Anyone with the link
can visit"] E --> C

⚠️ Published means public

A published site is visible to anyone with the link, and if indexing is on, to search engines too. Double-check the page (and its sub-pages) for anything private before you publish — a stray note, a draft, a personal address. When in doubt, move private sub-pages out first.

🧭 Navigation, Theme & Appearance

A single page is a page; a site lets people move around. Notion Sites gives you a few controls to make that feel intentional.

Navigation

Turn on a navigation bar so visitors can jump between your main pages.
Choose which sub-pages appear as menu items and in what order.
Your site's icon and title (the page icon and name) show up in the browser tab and at the top — set a real title and a nice emoji or image icon; it's the first thing people see.

Theme & appearance

Pick Light, Dark, or Auto (follow the visitor's device).
Basic appearance/font options give the site a consistent look.
Everything you already know about blocks — headings, columns, images, callouts, dividers — is your web design toolkit. A well-structured page is a well-structured site.

💡 Design tip: structure beats decoration

You don't need fancy styling to look professional. Clear headings, a cover image, a good icon, short paragraphs, and a logical order of sub-pages will read as "polished." The most common mistake is a wall of text with no headings — add headings and columns and the same content instantly looks like a designed site.

🔍 SEO, Indexing & Analytics

SEO — search engine optimization — is just "helping search engines understand and show your page." Notion Sites exposes the essentials without you touching any code.

The settings that matter

Search engine indexing (on/off). On means Google and others are allowed to list your site in results. Off means "public if you have the link, but please don't index me" — great for a portfolio you share deliberately but don't want strangers stumbling onto.
Page title & description (meta). This is the text that shows in a search result and when your link is shared on social media or in a chat. A clear title and one-sentence description dramatically improve how your link looks. If you leave it blank, the page name and first bit of text are used.
Preview image. The image that appears when your link is pasted somewhere — often your cover image.

💡 The 30-second SEO win

Set a clear page title and a one-line description, decide whether you want indexing on or off, and add a cover image. That's 90% of the SEO most personal sites ever need. Don't overthink the rest.

📈 Analytics

Depending on your plan, Notion Sites can show basic analytics — how many people visited, which pages, over time. It's a simple dashboard, not a full analytics suite, but it's enough to answer "is anyone actually visiting?" More detailed analytics tend to sit on higher plans Paid.

⚠️ Indexing isn't instant

Turning indexing on doesn't put you on Google's front page tomorrow. Search engines crawl on their own schedule, and ranking depends on many things outside Notion. Indexing on/off just controls permission to be listed, not position.

💳 Free vs. Paid — and the Limits

The honest breakdown, because "you can publish a free website" is true but has edges.

What's free

Publishing a page as a site on a your-name.notion.site address Free
Sub-pages, navigation, light/dark theme, and the basic SEO settings (title, description, indexing on/off)
Your content updating live whenever you edit the source page

What typically needs a paid plan

A custom domain (e.g. jordandesigns.com instead of .notion.site) Paid
Removing Notion branding / the "Made with Notion" mark Paid
Advanced site features and more detailed analytics — often higher tiers Business

⚠️ Prices and tier boundaries move

Which exact feature sits on which plan changes over time, and a custom domain also means buying the domain name itself from a registrar (separate cost). Don't take a fixed number from this page — check notion.com/pricing and notion.com/product/sites for what's current.

🎯 Good use cases

Portfolio — show your work, with a page per project.
Docs / knowledge base — public help pages or a wiki (Notion's own docs feel is a natural fit).
Link-in-bio — one tidy page of your links for social profiles.
Small blog or landing page — a simple site you update by editing a page.

🚧 Honest limitations

It's not a full website builder — no deep custom CSS, no arbitrary layouts, limited control over exact styling.
Interactive Notion features (editing databases, checking boxes) are read-only for visitors — a Site is for showing, not for public interaction.
Heavy, complex sites or e-commerce belong on dedicated platforms. Notion Sites shines for content sites you want to maintain quickly.

✅ The bottom line

For a portfolio, docs, or a simple personal site you'll actually keep up to date, Notion Sites is genuinely great and free to start. The moment you want your own domain name or want to drop the Notion branding, you're into a paid plan — a fair trade for many, unnecessary for others. Start free, upgrade only if a specific limit bites.

🎯 Project: Publish Your First Site

Time to put something of yours on the actual internet. Pick a page that's safe to make public — a portfolio, an "about me," a resource list, or a page you build fresh for this. Nothing private.

🏋️ Publish, title, and tune one SEO setting

Objective: Get a live notion.site address you can share, presented deliberately.

Instructions (about 15 minutes):

(3 min) Choose or create a public-safe page. Give it a clear title and a nice icon (emoji or image).
(3 min) Click Share → Publish and turn publishing on. Customize the subdomain to something tidy if you can.
(3 min) Add at least one sub-page and turn on navigation so it appears in the menu — now it's a real multi-page site.
(3 min) Open the SEO/indexing settings. Set a title and a one-line description, and consciously choose indexing on or off. Know why you chose it.
(3 min) Open the live URL in an incognito window to see it as a stranger would. Fix anything that looks off — and confirm nothing private leaked in.

💡 Hint — a simple site structure

🏠 Home (published page)
   ├─ 👤 About
   ├─ 💼 Work / Projects
   └─ ✉️ Contact

Four pages, one nav bar, and you have a clean personal site. Add a cover image to the home page for instant polish.

✅ Project Completion Checklist

A page is published and reachable at a live notion.site URL
It has a clear title and an icon
At least one sub-page appears via the navigation bar
You set a title/description and made a deliberate indexing choice
You viewed it logged-out (incognito) and confirmed nothing private is exposed

🎯 Quick Quiz

Question 1: What's the main difference between "share to web" and a Notion Site?

Question 2: Which of these typically requires a paid plan?

Best Practices for Notion Sites

✅ Do's

Check for private content in the page and every sub-page before publishing.
Set a real title, description, and icon. They control how your link looks everywhere.
Preview logged-out (incognito) to see the true visitor experience.
Start free. Only pay when a specific limit (custom domain, branding) actually blocks you.

❌ Don'ts

Don't publish databases you edit privately without checking what's exposed — visitors see the data.
Don't expect a full website builder. No deep custom CSS or arbitrary layouts.
Don't assume indexing-on means instant Google ranking. It's permission, not position.
Don't buy a plan "just in case." Upgrade when you hit a real wall.

📓 Learning Journal

Keep a learning journal — the best place is inside your own Notion. After each lesson, take a few minutes to write down:

Key concepts you learned
Techniques that clicked for you
Questions or confusion points to revisit
Ideas you want to try
Your progress and feelings about learning this

✍️ This lesson's prompt: What would you put on a public site of your own — a portfolio, a link-in-bio, a set of docs? Paste your live notion.site URL into your journal and write one thing you'd improve before sharing it widely.

📝 Lesson Summary

🎓 Key Takeaways

Notion Sites turns a page (and its sub-pages) into a real public website — same content, website clothes.
You get a free your-name.notion.site address, navigation, theme, and basic SEO (title, description, indexing on/off).
A custom domain and removing Notion branding need a Paid plan — check notion.com/pricing.
It's superb for portfolios, docs, link-in-bio, and small blogs — but it's not a full website builder, and published means public, so check for private content first.

🎉 What You've Accomplished

You just published a website. A real one, at a real address, that anyone can visit — built entirely from skills you already had. Most people think putting something on the internet requires a developer; you now know it can take ten minutes and zero code. That's a genuinely useful superpower.

❓ Common Questions at This Stage

Is a Notion Site really free?

Yes — publishing to a your-name.notion.site address with navigation and basic SEO is free Free. A custom domain and removing the Notion branding require a paid plan. Check notion.com/pricing for current details.

Can I use my own domain name?

Yes, on a paid plan Paid — and you also need to buy the domain itself from a registrar (a separate cost). Once connected, your site lives at your own address instead of .notion.site.

Will people be able to edit my page if I publish it?

No. A published Site is read-only for the public — visitors can view and click around but can't edit your pages, check your boxes, or change your databases. Editing still happens only in your Notion workspace by people you've shared with.

🔭 Looking Ahead

Sites let people read your Notion. Next, Notion Forms lets people send data into your Notion — you'll build a form whose submissions land as rows in a database, closing the loop from "publish out" to "collect in."

✅ Before the Next Lesson

Keep your published site URL handy — you'll reference it later
Think of something you'd like to collect from people (RSVPs, requests, feedback)
Write your Learning Journal entry for this lesson

📚 Additional Resources

🌟 Encouragement for the Journey

You crossed a line today: your Notion isn't just yours anymore — a piece of it lives on the open web, on your terms, at an address you can hand to anyone. That's a bigger deal than it feels like. Next we'll let the world write back to you. 🌐