การสร้างเว็บไซต์ด้วย Netlify แบบ Step by Step สำหรับมือใหม่

การสร้างเว็บไซต์ด้วย Netlify ทำได้แม้คุณไม่เคย Deploy เว็บมาก่อน คู่มือนี้จะเริ่มจากสร้างไฟล์ HTML ตัวอย่าง แล้วพาขึ้นออนไลน์สองวิธี: ลากโฟลเดอร์ผ่าน Netlify Drop หรือเชื่อม GitHub เพื่ออัปเดตเว็บอัตโนมัติทุกครั้งที่ Push โค้ด

เมื่อทำครบ คุณจะมีเว็บไซต์ที่เปิดผ่าน URL https://ชื่อเว็บไซต์.netlify.app ได้จากอุปกรณ์อื่น พร้อมรู้วิธีแก้ไขเว็บ เชื่อมโดเมน เปิด HTTPS และเตรียมหน้าให้ Google ค้นพบ

พร้อมใช้ ดาวน์โหลดไฟล์เริ่มต้น: starter.zip (มี index.html ไฟล์เดียว ตรงกับตัวอย่างในบทความนี้ทุกตัวอักษร)

ต้องเติม ทดสอบจริงล่าสุด: รอเจ้าของเว็บใส่วันที่ทดสอบจริง หลังลงมือทำตามคู่มือนี้ด้วยตัวเอง

ต้องเติม เว็บไซต์ตัวอย่าง (Demo): รอเจ้าของเว็บใส่ URL จริงที่ Deploy สำเร็จ

เลือกวิธีไหนดี?

มีไฟล์ HTML พร้อมและต้องการเว็บทันที → ใช้ Netlify Drop
เก็บโค้ดบน GitHub หรือแก้เว็บบ่อย → ใช้ Deploy from Git

Netlify คืออะไร?

Netlify คือแพลตฟอร์มสำหรับ Build และ Deploy เว็บไซต์หรือเว็บแอป โดยส่งเนื้อหาผ่าน CDN เหมาะกับ HTML, CSS, JavaScript และ Static Site Generator หรือ Framework หลายชนิด เมื่อ Deploy สำเร็จจะได้ URL รูปแบบนี้:

https://ชื่อเว็บไซต์.netlify.app

URL ที่ Netlify สร้างให้ใช้ HTTPS ส่วน Custom Domain สามารถรับ SSL Certificate อัตโนมัติได้เมื่อกำหนด DNS ถูกต้อง

Netlify ใช้สร้างหน้าเว็บแบบลากวางได้ไหม?

Netlify ไม่ใช่ Visual Website Builder แบบ Canva, Wix หรือ Google Sites ในขั้นตอนหลัก คุณต้องมีไฟล์เว็บไซต์หรือ Source code ก่อน แล้วใช้ Netlify ช่วย Build และเผยแพร่เว็บ อย่างไรก็ตาม มือใหม่สามารถคัดลอกไฟล์ index.html ในคู่มือนี้เพื่อเริ่มต้นได้โดยไม่ต้องติดตั้ง Framework

สรุปสั้น ๆ:

ยังไม่มีไฟล์เว็บ: ทำตามขั้น "สร้างเว็บไซต์ตัวอย่างในเครื่อง" ก่อน
มี HTML/CSS/JS แล้ว: ไปที่ Netlify Drop ได้เลย
มี Repository: ไปที่วิธีเชื่อม GitHub
ต้องการลากวางออกแบบหน้า: ใช้ Website Builder สร้างหรือ Export ไฟล์ก่อน แล้วตรวจว่าไฟล์ที่ได้ Deploy แบบ Static ได้หรือไม่

Netlify ฟรีจริงไหม?

Netlify มี Free plan ราคา $0 เหมาะกับ Portfolio, Landing Page, โปรเจกต์เรียนรู้ และเว็บไซต์ขนาดเล็ก แผนฟรีมีโควตาการใช้งานและอาจพักโปรเจกต์เมื่อใช้ครบ Hard Limit จนกว่าจะเริ่มรอบใหม่ รายละเอียดราคาและโควตาเปลี่ยนได้ จึงควรตรวจสอบ Netlify Pricing ก่อนใช้งาน Production

คำว่า "โฮสติ้งฟรี" ไม่ได้หมายความว่าโดเมน .com หรือ .co.th ฟรี หากไม่ซื้อโดเมน คุณใช้ Subdomain .netlify.app ที่ระบบให้ได้

ก่อนเริ่ม: เลือกเส้นทางของคุณ

สถานการณ์	วิธีที่ควรเลือก	สิ่งที่ต้องมี
ยังไม่มีเว็บและอยากทดลองตั้งแต่ต้น	Netlify Drop	บัญชี Netlify และโปรแกรมแก้ข้อความ
มีโฟลเดอร์ HTML/CSS/JS อยู่แล้ว	Netlify Drop	โฟลเดอร์ที่มี `index.html`
มีโค้ดอยู่บน GitHub หรือแก้เว็บบ่อย	Deploy from Git	บัญชี Netlify และ GitHub
ใช้ Vite, Astro หรือ Framework	Deploy from Git	Repository ที่ Build ในเครื่องผ่านแล้ว

บทนี้จะเริ่มจากเว็บตัวอย่างหนึ่งหน้า คุณสามารถทำตามได้แม้ยังไม่มีไฟล์เว็บไซต์

ขั้นเตรียม: สร้างเว็บไซต์ตัวอย่างในเครื่อง

ขั้นที่ 1 สร้างโฟลเดอร์โปรเจกต์

สร้างโฟลเดอร์ชื่อ my-netlify-site ไว้ในตำแหน่งที่หาเจอง่าย เช่น Desktop

my-netlify-site/
└── index.html

จุดตรวจสอบ: ชื่อไฟล์ต้องเป็น index.html ไม่ใช่ index.html.txt

ขั้นที่ 2 สร้างไฟล์ `index.html`

เปิดโปรแกรมแก้ข้อความ เช่น VS Code หรือ Notepad แล้วคัดลอกโค้ดนี้ทั้งหมด (โค้ดชุดเดียวกับใน starter.zip):

<!doctype html>
<html lang="th">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>เว็บไซต์แรกของฉันบน Netlify</title>
  <meta name="description" content="เว็บไซต์ตัวอย่างที่สร้างและเผยแพร่ฟรีด้วย Netlify">
  <style>
    * { box-sizing: border-box; }
    body {
      margin: 0;
      min-height: 100vh;
      display: grid;
      place-items: center;
      padding: 24px;
      font-family: system-ui, sans-serif;
      line-height: 1.6;
      color: #17212b;
      background: #f2f7f7;
    }
    main {
      width: min(680px, 100%);
      padding: 40px;
      border-radius: 18px;
      background: white;
      box-shadow: 0 12px 40px rgb(0 0 0 / 10%);
    }
    h1 { line-height: 1.2; }
    a { color: #067a6f; }
  </style>
</head>
<body>
  <main>
    <h1>เว็บไซต์แรกของฉันออนไลน์แล้ว</h1>
    <p>หน้านี้สร้างด้วย HTML และเผยแพร่ฟรีผ่าน Netlify</p>
    <p><a href="https://www.netlify.com/">เรียนรู้เพิ่มเติมเกี่ยวกับ Netlify</a></p>
  </main>
</body>
</html>

บันทึกไฟล์ไว้ภายในโฟลเดอร์ my-netlify-site

ขั้นที่ 3 ทดสอบในเครื่อง

ดับเบิลคลิก index.html เว็บเบราว์เซอร์ควรแสดงหัวข้อ "เว็บไซต์แรกของฉันออนไลน์แล้ว"

ถ้าเบราว์เซอร์แสดงโค้ดแทนหน้าเว็บ ให้ตรวจว่านามสกุลไฟล์เป็น .html จริง ถ้าหน้าว่าง ให้คัดลอกโค้ดใหม่และบันทึกอีกครั้ง

จุดตรวจสอบ: เมื่อเปิดไฟล์แล้วต้องเห็นการ์ดสีขาวอยู่กลางหน้าจอ จึงค่อยไปขั้น Deploy

วิธีที่ 1: อัปโหลดเว็บด้วย Netlify Drop แบบทีละขั้น

วิธีนี้ใช้โฟลเดอร์ my-netlify-site ที่เพิ่งสร้าง ไม่ต้องใช้ Git และไม่ต้องใช้ Terminal

ขั้นที่ 1 สมัครหรือเข้าสู่ระบบ Netlify

เปิด Netlify
เลือก Sign up หากยังไม่มีบัญชี หรือ Log in หากมีบัญชีแล้ว
ทำขั้นตอนยืนยันตัวตนที่ระบบแสดงให้ครบ
เมื่อสำเร็จ คุณควรเห็นหน้า Team dashboard

จุดตรวจสอบ: ต้องเข้าสู่ Dashboard ได้ก่อน อย่าอัปโหลดไฟล์ผ่านเว็บไซต์อื่นที่มีชื่อคล้ายกัน

ขั้นที่ 2 เปิดหน้า Netlify Drop

เปิด Netlify Drop
มองหาพื้นที่สำหรับลากโฟลเดอร์หรือไฟล์ ZIP
อย่าเพิ่งลากไฟล์ index.html เพียงไฟล์เดียว หากเว็บจริงมี CSS รูป หรือ JavaScript ให้ลาก ทั้งโฟลเดอร์

ภาพหน้าจอ: หน้า Netlify Drop zone (ยังไม่ใส่)

ต้องเติม — ภาพหน้าจอ Netlify Drop พร้อมลูกศรชี้พื้นที่วางไฟล์ (ดูรายละเอียดใน SCREENSHOTS-NEEDED.md)

ขั้นที่ 3 Deploy เว็บไซต์

เปิดตำแหน่งที่เก็บ my-netlify-site ใน Finder หรือ File Explorer
ลากโฟลเดอร์ my-netlify-site ไปวางใน Drop zone
รอจนสถานะ Deploy สำเร็จ ห้ามปิดหน้าเว็บระหว่างอัปโหลด
Netlify จะแสดง URL ที่ลงท้ายด้วย .netlify.app

ตัวอย่างรูปแบบ URL:

https://ชื่อที่ระบบสุ่ม.netlify.app

ผลลัพธ์ที่ควรเห็น: เมื่อกด URL ต้องเห็นข้อความ "เว็บไซต์แรกของฉันออนไลน์แล้ว" เหมือนตอนเปิดในเครื่อง

ภาพหน้าจอ: สถานะ Deploy สำเร็จ + URL (ยังไม่ใส่)

ต้องเติม — ภาพหน้าจอหลัง Deploy สำเร็จ พร้อม URL .netlify.app ที่มองเห็นชัด

ขั้นที่ 4 ตรวจเว็บบนอุปกรณ์อื่น

คัดลอก URL .netlify.app
เปิดในหน้าต่าง Incognito/Private เพื่อยืนยันว่าคนอื่นเข้าถึงได้
ส่ง URL ไปเปิดบนโทรศัพท์
กดลิงก์ทุกจุดและตรวจว่าหน้าไม่ล้นจอ

หากเปิดได้เฉพาะเครื่องของคุณ แสดงว่าคุณอาจเปิด URL ที่ขึ้นต้นด้วย file:// ให้กลับไปคัดลอก URL จาก Netlify ซึ่งต้องขึ้นต้นด้วย https://

ขั้นที่ 5 เปลี่ยนชื่อ URL ให้จำง่าย

กลับไปที่ Project dashboard
เปิดการตั้งค่า Project/Site
ค้นหาตัวเลือกเปลี่ยน Project name หรือ Site name
กรอกชื่อภาษาอังกฤษ ตัวเลข หรือขีดกลาง เช่น somchai-portfolio
บันทึกแล้วเปิด URL ใหม่

https://somchai-portfolio.netlify.app

ชื่อจะใช้ได้เมื่อไม่ซ้ำกับผู้อื่น หลังเปลี่ยนชื่อให้แก้ลิงก์ที่เคยแชร์ไว้ด้วย

ขั้นที่ 6 แก้ไขและ Deploy เวอร์ชันใหม่

เปิด index.html และเปลี่ยนข้อความหนึ่งจุด
บันทึกไฟล์ แล้วเปิดในเครื่องเพื่อตรวจ
กลับไปยัง Deploys ของ Project
ลากโฟลเดอร์ my-netlify-site เวอร์ชันใหม่ลงในพื้นที่ Manual deploy
รอ Deploy สำเร็จ แล้ว Refresh URL เดิม

จุดตรวจสอบ: URL เดิมต้องแสดงข้อความใหม่ หากยังเห็นของเก่าให้ Hard refresh หรือเปิด Incognito ตรวจอีกครั้ง

วิธีที่ 2: เชื่อม Netlify กับ GitHub แบบทีละขั้น

วิธีนี้เหมาะกับเว็บที่แก้ไขต่อเนื่อง หลังตั้งค่าครั้งแรก Netlify จะ Deploy ให้อัตโนมัติเมื่อ Push ไปยัง Production branch

ขั้นที่ 1 สร้าง GitHub repository

เข้าสู่ระบบ GitHub
เลือกสร้าง New repository
ตั้งชื่อ my-netlify-site
เลือก Public หรือ Private ตามความเหมาะสม แต่อย่าใส่ Password, API key หรือ Secret ลงใน Repository
สร้าง Repository

หากไม่ใช้คำสั่ง Git ให้ใช้เมนู Add file → Upload files แล้วอัปโหลด index.html จากโฟลเดอร์ตัวอย่าง จากนั้น Commit การเปลี่ยนแปลง

จุดตรวจสอบ: เมื่อเปิด Repository บน GitHub ต้องมองเห็นไฟล์ index.html ที่ระดับบนสุด

ขั้นที่ 2 Import repository เข้า Netlify

เปิด Netlify Team dashboard
เลือก Add new project
เลือก Import an existing project
เลือก GitHub
อนุญาตให้ Netlify เข้าถึง Repository ที่ต้องใช้
ค้นหาและเลือก my-netlify-site

หากไม่พบ Repository ให้กลับไปตรวจสิทธิ์ของ Netlify GitHub App อย่าเปลี่ยน Repository เป็น Public เพียงเพื่อแก้ปัญหาสิทธิ์

ภาพหน้าจอ: หน้าเลือก Import repository จาก GitHub (ยังไม่ใส่)

ต้องเติม — ภาพหน้าจอตอนเลือก repository ใน Netlify

ขั้นที่ 3 กำหนดค่า Deploy

สำหรับตัวอย่าง HTML หนึ่งไฟล์:

Production branch: main หรือชื่อ Default branch ที่ GitHub แสดง
Build command: เว้นว่าง
Publish directory: . หรือค่าที่ UI ตรวจพบสำหรับ Root ของโปรเจกต์

ตรวจค่าทั้งหมดแล้วกด Publish หรือ Deploy ตามข้อความที่ UI แสดง จากนั้นเปิด Deploy log รอจนสถานะสำเร็จ

ผลลัพธ์ที่ควรเห็น: ได้ URL .netlify.app และเปิดแล้วเห็นหน้าเดียวกับ index.html

ดู UI ล่าสุดจาก Deploy from your repository

ขั้นที่ 4 ทดสอบ Automatic Deploy

เปิด index.html บน GitHub
เลือกแก้ไขไฟล์
เปลี่ยนข้อความหนึ่งบรรทัด
Commit ไปยัง Production branch
เปิดหน้า Deploys ใน Netlify
รอ Deploy ใหม่สำเร็จ แล้ว Refresh เว็บไซต์

จุดตรวจสอบ: Deploy ใหม่ควรอ้างถึง Commit ล่าสุด และ URL Production ต้องแสดงข้อความที่แก้

ขั้นที่ 5 อัปเดตผ่าน Git ในเครื่อง (ทางเลือก)

หากติดตั้ง Git และ Clone Repository แล้ว ให้ใช้:

git add .
git commit -m "Update homepage"
git push origin main

เปลี่ยน main ให้ตรงกับชื่อ Production branch จริง

ค่าทั่วไปของ Build

เทคโนโลยี	Build command ทั่วไป	Publish directory ทั่วไป
HTML/CSS/JS	ไม่ต้องมี	โฟลเดอร์ที่มี `index.html`
Vite	`npm run build`	`dist`
Astro	`npm run build`	`dist`
Create React App	`npm run build`	`build`

ตารางนี้เป็นเพียงค่าทั่วไป การตั้งค่าในโปรเจกต์สามารถเปลี่ยน Output directory ได้ ให้ตรวจ package.json, config และเอกสารของ Framework เวอร์ชันที่ใช้งาน

หาก Build ล้มเหลว ให้เปิด Deploy log และแก้ Error ต้นทาง อย่ากด Deploy ซ้ำโดยไม่อ่านสาเหตุ

เชื่อมโดเมนส่วนตัวและ HTTPS แบบทีละขั้น

ข้ามส่วนนี้ได้หากต้องการใช้ .netlify.app

เปิด Project ที่ Deploy สำเร็จ
ไปที่ Domain management
เลือก Add a domain และตัวเลือกเพิ่มโดเมนที่มีอยู่แล้ว
พิมพ์โดเมนที่คุณเป็นเจ้าของ เช่น yourdomain.com และยืนยัน
Netlify จะแสดงค่าที่ต้องตั้งใน DNS ให้เปิด Dashboard ของผู้ให้บริการจดโดเมนในอีกแท็บ
เพิ่มหรือแก้ DNS record ตามค่าที่ Netlify แสดงใน Project นี้เท่านั้น
กลับมา Netlify และรอระบบตรวจสอบ DNS
เมื่อ DNS ผ่าน ให้ตรวจสถานะ Certificate/HTTPS
เปิดทั้ง https://yourdomain.com และรูปแบบ www ที่คุณตั้งไว้
กำหนด Primary domain และตรวจว่าโดเมนรอง Redirect ไปโดเมนหลักเพียงครั้งเดียว

จุดตรวจสอบ: เบราว์เซอร์ต้องแสดง HTTPS โดยไม่มีคำเตือน และ URL หลักต้องเปิดหน้า Production เวอร์ชันล่าสุด

ภาพหน้าจอ: หน้า Domain management + สถานะ HTTPS (ยังไม่ใส่)

ต้องเติม — ภาพหน้าจอ Domain settings แสดงโดเมนที่เชื่อมแล้วและสถานะ Certificate

อ่านขั้นตอนล่าสุดที่ Bring a domain to Netlify และคู่มือ HTTPS/SSL

อย่าคัดลอกค่า DNS จากบทความเก่า ให้ใช้ค่าที่แสดงใน Dashboard ของโปรเจกต์จริงเสมอ

ทำให้เว็บไซต์บน Netlify พร้อมสำหรับ Google แบบทีละขั้น

ทำส่วนนี้หลัง URL Production เปิดได้แล้ว

ขั้นที่ 1 ตั้ง Title และ Description

<title>ชื่อหน้าที่อธิบายเนื้อหาอย่างชัดเจน</title>
<meta name="description" content="สรุปประโยชน์ของหน้าอย่างเป็นธรรมชาติ">

แต่ละหน้าควรมี Title, Description และ H1 ที่สอดคล้องกันโดยไม่ยัดคีย์เวิร์ด

เปิด index.html หรือ Layout หลักของเว็บไซต์
วาง <title> และ <meta name="description"> ไว้ภายใน <head>
แก้ข้อความให้ตรงกับเนื้อหาจริงของหน้านั้น
Deploy เวอร์ชันใหม่
เปิด View Source ของหน้า Production แล้วค้นหา <title> เพื่อยืนยันว่าออกไปจริง

ขั้นที่ 2 เพิ่ม Canonical

วางใน <head> และเปลี่ยน URL เป็นโดเมนจริงของหน้า:

<link rel="canonical" href="https://yourdomain.com/ชื่อหน้า/">

จุดตรวจสอบ: ห้ามปล่อย yourdomain.com, localhost หรือ Preview URL อยู่ใน Production

ขั้นที่ 3 ตรวจ Indexability

หน้า Production ตอบสถานะ HTTP 200
ไม่มี noindex โดยไม่ตั้งใจ
Canonical ชี้ URL Production ที่ถูกต้อง
robots.txt ไม่บล็อก CSS, JavaScript หรือหน้าหลัก
Sitemap มีเฉพาะ Canonical URL ที่ต้องการให้ Index

เปิด URL ใน Incognito และใช้ View Source ค้นคำว่า noindex หากพบ ให้ตรวจว่าเป็นความตั้งใจหรือไม่

ขั้นที่ 4 สร้าง `robots.txt`

สร้างไฟล์ robots.txt ที่ Root ของเว็บ:

User-agent: *
Allow: /

Sitemap: https://yourdomain.com/sitemap.xml

เปลี่ยนโดเมนให้เป็นของจริง แล้ว Deploy จากนั้นเปิด https://yourdomain.com/robots.txt เพื่อตรวจว่าเข้าถึงได้

ขั้นที่ 5 สร้างและตรวจ Sitemap

หากใช้ Framework ให้ใช้ Integration หรือ Plugin ที่สร้าง Sitemap จาก Route จริง
หากเป็น Static HTML ขนาดเล็ก สามารถสร้าง sitemap.xml โดยใส่เฉพาะ URL Canonical ที่ตอบ HTTP 200
Deploy แล้วเปิด /sitemap.xml
ตรวจว่าไม่มี localhost, Preview URL, หน้า 404 หรือหน้าที่ตั้ง noindex

ขั้นที่ 6 เชื่อม Google Search Console

เปิด Google Search Console
เพิ่ม Property ของเว็บไซต์ แนะนำ Domain property หากคุณแก้ DNS ได้
คัดลอก TXT record ที่ Google ให้ไปเพิ่มใน DNS
กลับมา Search Console และกด Verify
เปิดเมนู Sitemaps แล้วส่ง sitemap.xml
ใช้ URL Inspection ตรวจ URL บทความ
หาก Google เข้าถึงได้และหน้ายังไม่ถูก Index ให้เลือก Request indexing

จุดตรวจสอบ: Search Console ต้องอ่าน Sitemap สำเร็จ การขอ Index ไม่ได้หมายความว่า Google จะจัดทำดัชนีหรือให้อันดับทันที

ขั้นที่ 7 ตรวจผลหลังเผยแพร่

หลังมีข้อมูล Search ให้เปิดรายงาน Performance และตรวจ:

Queries ที่สร้าง Impression
Pages ที่มี Click
CTR ของบทความ
Average position โดยดูเป็นแนวโน้ม ไม่ตีความเป็นอันดับตายตัว
ประเทศและอุปกรณ์ของผู้ค้นหา

ปรับ Title, คำตอบ และ Internal link จากข้อมูลจริง อย่าเพิ่มคีย์เวิร์ดซ้ำเพียงเพื่อเพิ่มความหนาแน่น

ขั้นที่ 8 ปรับความเร็ว

ทดสอบ Production URL ด้วย PageSpeed Insights ในโหมด Mobile
แปลงรูปขนาดใหญ่เป็น WebP/AVIF และกำหนด width กับ height
ใส่ loading="lazy" ให้รูปใต้ Fold แต่อย่าใส่ให้ภาพ LCP
ลบ JavaScript และ Third-party script ที่ไม่จำเป็น
ลดจำนวน Font และน้ำหนัก Font
Deploy แล้วทดสอบซ้ำ เปรียบเทียบก่อนและหลัง

วิธีแก้ปัญหาที่พบบ่อย

Page Not Found หลัง Deploy

ตรวจว่า index.html อยู่ใน Publish directory และ Output จาก Build ถูกส่งขึ้นจริง

รูปหรือ CSS ไม่แสดง

ตรวจ Path และตัวพิมพ์ใหญ่-เล็ก เช่น Logo.png กับ logo.png อาจเป็นคนละไฟล์บนระบบ Production

SPA เปิดหน้าแรกได้ แต่ Refresh หน้าย่อยแล้ว 404

Static SPA บางประเภทอาจต้องมีไฟล์ _redirects:

/* /index.html 200

ใช้เฉพาะ Client-side SPA ที่ต้องการ History fallback อย่าใช้กับ Framework ที่มี Server-side routing โดยไม่ตรวจ Adapter และเอกสารก่อน

Deploy ไม่ผ่าน

อ่าน Deploy log แล้วตรวจ Build command, Publish directory, dependency, environment variables และ Node version ห้ามเผยแพร่ Secret ลง Git repository

HTTPS ยังไม่ทำงาน

ตรวจ DNS จาก Dashboard และรอการกระจายค่า หากล่าช้าผิดปกติให้ใช้ คู่มือแก้ปัญหา SSL

ข้อดีและข้อจำกัด

ข้อดี	ข้อจำกัด
เริ่มต้นฟรีและ Deploy เร็ว	Free plan มีโควตา
HTTPS และ CDN	Custom domain ต้องซื้อแยก
เชื่อม Git และมี Deploy Preview	Build config ต้องตรงกับ Framework
ไม่ต้องดูแลเว็บเซิร์ฟเวอร์เอง	Backend บางประเภทต้องใช้บริการอื่น

คำถามที่พบบ่อย

Netlify ใช้ฟรีตลอดไปไหม?

Netlify มี Free plan ราคา $0 แต่มีข้อจำกัดและโควตา ควรตรวจหน้า Pricing ล่าสุด เพราะรายละเอียดบริการสามารถเปลี่ยนได้

ใช้ Netlify ต้องเขียนโค้ดเป็นไหม?

ถ้ามีไฟล์เว็บที่ Build เสร็จแล้ว สามารถใช้ Netlify Drop ได้โดยไม่ต้องใช้ Terminal แต่การแก้ HTML, Path หรือ Build error ยังต้องมีความรู้พื้นฐาน

ใช้โดเมนของตัวเองกับแผนฟรีได้ไหม?

ได้ แต่ค่าจดและต่ออายุโดเมนจ่ายให้ Registrar แยกจากค่าบริการ Netlify

เว็บไซต์บน Netlify ติด Google ได้ไหม?

ได้ หาก Googlebot เข้าถึงหน้าได้ หน้าอนุญาตให้ Index และเนื้อหามีคุณภาพ การใช้ Netlify เพียงอย่างเดียวไม่ได้ทำให้อันดับสูงโดยอัตโนมัติ

Netlify เป็นโปรแกรมสร้างเว็บไซต์หรือ Hosting?

Netlify เป็นแพลตฟอร์ม Build และ Hosting/Delivery สำหรับเว็บไซต์และเว็บแอปมากกว่าโปรแกรมออกแบบหน้าเว็บแบบลากวาง ผู้ใช้จึงต้องเตรียมไฟล์เว็บหรือเชื่อม Source code ก่อน Deploy

Netlify ใช้กับ WordPress ได้ไหม?

Netlify ไม่ใช่ PHP/MySQL hosting แบบดั้งเดิม จึงไม่รัน WordPress แบบ Shared Hosting โดยตรง แต่ใช้ WordPress เป็น Headless CMS แล้ว Build frontend ไปยัง Netlify ได้

สรุป

หากมีไฟล์เว็บไซต์พร้อมแล้ว Netlify Drop คือเส้นทางสั้นที่สุด ส่วนเว็บที่แก้ไขต่อเนื่องควรเชื่อม Git เพื่อให้ Deploy อัตโนมัติ หลังเว็บออนไลน์ควรตั้ง Canonical, Sitemap, Search Console, HTTPS และวัดผลจากข้อมูล Search จริง

เริ่มต้นทันที: เตรียมโฟลเดอร์ที่มี index.html แล้วเปิด Netlify Drop หรืออ่านคู่มือเชื่อม Git ด้านบน