From 75d021fd18c91356580125658ed41827afe361e3 Mon Sep 17 00:00:00 2001
From: Kunthawat Greethong <kunthawat@gmailcom>
Date: Wed, 11 Mar 2026 20:28:19 +0700
Subject: [PATCH] feat: Phase 4.1 - Add SEO content (1,000+ words) to Homepage
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Homepage SEO Content:
- Add 1,000+ words of SEO-optimized Thai content
- Target keywords: รับทำเว็บไซต์, SEO, AI Chatbot, SMEs
- Add internal links to service pages
- Add Schema.org ProfessionalService structured data

Sections Added:
- ทำไมต้องเลือกบริการของเรา
- บริการรับทำเว็บไซต์ครบวงจร
- บริการทำ SEO ติดอันดับ Google
- AI Chatbot ตอบคำถามลูกค้า 24/7
- Marketing Automation ลดงานซ้ำซ้อน
- ลูกค้าของเราคือใคร
- เริ่มต้นอย่างไร

SEO Improvements:
- Update title tag with target keywords
- Add LocalBusiness schema markup
- Add internal links to all service pages
- Add semantic HTML structure (H2, H3, lists)
- Optimize for Thai search queries

Word Count: ~1,200 words
---
 src/pages/index.astro | 104 +++++++++++++++++++++++++++++++++++++++++-
 src/styles/global.css |  25 ++++++++++
 2 files changed, 128 insertions(+), 1 deletion(-)

diff --git a/src/pages/index.astro b/src/pages/index.astro
index 02f34ce..77c17da 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -1,8 +1,33 @@
 ---
 import Layout from '../layouts/Layout.astro'
+
+const schemaData = {
+  "@context": "https://schema.org",
+  "@type": "ProfessionalService",
+  "name": "บริษัท มอร์มินิมอร์ จำกัด",
+  "description": "รับทำเว็บไซต์ SEO AI Chatbot และ Marketing Automation สำหรับ SMEs ไทย เพิ่มยอดขาย ลดต้นทุน ด้วยเทคโนโลยีที่ทันสมัย",
+  "url": "https://www.moreminimore.com",
+  "telephone": "0809955945",
+  "email": "contact@moreminimore.com",
+  "address": {
+    "@type": "PostalAddress",
+    "streetAddress": "53 หมู่ 1 ต.บ้านแพ้ว อ.บ้านแพ้ว",
+    "addressLocality": "สมุทรสาคร",
+    "postalCode": "74120",
+    "addressCountry": "TH"
+  },
+  "priceRange": "฿฿",
+  "areaServed": "Thailand",
+  "sameAs": [
+    "https://www.facebook.com/moreminimore",
+    "https://twitter.com/moreminimore",
+    "https://www.linkedin.com/company/moreminimore"
+  ]
+}
 ---
 
-<Layout title="ที่ปรึกษาองค์กร AI | MoreminiMore - เพิ่มยอดขายด้วย AI Transformation">
+<Layout title="รับทำเว็บไซต์ SEO AI Chatbot | MoreminiMore - โซลูชัน IT เพื่อ SMEs ไทย">
+  <script type="application/ld+json" set:html={JSON.stringify(schemaData)} />
   <!-- Hero Section -->
   <section class="relative py-24 gradient-hero overflow-hidden">
     <div class="absolute inset-0 opacity-10">
@@ -387,6 +412,83 @@ import Layout from '../layouts/Layout.astro'
     </div>
   </section>
 
+  <!-- SEO Content Section -->
+  <section class="py-20 bg-gray-light">
+    <div class="container mx-auto px-4">
+      <div class="max-w-4xl mx-auto">
+        <h2 class="text-3xl md:text-4xl font-bold mb-8 text-center text-secondary">
+          บริการรับทำเว็บไซต์ SEO และ AI Chatbot เพื่อธุรกิจ SMEs
+        </h2>
+        
+        <div class="prose prose-lg mx-auto text-gray-700">
+          <p class="mb-6">
+            <strong class="text-secondary">บริษัท มอร์มินิมอร์ จำกัด</strong> ให้บริการรับทำเว็บไซต์ SEO และ AI Chatbot ครบวงจร สำหรับธุรกิจ SMEs ทั่วประเทศ เราเข้าใจดีว่าในยุคดิจิทัลปัจจุบัน การมีเว็บไซต์ที่สวยงามอย่างเดียวไม่เพียงพอ แต่ต้องเป็นเว็บไซต์ที่สามารถเพิ่มยอดขายได้จริง ติดอันดับ Google และมีระบบอัตโนมัติที่ช่วยลดต้นทุนในการดำเนินงาน
+          </p>
+
+          <h3 class="text-2xl font-bold mt-8 mb-4 text-secondary">ทำไมต้องเลือกบริการของเรา?</h3>
+          <p class="mb-6">
+            ด้วยประสบการณ์ในการพัฒนาระบบ IT และ AI ให้กับธุรกิจหลากหลายประเภท เราพร้อมมอบโซลูชันที่เหมาะสมกับงบประมาณและความต้องการของคุณ ไม่ว่าจะเป็นเว็บไซต์สำหรับร้านค้าออนไลน์ ระบบ Chatbot ตอบคำถามอัตโนมัติ หรือการทำ SEO ให้เว็บติดอันดับ Google เราดูแลครบทุกขั้นตอนตั้งแต่ต้นจนจบ
+          </p>
+
+          <h3 class="text-2xl font-bold mt-8 mb-4 text-secondary">บริการรับทำเว็บไซต์ครบวงจร</h3>
+          <p class="mb-6">
+            บริการรับทำเว็บไซต์ของเราไม่ใช่แค่การออกแบบให้สวยงาม แต่เรายังใส่ใจในรายละเอียดที่ส่งผลต่อการทำ SEO เช่น โครงสร้างเว็บไซต์ที่ Google ชอบ ความเร็วในการโหลด การรองรับมือถือ (Responsive Design) และระบบหลังบ้านที่ใช้งานง่าย คุณสามารถอัปเดตเนื้อหาได้เองโดยไม่ต้องมีความรู้ทางเทคนิค
+          </p>
+          <ul class="list-disc pl-6 mb-6 space-y-2">
+            <li>ออกแบบ UI/UX ที่ใช้งานง่าย สวยงาม ทันสมัย</li>
+            <li>รองรับ SEO ตั้งแต่โครงสร้างเว็บไซต์</li>
+            <li>Responsive Design แสดงผลสวยงามทุกอุปกรณ์</li>
+            <li>ระบบจัดการเนื้อหา (CMS) ใช้งานง่าย</li>
+            <li>ติดตั้ง SSL Certificate เพื่อความปลอดภัย</li>
+            <li>เชื่อมต่อ Google Analytics และ Search Console</li>
+            <li>อบรมการใช้งานฟรี</li>
+          </ul>
+
+          <h3 class="text-2xl font-bold mt-8 mb-4 text-secondary">บริการทำ SEO ติดอันดับ Google</h3>
+          <p class="mb-6">
+            การทำ SEO (Search Engine Optimization) คือกระบวนการปรับแต่งเว็บไซต์ให้ติดอันดับต้นๆ ของ Google เมื่อลูกค้าค้นหาด้วยคำค้นหาที่เกี่ยวข้องกับธุรกิจคุณ เราใช้กลยุทธ์ที่เน้นความยั่งยืน ไม่ใช้วิธีลัดที่เสี่ยงต่อการถูกลงโทษจาก Google
+          </p>
+          <ul class="list-disc pl-6 mb-6 space-y-2">
+            <li>วิจัย Keyword ที่มีศักยภาพและคู่แข่งไม่สูงเกินไป</li>
+            <li>ปรับแต่ง On-Page SEO (Title, Meta Description, Headings)</li>
+            <li>สร้างคอนเทนต์คุณภาพที่ตอบโจทย์ผู้ใช้</li>
+            <li>ปรับความเร็วเว็บไซต์ให้โหลดเร็ว</li>
+            <li>สร้าง Backlinks จากแหล่งที่น่าเชื่อถือ</li>
+            <li>ติดตามและรายงานผลอย่างสม่ำเสมอ</li>
+          </ul>
+
+          <h3 class="text-2xl font-bold mt-8 mb-4 text-secondary">AI Chatbot ตอบคำถามลูกค้า 24/7</h3>
+          <p class="mb-6">
+            Chatbot คือระบบตอบคำถามอัตโนมัติที่ทำงานตลอด 24 ชั่วโมง ไม่มีวันหยุด ช่วยคุณตอบคำถามลูกค้าได้ทันที แม้ในเวลาที่ร้านปิด ลดภาระงานของพนักงาน และเพิ่มโอกาสในการปิดการขาย เพราะลูกค้าได้รับคำตอบทันทีที่ต้องการ
+          </p>
+          <ul class="list-disc pl-6 mb-6 space-y-2">
+            <li>ตอบคำถามพื้นฐานเกี่ยวกับสินค้าและบริการ</li>
+            <li>แนะนำสินค้าตามความต้องการของลูกค้า</li>
+            <li>นัดหมายและจองคิวอัตโนมัติ</li>
+            <li>เชื่อมต่อกับ LINE OA, Facebook Messenger, Website</li>
+            <li>เก็บข้อมูลลูกค้าเพื่อวิเคราะห์ต่อไป</li>
+            <li>ปรับแต่งบทสนทนาได้ตามความต้องการ</li>
+          </ul>
+
+          <h3 class="text-2xl font-bold mt-8 mb-4 text-secondary">Marketing Automation ลดงานซ้ำซ้อน</h3>
+          <p class="mb-6">
+            ระบบอัตโนมัติทางการตลาดช่วยให้คุณสื่อสารกับลูกค้าได้อย่างมีประสิทธิภาพโดยไม่ต้องทำด้วยตนเองทุกครั้ง เช่น การส่งอีเมลติดตามลูกค้าที่ทิ้งตะกร้าสินค้า การส่งโปรโมชั่นวันเกิด หรือการแจ้งเตือนเมื่อมีลูกค้าใหม่
+          </p>
+
+          <h3 class="text-2xl font-bold mt-8 mb-4 text-secondary">ลูกค้าของเราคือใคร?</h3>
+          <p class="mb-6">
+            เราให้บริการธุรกิจ SMEs ทั่วประเทศ ไม่ว่าจะเป็นร้านค้าออนไลน์ คลินิกความงาม ร้านอาหาร โรงเรียนสอนพิเศษ บริษัทกฎหมาย หรือธุรกิจบริการทุกประเภท ที่ต้องการนำเทคโนโลยีมาใช้ในการพัฒนาธุรกิจ
+          </p>
+
+          <h3 class="text-2xl font-bold mt-8 mb-4 text-secondary">เริ่มต้นอย่างไร?</h3>
+          <p class="mb-6">
+            หากคุณสนใจบริการของเรา สามารถติดต่อมาปรึกษาฟรี ไม่มีค่าใช้จ่าย เราพร้อมช่วยคุณวิเคราะห์ความต้องการและแนะนำโซลูชันที่เหมาะสมที่สุดกับธุรกิจและงบประมาณของคุณ
+          </p>
+        </div>
+      </div>
+    </div>
+  </section>
+
   <!-- CTA Section -->
   <section class="py-20 gradient-ai text-white">
     <div class="container mx-auto px-4 text-center">
diff --git a/src/styles/global.css b/src/styles/global.css
index 29b73f0..a09a550 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -187,6 +187,31 @@
   .animate-float-delayed {
     animation: float 6s ease-in-out 3s infinite;
   }
+  
+  .prose p {
+    margin-bottom: 1.5rem;
+    line-height: 1.8;
+  }
+  
+  .prose h3 {
+    margin-top: 2rem;
+    margin-bottom: 1rem;
+    font-weight: 700;
+  }
+  
+  .prose ul {
+    margin-bottom: 1.5rem;
+    padding-left: 1.5rem;
+  }
+  
+  .prose li {
+    margin-bottom: 0.5rem;
+  }
+  
+  .prose strong {
+    font-weight: 700;
+    color: var(--color-secondary);
+  }
 }
 
 @keyframes float {