---
title: เรียนรู้วิธี ออกแบบ Landing pages ให้เหมาะกับเว็บไซต์ของคุณ
description: หน้า Landing pages เป็นหน้าที่คุณสร้างขึ้นมาเพื่อต้องการเพิ่มการเข้าชมให้กับแคมเปญแต่ละแคมเปญ ซึ่งหน้านั้นไม่จำเป็นจะต้องเป็นหน้าหลัก ดังนั้นจึงควรเรียนรู้วิธีวางแผน รู้จักโครงสร้าง และออกแบบให้เหมาะสม
---

[Digital Blog - Ourgreenfish ](https://blog.ourgreenfish.com)

# [เรียนรู้วิธี ออกแบบ Landing pages ให้เหมาะกับเว็บไซต์ของคุณ](https://blog.ourgreenfish.com/เรียนรู้วิธี-ออกแบบ-landing-pages-ให้เหมาะกับเว็บไซต์ของคุณ)

 เขียนโดย [สุพัตรา อัมรานนท์](https://blog.ourgreenfish.com/author/สุพัตรา-อัมรานนท์) - 19 มิ.ย. 2019, 4:00:00

หน้า Landing pages เป็นหน้าที่คุณสร้างขึ้นมาเพื่อต้องการเพิ่มการเข้าชมให้กับแคมเปญแต่ละแคมเปญ ซึ่งหน้านั้นไม่จำเป็นจะต้องเป็นหน้าหลัก ดังนั้นจึงควรเรียนรู้วิธีวางแผน รู้จักโครงสร้าง และออกแบบให้เหมาะสม

### **โครงสร้างสำหรับ ออกแแบบ Landing pages**

****

**1 .นำ Navigation ออก  
**เพื่อให้ผู้เข้าชมอยู่ในหน้าLandingในระยะเวลานาน ๆ คุณควรจะนำลิงก์ที่ทำให้ไปสู่หน้าต่าง ๆ ออกให้หมด และเราต้องการให้ผู้เข้าชมดูหน้านี้อย่างละเอียด เพราะหากมี Navigation ในหน้านี้จะทำให้ผู้เข้าชมเกิดความไขว้เขวและไปสู่หน้าอื่น ๆ ได้ง่าย

**2. พาดหัวข้อให้มีความน่าสนใจ  
**สำหรับชื่อหัวข้อนั้นควรมีลักษณะดังนี้

- ชื่อหัวข้อควรน่าสนใจ กระชับ และรัดกุม
- หัวข้อนั้น เมื่ออ่านต้องสามารถรู้ได้ทันทีว่าหากคลิกเข้ามานั้นจะได้ความรู้และประโยชน์อย่างไรต่อผู้เข้าชมบ้าง
- สามารถแบ่งประเภทของหัวข้อได้ เช่น หากเป็นวิดีโอ ให้ระบุไปว่าวิดีโอด้วย
- สูตรง่าย ๆ สำหรับการตั้งหัวข้อคือ กริยา + ข้อเสนอพิเศษ + ประโยชน์ของผู้เข้าชม

**3. Subheadline  
**สามารถใช้หัวข้อย่อยในการแบ่งสัดส่วนของเรื่องที่จะสื่อในหน้าLanding หรือเอาไว้อธิบายหัวข้อแบบสั้น ๆ กระชับให้ได้ใจความ

**4. คำอธิบายและประโยชน์ที่จะได้รับ  
**ควรทำประมาณ 1 - 3 ประโยค ตรวจสอบเนื้อหาให้แน่ใจว่าผู้ได้รับประโยชน์จากการอ่านในส่วนนี้นั้นเป็นใคร จะได้เขียนหรือเสนอข้อเสนอพิเศษได้อย่างเจาะจง

**5. มีรูปภาพเพื่อดึงดูด  
**รูปภาพสามารถอธิบายได้ทุกสิ่ง หากเราใช้รูปภาพได้เหมาะสมกับหน้าและหัวข้อของคุณ และคนจะเสพรูปภาพได้ง่ายกว่าข้อความ

**6. มีแบบฟอร์มให้กรอกข้อมูล  
**ฟอร์มสำหรับกรอกข้อมูลควรให้กรอกข้อมูลสำคัญ เช่น ชื่อ นามสกุล อีเมล์ เป็นต้น ไม่ควรขอข้อมูลที่มากเกินไป เพราะจะทำให้ผู้เข้าชมรู้สึกว่าเยอะไป ไม่อยากกรอก และควรตรวจสอบให้แน่ใจว่าฟอร์มอยู่ในครึ่งหน้าแรก เพื่อที่ผู้เข้าชมจะได้ไม่ต้องเลื่อนลงเพื่อหาแบบฟอร์ม

**7. ช่องทาง Social Sharing  
**ผู้เข้าชมอาจจะอยากแบ่งปันเรื่องราวที่เกี่ยวกับ Landing pages อาจทำให้เกิด Traffic เข้ามาเว็บไซต์มากยิ่งขึ้น ดังนั้นช่องทาง Social Sharing จึงเป็นอีกช่องทางที่สำคัญ

**8. ส่วนท้ายของหน้า  
**การ ออกแบบ Landing pages ถึงแม้ว่าจะเป็นส่วนที่ไม่สำคัญแต่ก็อย่าละเลย ต้องตรวจสอบให้แน่ใจว่าสามารถทำงานได้สอดคล้องกับหน้านี้ไหม

อย่างไรก็ตาม หากเราออกแบบให้ถูกกับหลักโครงสร้างและเหมาะสมก็จะทำให้เว็บไซต์ของคุณนั้นมีประสิทธิภาพและมีความน่าเชื่อถือ และสามารถสร้างความประทับใจให้ผู้เข้าชมได้อีกด้วย

[กลยุทธ์ในการทำการตลาดแบบ Inbound Marketing มีอะไรบ้างมาดูกัน](https://blog.ourgreenfish.com/th/what_is_the_strategy_inbound_marketing)

 

**Supattra Ammaranon x Ourgreenfish

**

ที่มา : [[1](https://resources.webjourney.ie/how-to-run-an-inbound-marketing-campaign#06_landing_pages)]

[ดูโพสต์ฉบับเต็ม](https://blog.ourgreenfish.com/เรียนรู้วิธี-ออกแบบ-landing-pages-ให้เหมาะกับเว็บไซต์ของคุณ)

```json
{
  "@context" : "http://schema.org",
  "@type" : "BlogPosting",
  "author" : {
    "@type" : "Person",
    "name" : "สุพัตรา อัมรานนท์"
  },
  "dateModified" : "2019-11-14T04:39:27.527Z",
  "datePublished" : "2019-06-19T04:00:00Z",
  "headline" : "เรียนรู้วิธี ออกแบบ Landing pages ให้เหมาะกับเว็บไซต์ของคุณ",
  "image" : {
    "@type" : "ImageObject",
    "height" : 800,
    "url" : "https://blog.ourgreenfish.com/hubfs/%E0%B9%80%E0%B8%A3%E0%B8%B5%E0%B8%A2%E0%B8%99%E0%B8%A3%E0%B8%B9%E0%B9%89%E0%B8%A7%E0%B8%B4%E0%B8%98%E0%B8%B5%E0%B8%AD%E0%B8%AD%E0%B8%81%E0%B9%81%E0%B8%9A%E0%B8%9A-Landing-pages-.jpg",
    "width" : 1200
  },
  "mainEntityOfPage" : "https://blog.ourgreenfish.com/เรียนรู้วิธี-ออกแบบ-landing-pages-ให้เหมาะกับเว็บไซต์ของคุณ",
  "publisher" : {
    "@type" : "Organization",
    "logo" : {
      "@type" : "ImageObject",
      "height" : 60,
      "url" : "/hs/hsstatic/content_shared_assets/static-1.4092/img/default-amp-logo.png",
      "width" : 60
    },
    "name" : "Digital Blog"
  }
}
```