12 Brief Landing Page

Brief Landing Page

1 page = 1 goal = 1 CTA. Khong menu, khong link ngoai, khong xao nhang.

Thu thap thong tin

Hoi user toi da 4 cau:

1. San pham/dich vu gi? Mo ta ngan + gia ban + doi tuong muc tieu.
2. Muc tieu landing page? Thu lead (form), dat lich, mua hang, dang ky?
3. Nguon traffic chinh? Meta Ads, TikTok Ads, Google Ads, organic, hay ket hop?
4. Da co asset chua? Anh/video san pham, testimonial, so lieu social proof?

Nguyen tac cot loi

1 page — 1 goal — 1 CTA

Phan bo do dai theo thiet bi

Cau truc 7 section

Section 1 — Hero (Man hinh dau tien)

Muc dich: Hook + truyen tai gia tri cot loi trong 5 giay.

Template copy:

Headline: [Ket qua mong muon] — [Thoi gian/Dieu kien]
  Vi du: "Da sang min trong 4 tuan — khong can xam lan"

Sub-headline: [Phuong phap/San pham] giup [doi tuong] [dat ket qua] ma [loai bo noi lo].
  Vi du: "Lieu trinh facial chuyen sau giup chi em van phong lay lai lan da khoe manh ma khong mat thoi gian nghi duong."

CTA: [Dong tu] + [Loi ich]
  Vi du: "Dat lich tu van mien phi"

Section 2 — Van de (Problem Agitation)

Muc dich: Goi ten dung noi dau de user cam thay "dung roi, minh dang gap van de nay."

Template:

"Ban co dang gap nhung van de nay?"

- [Pain point 1 — mo ta cu the, co tinh huong]
- [Pain point 2 — hau qua cua van de]
- [Pain point 3 — cam xuc di kem]
- [Pain point 4 — da thu cach khac nhung khong hieu qua]

"Neu ban dang gap it nhat 1 trong nhung dieu tren — [ten san pham/dich vu] la giai phap."

Section 3 — Giai phap (Solution + How it works)

Muc dich: Gioi thieu san pham/dich vu nhu cau tra loi cho van de o Section 2.

Template:

"[Ten giai phap] hoat dong nhu the nao?"

Buoc 1: [Hanh dong dau tien cua khach] → [Ket qua buoc nay]
Buoc 2: [Hanh dong tiep theo] → [Ket qua buoc nay]
Buoc 3: [Hanh dong cuoi] → [Ket qua cuoi cung]

Tai sao khac biet:
- [USP 1]: [Giai thich ngan]
- [USP 2]: [Giai thich ngan]
- [USP 3]: [Giai thich ngan]

Section 4 — Bang chung xa hoi (Social Proof)

Muc dich: Xay trust bang ket qua thuc te.

Template testimonial:

"[Ket qua cu the voi so lieu]"
— [Ten], [Nghe nghiep/Vi tri], [Thanh pho]
[Hinh anh hoac avatar]

Section 5 — Form thu lead / CTA chinh

Muc dich: Chuyen doi — day la section quan trong nhat.

Quy tac form:

• Mobile: form chiem toan bo chieu rong man hinh
• Moi truong form co label ro rang + placeholder vi du
• Button CTA cao toi thieu 48px (de bam tren mobile)
• Sau submit: hien Thank you + redirect hoac thong bao thanh cong
• Khong yeu cau email neu muc tieu la goi dien/nhan tin

Section 6 — FAQ (Xu ly phan doi)

Muc dich: Tra loi 5–7 cau hoi thuong gap de go bo ro can mua.

Dinh dang: Accordion (co/dong) — mac dinh dong tren mobile de tiet kiem khong gian.

Section 7 — Final CTA (Chot)

Muc dich: Lan cuoi keu goi hanh dong, manh me nhat.

Yeu cau ky thuat

Bang nguong hieu suat (FCP, LCP, CLS, TTI, PageSpeed mobile), bang 7 tich hop bat buoc (Meta Pixel, GA4, Google Sheets, Zalo, UTM, TikTok Pixel, GTM), doan SEO meta tag mau, va bang 3 breakpoint responsive: doc references/ky-thuat-tracking-va-ab-test.md muc "Yeu cau ky thuat".

Analytics Tracking Plan

Bang 11 su kien can track (PageView, ViewContent, 4 moc scroll depth, FormStart, Lead, ClickCTA, ClickPhone, ClickZalo) kem trigger va platform tuong ung: doc references/ky-thuat-tracking-va-ab-test.md muc "Analytics Tracking Plan".

A/B Test Plan

Lo trinh test 3 vong theo thu tu uu tien (Vong 1 headline + CTA copy · Vong 2 so truong + vi tri form · Vong 3 mau CTA + yeu to khan cap) kem bien the A/B va quy tac ket luan: doc references/ky-thuat-tracking-va-ab-test.md muc "A/B Test Plan".

Template ket qua

Khung markdown day du de copy: header + bang thong tin chung + o dien noi dung cho ca 7 section + checklist yeu cau ky thuat + 3 dong A/B test plan: doc references/template-brief-landing-page.md.

Khau BUILD — tu brief den trang HTML chay duoc

Brief xong moi la nua duong. Phan nay la khau bien brief thanh trang HTML that — dung khi tu build (Ladipage Custom HTML, file HTML tinh, hoac giao cho dev).

Tu duy: landing page khong phai de dep — de convert. Moi section phai co ly do ton tai. Bo di ma khong ai de y thi bo han.

Buoc 1 — Chon mode truoc khi viet dong code dau tien

Luat: khong bao gio nhay thang vao Production. MVP truoc → duyet huong → moi build that. Sua bo cuc o MVP mat 5 phut, sua o Production mat nua ngay.

Buoc 2 — Map section theo muc tieu (khong phai luc nao cung 7 section)

Traffic cang am, trang cang ngan. Bat nguoi da biet brand doc lai phan "van de" la ly do ho thoat.

Buoc 3 — Thu tu build cac khoi

Build theo dung thu tu nay, moi khoi xong moi sang khoi tiep:

Nen mau va typography: doc tu brand hub — [mau primary], [mau secondary], [font heading], [font body]. Neu chua co, chay 46-brand-guideline truoc. Khong tu che bang mau.

Buoc 4 — Form va tracking

<form action="[WEBHOOK_URL]" method="POST">
  <input type="hidden" name="source"     value="landing-[ten-chien-dich]">
  <input type="hidden" name="utm_source" value="">
  <input type="hidden" name="utm_medium" value="">
  <input type="hidden" name="utm_campaign" value="">
  <input type="text"  name="name"  placeholder="Ho va ten *" required>
  <input type="tel"   name="phone" placeholder="So dien thoai *" required>
  <input type="email" name="email" placeholder="Email">
  <button type="submit">Dang ky ngay</button>
</form>

• UTM tu URL phai duoc tu dong do vao hidden field — khong co buoc nay thi khong biet lead den tu camp nao.
• Fire event Lead (Meta Pixel) va event tuong ung GA4 khi submit thanh cong, khong phai khi bam nut.
• Moi field them vao form = conversion giam. Toi da 3 field bat buoc.

Chi tiet setup pixel/CAPI/UTM → 53-tracking-setup.

Buoc 5 — Conversion checklist ky thuat (truoc khi go live)

• Phan man hinh dau tien tai xong < 2 giay (do o mang 4G, khong do o wifi)
• Anh co loading="lazy" — tru anh hero
• Anh hero < 200KB, da nen, dung dinh dang toi uu
• Kiem tra o be ngang 375px — khong co thanh cuon ngang
• Headline + CTA thay ngay khong can cuon, ke ca tren mobile
• Test submit form that — data ve dung noi nhan (Sheets / CRM / webhook)
• Tat ca nut CTA va anchor scroll hoat dong
• Meta Pixel fire dung event Lead khi submit (kiem bang Events Manager)
• Da dien page title + meta description + OG image 1200x630
• Khong co menu dieu huong, khong co link dan ra ngoai trang

Buoc 6 — Timeline chuan trong chien dich

Luat: landing page luon la asset lam som nhat trong chien dich, vi moi thu khac (ads, email, Zalo) deu tro ve day. Landing page tre = ca chien dich tre.

Lien ket skill

• 09-insight-khach-hang — lay pain point va ngon ngu khach hang cho Section 2
• 05-copy-quang-cao — viet copy ads dan traffic ve landing page
• 10-tinh-kpi-nguoc — tinh conversion rate can dat va ngan sach ads tuong ung
• 02-brief-chien-dich — landing page nam trong brief chien dich tong the
• 13-phan-tich-du-lieu — phan tich hieu suat landing page sau khi chay
• 41-campaign-asset-list — landing page la 1 dong trong danh sach asset cua chien dich
• 46-brand-guideline — lay mau, font, style token thay vi tu che bang mau
• 47-design-review — gate duyet MVP o T-7 va duyet ban Production
• 49-html-email-template — cung he token va cung cach dung HTML cho email
• 53-tracking-setup — gan pixel, CAPI, UTM cho landing page
• 21-audit-ads-performance — khi CTR tot ma CPL cao, van de thuong nam o landing page

Checklist chat luong

Noi dung

• Headline Hero truyen tai loi ich trong 60 ky tu
• Moi section co 1 muc dich ro rang, khong trung lap
• Pain point dung ngon ngu cua khach hang (khong dung thuat ngu noi bo)
• Co it nhat 3 testimonial voi ten that + ket qua cu the
• Moi CTA dung dong tu + loi ich, khong dung "Click here" hay "Tim hieu them"
• Co yeu to khan cap (countdown, so luong gioi han, deadline)
• FAQ xu ly het cac phan doi chinh

Thiet ke

• Khong co navigation menu
• Khong co link dan ra ngoai trang
• Mobile layout 1 cot, font >= 16px
• CTA button mau cam, chiem full width tren mobile
• Hinh anh co alt text
• Form toi da 3 truong

Ky thuat

• Load time < 3 giay tren 4G
• Meta Pixel + GA4 da cai
• Form gui data ve Google Sheets
• Zalo thong bao khi co lead moi
• UTM params duoc luu vao form data
• OG image 1200x630 da co
• noindex, nofollow (landing page khong can SEO)

Truoc khi go live

• Test form tren mobile (iOS + Android)
• Test toc do tren PageSpeed Insights
• Kiem tra hien thi OG khi share link
• Chay thu Meta Pixel voi Events Manager
• Link CTA va anchor scroll hoat dong dung

Khi tu build HTML

• Da chon mode truoc khi build (MVP hay Production) — khong nhay thang vao Production
• MVP hoan thanh trong 30 phut va da duoc duyet huong truoc khi build that
• Thu tu section chon theo muc tieu va do am cua traffic — khong mac dinh 7 section
• Mau va font lay tu brand hub ([mau primary], [font heading]) — khong tu che
• Form co hidden field tu dong bat UTM tu URL
• Event Lead fire khi submit thanh cong, khong phai khi bam nut
• Anh hero < 200KB; anh con lai co loading="lazy"
• Kiem tra 375px khong co cuon ngang
• Landing page hoan thanh truoc khi bat ads — khong chay ads vao trang chua test