上線與獲客:沒人知道等於不存在

寫出 Hero Section 文案

先不管設計,打開一個文件套公式寫出你的文案:

[一句話 Hero]
格式:幫 {目標對象} 把 {痛點} 變成 {具體成果},不用 {門檻}。

範例:幫文字工作者把腦中散落的靈感變成結構清晰的文章草稿,不用學複雜的 AI 工具。

[主 CTA 按鈕文字]
格式:動詞 + 具體行動 + 消除風險

範例:「免費生成我的第一篇草稿」(不是「免費試用」)

[問題展開——3-4 句描述用戶現況]
範例:每次要寫文章,你的桌面上都有三個開著的草稿、七八條貼了又撕的便利貼……

寫完之後把你的文案丟給 AI 評估:

我正在寫一個 {產品名稱} 的 landing page Hero Section。
目標用戶是 {描述}。

以下是我目前的文案:
{貼上你的文案}

請從以下角度評估並改寫:
1. 用戶能在 5 秒內知道這是給他的嗎?
2. CTA 有具體行動嗎?(不能是「了解更多」)
3. 痛點描述夠具體嗎,還是太泛泛?
請給出改寫後的版本,不要只給建議。

確認文案之後,在 app/page.tsx 的 Hero 區塊照著實作。

設定 Next.js SEO metadata

在 app/layout.tsx 加入 metadataBase 和根層 metadata,確保社群分享圖片 URL 能正確解析:

// app/layout.tsx
import type { Metadata } from 'next'

export const metadata: Metadata = {
  metadataBase: new URL('https://your-domain.com'), // 換成你的正式網域
  title: {
    default: '你的產品名稱 | 一句話說清楚做什麼',
    template: '%s | 你的產品名稱',
  },
  description: '90-160 字,說清楚解決什麼問題、對誰有用——這段文字會出現在 Google 搜尋結果', 
  openGraph: {
    type: 'website',
    locale: 'zh_TW',
    url: 'https://your-domain.com',
    siteName: '你的產品名稱',
    images: [
      {
        url: '/og-image.png', // 放在 public/ 下,建議 1200×630px
        width: 1200,
        height: 630,
        alt: '圖說文字',
      },
    ],
  },
  twitter: {
    card: 'summary_large_image',
    creator: '@你的X帳號',
  },
  robots: {
    index: true,
    follow: true,
  },
}

動態頁面(例如每個用戶的報告頁)用 generateMetadata():

// app/reports/[id]/page.tsx
import type { Metadata } from 'next'

export async function generateMetadata(
  { params }: { params: { id: string } }
): Promise<Metadata> {
  const report = await getReport(params.id) // 你自己的 Supabase 查詢

  return {
    title: `${report.title} 分析報告`,
    description: report.summary.slice(0, 160),
    openGraph: {
      title: `${report.title} 分析報告`,
      description: report.summary.slice(0, 160),
    },
  }
}

接著在 app/ 根目錄建 sitemap.ts(Next.js 會自動產生 /sitemap.xml):

// app/sitemap.ts
import type { MetadataRoute } from 'next'

export default function sitemap(): MetadataRoute.Sitemap {
  return [
    {
      url: 'https://your-domain.com',
      lastModified: new Date(),
      changeFrequency: 'weekly',
      priority: 1,
    },
    {
      url: 'https://your-domain.com/pricing',
      lastModified: new Date(),
      changeFrequency: 'monthly',
      priority: 0.8,
    },
    // 部落格文章如果有的話也要加進來
  ]
}

以及 robots.ts:

// app/robots.ts
import type { MetadataRoute } from 'next'

export default function robots(): MetadataRoute.Robots {
  return {
    rules: {
      userAgent: '*',
      allow: '/',
      disallow: ['/dashboard/', '/api/'],
    },
    sitemap: 'https://your-domain.com/sitemap.xml',
  }
}

把網站 deploy 之後,到 Google Search Console 用你的網域登入,送出 sitemap URL——這是讓 Google 知道你存在的第一步。

準備 Product Hunt 發布

Product Hunt 的發布流程至少要提前兩週準備:

提前兩週:建立 Maker 身分

在 Product Hunt 上把 profile 填完整(照片、bio、連結),然後每天用幾分鐘去 upvote 和評論其他產品——不是為了刷好感,是讓你的帳號有「正常活躍」的紀錄。新帳號當天衝發布,演算法信任度低。

提前一週:準備發布素材

Product Hunt 發布清單:
□ Tagline:60 字以內,同 Hero Section 一句話
□ Description:說清楚 What/Who/Why(不超過 260 字)
□ Gallery:至少 3 張截圖(1270×760px),第一張最重要
□ 示範影片:60-90 秒 demo(可選但強烈建議)
□ First Comment:Maker 身分在自己的發布貼文下第一個留言,說產品的故事和背後動機,這個留言是 upvoter 的主要瀏覽頁面
□ 支持者名單:找 20-30 個真實使用過你產品的人,準備好發布當天傳訊息提醒

發布當天:前幾小時決定排名

Product Hunt 的發布時間是太平洋時間 00:01(台灣時間約下午 3-4 點或 4-5 點,依夏冬令時)。發布後立刻:

1. 通知你的 20-30 個支持者(一對一傳訊,不要群發——群發帳號被演算法降權)
2. 在相關社群(你的 Discord、Slack、電子報)發布
3. 自己在貼文下回覆所有留言,提升活躍度

2026 年 Product Hunt 演算法的關鍵指標是前四到六小時的 upvote 速度和留言品質,不是一整天的總數。演算法現在更會分辨真實互動與動員灌票——500 個 upvote 配 200 則有內容的留言,常常贏過 800 個 upvote 只有 30 則罐頭留言的產品。30 個在發布頭幾小時到的真實 upvote,比下午才來的 200 個有效。

社群冷啟動:三管道同步

同時間跑三個管道,互相不衝突:

管道 A:垂直社群潛水法

找到你的目標用戶聚集的 Facebook 社群、Dcard 板、Discord 伺服器。進去之後先只潛水不發文,觀察一週——了解大家在討論什麼、遇到什麼問題。

然後在有人發問你的痛點時回應,放產品連結的方式:

推薦做法:
「我之前也有這個問題,後來做了一個工具解決它,你可以免費試試:https://your-domain.com
用了再告訴我哪裡還不夠好。」

避免做法:
「推薦我的新產品!功能超強! 」(廣告感太重,很多社群會直接被管理員刪文)

管道 B:一對一直接觸達

打開你的 LinkedIn/Facebook 聯絡人,過濾「可能有你解決的問題」的人,寫個人化訊息:

[名字] 你好,

我知道你之前在 {公司/職位} 一定常常需要 {做某件事}。我最近做了一個工具專門解決這個問題,現在還在 beta 階段免費用——

[產品連結]

如果有空試試,給我 2-3 句真實感想就好,對我超有幫助。

目標:一週發出 30-50 則訊息,預期 5-10% 回應率,能拿到 3-5 個真實用戶回饋和 testimonial。

管道 C:內容行銷埋長尾

這是呼應本課程寫作課的部分。寫一篇「How I」文章——不是「我做了一個產品」的廣告文,而是「我用 AI 解決 X 問題的過程」:

標題範例(選其中一個方向):
- 「我把合約審閱從 3 小時壓到 20 分鐘的完整過程」
- 「為什麼我放棄 ChatGPT,自己做了一個更精準的合約工具」
- 「法律文件 AI 化:我踩的三個坑和最終做法」

發布平台:Medium(英文)、方格子(台灣繁中)、自己的部落格。文章末尾放一句 CTA:「我把這套做法包成工具了,這裡可以直接用:{連結}」。

設定轉換漏斗追蹤

沒有數據就不知道哪個管道有效、哪個 landing page 段落讓人離開。用免費工具設定最基礎的漏斗:

Vercel Analytics(免費)

在 app/layout.tsx 加:

npm install @vercel/analytics

// app/layout.tsx
import { Analytics } from '@vercel/analytics/react'

export default function RootLayout({ children }) {
  return (
    <html lang="zh-TW">
      <body>
        {children}
        <Analytics />
      </body>
    </html>
  )
}

這樣就能在 Vercel Dashboard 看到頁面瀏覽量和來源。

PostHog 追蹤轉換事件(免費方案 100 萬事件/月)

PostHog 可以追蹤「點了 CTA 按鈕」、「完成第一次 AI 分析」這類具體行動:

npm install posthog-js

// lib/posthog.ts
import posthog from 'posthog-js'

export function initPostHog() {
  if (typeof window !== 'undefined') {
    posthog.init(process.env.NEXT_PUBLIC_POSTHOG_KEY!, {
      api_host: 'https://app.posthog.com',
      capture_pageview: false, // 自己控制
    })
  }
}

// 在要追蹤的按鈕上:
export function trackEvent(name: string, properties?: Record<string, unknown>) {
  posthog.capture(name, properties)
}

在 CTA 按鈕加追蹤:

// components/CTAButton.tsx
import { trackEvent } from '@/lib/posthog'

export function CTAButton() {
  return (
    <button
      onClick={() => {
        trackEvent('cta_clicked', { location: 'hero', plan: 'free_trial' })
        // 原本的導航邏輯
      }}
    >
      免費生成我的第一篇草稿
    </button>
  )
}

你要追蹤的關鍵轉換點:

• 訪客 → 點 CTA:健康目標 5–15%
• 點 CTA → 完成註冊:目標 40–60%
• 完成註冊 → 完成第一次核心操作(activation):目標 30–50%
• 完成核心操作 → 付費:目標 5–15%

如果哪一層掉太多,就是那個環節出問題——landing page 文案、onboarding 流程、或付費牆設定。

制定發布計畫並執行第一波

把上面所有步驟整理成一份時程表,避免上線當天手忙腳亂:

上線前兩週:
□ Landing page 文案定稿(Hero 文案套公式)
□ SEO metadata 全部設定完成,本機 build 過
□ PostHog 追蹤事件確認觸發正常
□ Product Hunt Maker profile 完整、開始每日活躍
□ 列出 20-30 個支持者名單,確認他們有 PH 帳號

上線前一週:
□ 部署到正式網域,確認所有功能線上正常
□ Google Search Console 送出 sitemap
□ 準備 Product Hunt 發布素材(截圖/Tagline/Description/First Comment)
□ 開始垂直社群潛水,觀察討論

發布當天(Product Hunt 太平洋時間 00:01):
□ 送出 Product Hunt 發布
□ 一對一通知支持者清單
□ 在自己的電子報/社群發布
□ 每隔 1 小時回覆 PH 上的留言
□ 監控 PostHog 轉換漏斗

發布後一週:
□ 分析各管道帶來的用戶數量和品質
□ 收集 3-5 個用戶的真實 testimonial
□ 把表現最好的管道加倍投入
□ 根據用戶回饋更新 landing page 文案

執行第一波最重要的心態:不要等「準備好了再上」。90% 可用的產品 + 50% 準備好的行銷,遠比 100% 的產品等到「行銷完美」好——因為後者永遠不會來。