การตั้งค่า Meta Tags ใน HTML สำหรับ SEO
โดย
ในยุคที่การค้นหาออนไลน์คือช่องทางหลักในการเข้าถึงข้อมูล Meta Tags เล็กๆ ใน HTML กลับมีผลมหาศาลต่อ SEO! บทความนี้จะเผยเคล็ดลับการตั้งค่า Meta Tags อย่างมืออาชีพ เพื่อให้เว็บไซต์ของคุณติดอันดับสูงขึ้น และ ได้ Traffic คุณภาพ
- ★Meta Tags คืออะไร
Meta Tags คือ ข้อมูลบรรจุในส่วน <head> ของ HTML ที่ใช้สื่อสารกับ Search Engine และ โซเชียลมีเดีย โดยไม่แสดงผลบนหน้าเว็บโดยตรง แต่มีผลต่อการแสดงผลใน SERP
- ★5 Meta Tags สำคัญสำหรับ SEO
1) Title Tag
```html
<title>เคล็ดลับทำ SEO 2024 | เว็บติดหน้าแรกใน 30 วัน</title>
```
- ความสำคัญ: เป็นหัวข้อหลักในผลการค้นหา
- เคล็ดลับ:
○ ใส่ Keyword แรกสุด
○ ความยาว 50-60 ตัวอักษร
○ สร้างความดึงดูดคลิก
2) Meta Description
```html
<meta name="description" content="เรียนรู้เทคนิคทำ SEO ล่าสุด 2024 อัปเดตตาม Algorithm Google ล่าสุด พร้อมตัวอย่างจริงทำตามได้ทันที">
```
- ความสำคัญ: ข้อความอธิบายใต้ Title ใน SERP
- เคล็ดลับ
○ ความยาว 120-160 ตัวอักษร
○ ใส่ Call-to-Action
○ ใช้ Keyword อย่างเป็นธรรมชาติ
3) Meta Viewport
```html
<meta name="viewport" content="width=device-width, initial-scale=1.0">
```
- ความสำคัญ: ปรับการแสดงผลบนมือถือ
- ผลต่อ SEO: Google ใช้ Mobile-First Indexing
- ความสำคัญ: แก้ปัญหาเนื้อหาซ้ำ
- เมื่อไหร่ควรใช้: เมื่อมี URL หลายแบบแสดงเนื้อหาเดียวกัน
5) Robots Meta Tag
```html
<meta name="robots" content="index, follow">
```
- ตัวเลือกสำคัญ
○ noindex : ไม่ให้เก็บข้อมูล
○ nofollow : ไม่ตามลิงก์
○ noimageindex : ไม่เก็บภาพ
- ★Meta Tags สำหรับโซเชียลมีเดีย
○ Open Graph (Facebook)
```html
<meta property="og:title" content="เทคนิค SEO 2024">
<meta property="og:description" content="คู่มืออัปเดตล่าสุด">
<meta property="og:image" content="https://example.com/seo-image.jpg">
```
○ Twitter Card
```html
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="SEO 2024">
```
- ★ตัวอย่างการใช้งาน
```html
<head>
<!-- Meta Basics -->
<title>สอนทำ SEO ฟรี 2024 | คอร์สออนไลน์โดยมืออาชีพ</title>
<meta name="description" content="เรียน SEO ฟรีกับคอร์สคุณภาพ อัปเดตเทคนิค 2024 ล่าสุด พร้อมตัวอย่างและแบบฝึกหัด">
<!-- Technical -->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="robots" content="index, follow">
<!-- Social Media -->
<meta property="og:title" content="สอนทำ SEO ฟรี 2024">
<meta property="og:image" content="https://example.com/seo-course.jpg">
- ★เครื่องมือตรวจสอบ Meta Tags
- Google Rich Results Test
- SEO META in 1 CLICK (Extension Chrome)
- Screaming Frog SEO Spider
- ★ข้อผิดพลาดที่ควรหลีกเลี่ยง
❌ ใช้ Title ซ้ำกันทุกหน้า
❌ Meta Description ยาวเกินไป หรือ สั้นเกินไป
❌ ลืมตั้งค่า Viewport สำหรับมือถือ
❌ ไม่ใช้ Canonical เมื่อมีเนื้อหาซ้ำ
❌ ใส่ Keyword แบบยัดเยียด
✏️ Shoper Gamer
- ✓Robot.txt คืออะไร สำคัญอย่างไรในยุค Ai Search 👇
- ✓Async vs Defer เลือกแบบไหนให้เว็บโหลดเร็วที่สุด? 👇
- ✓media="print" คืออะไร 👇
Credit :
👇
- ●https://pacymedia.com/blog/meta-tags-for-seo/
- ●https://www.geeksforgeeks.org/websites-apps/10-most-important-meta-tags-for-seo/
- ●https://www.searchenginejournal.com/important-tags-seo/156440/
- ●https://developers.google.com/search/docs/crawling-indexing/special-tags?hl=th
- 2
ดูเพิ่มเติมในซีรีส์
โฆษณา
- ดาวน์โหลดแอปพลิเคชัน
- © 2025 Blockdit
