📂 โครงสร้างไฟล์เว็บ (ตัวอย่าง)
/public_html
│── index.html
│── about.html
│── services.html
│── contact.html
│── sitemap.xml
│── robots.txt
│── .htaccessindex.html
<!DOCTYPE html>
<html lang="th">
<head>
<meta charset="UTF-8">
<title>เว็บไซต์ตัวอย่าง</title>
<meta name="description" content="เว็บไซต์ตัวอย่างสำหรับ SEO, Sitemap, Clean URL">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
body { font-family: Tahoma, sans-serif; background: #f4f4f9; color: #333; margin:0; padding:0; }
header { background:#007bff; color:#fff; padding:20px; text-align:center; }
main { padding:40px; max-width:900px; margin:0 auto; }
a { color:#007bff; text-decoration:none; }
a:hover { text-decoration:underline; }
</style>
</head>
<body>
<header>
<h1>เว็บไซต์ตัวอย่าง</h1>
</header>
<main>
<h2>ยินดีต้อนรับ</h2>
<p>นี่คือหน้า <strong>index.html</strong> ของเว็บไซต์ตัวอย่าง</p>
<ul>
<li><a href="/about">เกี่ยวกับเรา</a></li>
<li><a href="/services">บริการ</a></li>
<li><a href="/contact">ติดต่อ</a></li>
</ul>
<p>ดู <a href="/sitemap.xml">Sitemap</a> ของเว็บไซต์ได้ที่นี่</p>
</main>
</body>
</html>
about.html
<!DOCTYPE html>
<html lang="th">
<head>
<meta charset="UTF-8">
<title>เกี่ยวกับเรา - เว็บไซต์ตัวอย่าง</title>
<meta name="description" content="เกี่ยวกับเรา เว็บไซต์ตัวอย่าง Clean URL SEO Sitemap">
</head>
<body>
<h1>เกี่ยวกับเรา</h1>
<p>นี่คือหน้าข้อมูลเกี่ยวกับเรา</p>
<p><a href="/">กลับหน้าหลัก</a></p>
</body>
</html>
services.html
<!DOCTYPE html>
<html lang="th">
<head>
<meta charset="UTF-8">
<title>บริการ - เว็บไซต์ตัวอย่าง</title>
</head>
<body>
<h1>บริการของเรา</h1>
<p>รายละเอียดบริการต่าง ๆ</p>
<p><a href="/">กลับหน้าหลัก</a></p>
</body>
</html>
contact.html
<!DOCTYPE html>
<html lang="th">
<head>
<meta charset="UTF-8">
<title>ติดต่อ - เว็บไซต์ตัวอย่าง</title>
</head>
<body>
<h1>ติดต่อเรา</h1>
<p>ข้อมูลติดต่อ: โทร. 081-xxxxxxx</p>
<p><a href="/">กลับหน้าหลัก</a></p>
</body>
</html>
.htaccess (Clean URL)
# เปิด mod_rewrite
RewriteEngine On
# ถ้า URL ไม่มีไฟล์จริง ให้เช็คว่ามี .html หรือไม่
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteCond %{REQUEST_FILENAME}.html -f
RewriteRule ^([^/]+)/?$ $1.html [L]
ผลลัพธ์:
/about→ โหลด/about.html/services→ โหลด/services.html/contact→ โหลด/contact.html
sitemap.xml
<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
<url>
<loc>https://www.example.com/</loc>
<lastmod>2025-09-22</lastmod>
<changefreq>daily</changefreq>
<priority>1.0</priority>
</url>
<url>
<loc>https://www.example.com/about</loc>
<lastmod>2025-09-20</lastmod>
<changefreq>monthly</changefreq>
<priority>0.8</priority>
</url>
<url>
<loc>https://www.example.com/services</loc>
<lastmod>2025-09-18</lastmod>
<changefreq>weekly</changefreq>
<priority>0.9</priority>
</url>
<url>
<loc>https://www.example.com/contact</loc>
<lastmod>2025-09-15</lastmod>
<changefreq>monthly</changefreq>
<priority>0.7</priority>
</url>
</urlset>
robots.txt
User-agent: *
Allow: /
Sitemap: https://www.example.com/sitemap.xml
สรุป
- วางไฟล์ทั้งหมดใน Root directory
- ใช้
.htaccessทำ Clean URL - ปรับ
sitemap.xmlให้ตรงกับ Clean URL - ส่ง sitemap ไป Google Search Console
