SEO อ่าน 9 นาที

On-page SEO: วิธีปรับแต่งหน้าเว็บทีละองค์ประกอบ

หน้าเดียว จากบนลงล่าง แต่ละองค์ประกอบเปลี่ยนอะไรจริง ๆ พร้อมตัวอย่างการเขียนใหม่ก่อนและหลัง

หัวข้อในหน้านี้ 8 หัวข้อ

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

แต่ก็เป็นจุดที่เสียแรงเปล่าได้ง่าย บางองค์ประกอบได้รับความสำคัญ มากเกินจริง และปลั๊กอิน SEO ก็ขึ้นไฟเขียว นานก่อนที่หน้าจะดีจริง จากสามคำถามเบื้องหลัง เว็บไซต์ที่เป็นมิตรกับ SEO On-page SEO ตอบหนึ่งข้อ คือแต่ละหน้า ตอบการค้นหาจริงหรือไม่

คู่มือนี้ไล่ดูหน้าเว็บหนึ่งหน้า จากบนลงล่าง ว่าแต่ละองค์ประกอบมีผลต่ออะไร ไม่มีผลต่ออะไร และแบบที่ดีกว่าหน้าตาเป็นอย่างไร ตัวอย่างมาจากบริษัทสมมุติ ชื่อ Acme Interiors และหน้าบริการ “ตกแต่งภายในสำนักงาน” ของบริษัทนี้

ก่อนแก้ไข: หนึ่งหน้า หนึ่งการค้นหา

จนกว่าจะรู้ว่าหน้านี้ ควรตอบการค้นหาแบบไหน การแก้ไขก็เป็นแค่การเรียงคำใหม่ ตัดสินใจ 3 เรื่องนี้ก่อน

หน้าที่จะแก้ เริ่มจากหน้าที่ใกล้รายได้ที่สุด โดยทั่วไปคือหน้าบริการหลัก

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

หน้านี้ติดอันดับกับคำไหนอยู่แล้ว ใน Google Search Console กรองรายงาน Performance ด้วย URL ของหน้า แล้วอ่านคำค้นหา คำค้นที่มีประโยชน์ ซึ่งค้างอยู่หน้าสองหรือหน้าสาม บอกว่าควรเสริมอะไร

แต่ละองค์ประกอบ On-page SEO มีผลต่ออะไร

แต่ละองค์ประกอบทำหน้าที่ต่างกัน และหลายอย่าง มีผลน้อยกว่าที่คนคิด

องค์ประกอบ มีผลหลัก ๆ ต่อ สิ่งที่ไม่ได้ทำ
แท็ก title ความเข้าใจว่าหน้า เกี่ยวกับอะไร และมักเป็น หัวข้อในผลการค้นหา รับประกันว่า Google จะแสดง หัวข้อนั้น
Meta description คนจะคลิกหรือไม่ ส่งผลต่ออันดับ
URL ความชัดเจน และโครงสร้าง ที่เป็นระเบียบ ช่วยอันดับได้มาก ด้วยตัวเอง
H1 และหัวข้อ การกวาดตาอ่าน และหัวข้อย่อย ที่หน้าครอบคลุม ให้รางวัลกับ การใส่คีย์เวิร์ด ในทุกหัวข้อ
ย่อหน้าแรก ผู้เข้าชมจะอยู่ต่อไหม และสิ่งที่ snippet กับคำตอบ AI ยกไปอ้างได้ ทำหน้าที่ เป็นแค่การเกริ่น
เนื้อหาหลัก หน้านี้สมควร ติดอันดับหรือไม่ ให้รางวัลกับ ความยาว เพียงอย่างเดียว
รูปภาพ และ alt text การค้นหารูปภาพ การเข้าถึง และบริบท กู้หน้า ที่เนื้อหาบาง
ลิงก์ภายใน การค้นพบและเข้าใจ หน้าที่เกี่ยวข้องกัน ช่วยได้มาก เมื่อข้อความลิงก์ คือ “คลิกที่นี่”
CTA การติดต่อสอบถาม อันดับ โดยตรง

ในผลการค้นหา: แท็ก title, meta description และ URL

แท็ก title

แท็ก title หรือองค์ประกอบ HTML <title> บอกเครื่องมือค้นหาและคนค้นหา ว่าหน้านี้เกี่ยวกับอะไร และมักเป็นหัวข้อที่คลิกได้ ในผลการค้นหา Google ไม่ได้สัญญาว่าจะใช้มัน เอกสารของ Google เรื่อง title link ระบุแหล่งอื่นที่อาจนำมาใช้ รวมถึงหัวข้อหลักของหน้า และข้อความของลิงก์ที่ชี้มาหน้านั้น สาเหตุที่ Google มักเขียน title ใหม่ ได้แก่ title ที่แทบว่างเปล่า ล้าสมัย ไม่ถูกต้อง หรือเกือบเหมือนกัน ในหน้าที่คล้ายกัน และ Google เตือนไม่ให้ยัดคีย์เวิร์ด

วิธีป้องกันที่ดีที่สุด คือ title ที่ถูกต้องและเจาะจง

  • ขึ้นต้นด้วยคีย์เวิร์ดหลัก ในคำที่คนใช้ค้นหา ไม่มีข้อกำหนดความยาวอย่างเป็นทางการ แต่ Google จะตัด title ที่ยาว ให้พอดีความกว้างของอุปกรณ์
  • ทำให้ไม่ซ้ำกับหน้าอื่น และใส่ชื่อแบรนด์ครั้งเดียว ไว้ท้ายสุด

Meta description

Google เคยบอกว่าไม่ได้ใช้ meta description ในการจัดอันดับ และไม่ได้แสดงมันทุกครั้ง snippet ส่วนใหญ่มาจากเนื้อหาในหน้า และจะใช้ meta description เมื่อมันอธิบายหน้าได้แม่นยำกว่า หน้าที่ของมันคือ ทำให้คนคลิก เมื่อได้แสดง

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

URL

Google แนะนำให้ใช้คำที่อ่านออก แทนตัวเลข ID ใช้ขีดกลางคั่นคำ และใช้ภาษาของกลุ่มเป้าหมาย SEO Starter Guide ของ Google เสริมว่า คีย์เวิร์ดในโดเมน หรือในพาธของ URL เพียงอย่างเดียว แทบไม่มีผลต่ออันดับ นอกจากการไปปรากฏใน breadcrumb ดังนั้น อย่าเปลี่ยนที่อยู่ของหน้าที่ติดอันดับอยู่แล้ว แค่เพื่อเพิ่มคีย์เวิร์ด ถ้าจำเป็นต้องเปลี่ยน URL ให้ทำ 301 redirect จาก URL เดิม เช็กลิสต์ SEO สำหรับการย้ายเว็บไซต์ อธิบายวิธีทำ

ก่อนและหลัง

ในผลการค้นหา ก่อน หลัง
แท็ก title บริการ – บริษัท Acme Interiors จำกัด ตกแต่งภายใน สำนักงาน: ออกแบบและก่อสร้าง ในสัญญาเดียว – Acme
Meta description Acme คือบริษัทชั้นนำ ที่มอบโซลูชันคุณภาพ ตอบทุกความต้องการ ของคุณ ติดต่อเราวันนี้! ตกแต่งภายใน สำนักงาน ตั้งแต่สำรวจพื้นที่ ครั้งแรก จนถึงวันย้ายเข้า วางผังพื้นที่ งานไฟฟ้า เดินสายเคเบิล และเฟอร์นิเจอร์ ราคาคงที่ราคาเดียว และทีมเดียวรับผิดชอบ
URL /our-services/page-2/ /services/office-fit-out/

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

บนหน้าเว็บ: H1 ย่อหน้าแรก และโครงสร้างหัวข้อ

H1 ที่ชัดเจนหนึ่งเดียว

H1 ควรยืนยันด้วยคำง่าย ๆ ว่าผู้เข้าชม มาถูกที่แล้ว โดยทั่วไปจะสอดคล้องกับแท็ก title แต่ไม่ลอกกัน title เขียนสำหรับหน้าผลการค้นหา ส่วน H1 เขียนสำหรับคนที่อยู่บนหน้าของคุณแล้ว

ก่อน “บริการของเรา” หลัง “ตกแต่งภายในสำนักงาน ออกแบบและก่อสร้าง ในสัญญาเดียว”

ตรวจว่าธีมไม่ได้ทำโลโก้ เป็น H1 ด้วย และหัวข้อเป็นข้อความจริง ไม่ใช่ตัวอักษรที่ฝังอยู่ในรูปแบนเนอร์

ย่อหน้าแรกที่ตอบก่อน

ย่อหน้าแรกเป็นตัวชี้ว่า ผู้เข้าชมจะอยู่ต่อหรือไม่ และคำตอบตรง ๆ ใกล้ด้านบน คือข้อความแบบที่ featured snippet หรือคำตอบที่ AI สร้าง หยิบไปใช้ได้ บอกว่าหน้านี้มีอะไร และสำหรับใคร ก่อนเล่าประวัติบริษัท

ก่อน “ก่อตั้งในปี 2005 Acme Interiors มุ่งมั่นสู่ความเป็นเลิศ และใส่ใจคุณภาพ ในทุกสิ่งที่เราทำ”

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

ณ เวลาที่เขียน (สิงหาคม 2026) Google บอกว่า AI Overviews และ AI Mode ไม่ต้องปรับแต่งพิเศษ นอกเหนือจากแนวปฏิบัติ SEO ปกติ ส่วน การทำ GEO ครอบคลุมสิ่งอื่น ที่ช่วยให้ผู้ช่วย AI หยิบเนื้อหาของคุณไปใช้

โครงสร้างหัวข้อที่สรุปภาพรวมของหน้า

อ่าน H2 และ H3 ของคุณแยกออกมา มันควรใช้เป็นสารบัญได้

  • ใช้ H2 สำหรับส่วนหลัก และ H3 สำหรับประเด็นย่อย ภายในส่วนนั้น โดยไม่ข้ามระดับ
  • อธิบายเนื้อหาของส่วน (“งานตกแต่งครอบคลุมอะไรบ้าง”) ไม่ใช่ป้ายชื่อ (“ภาพรวม”) หรือสโลแกน (“ส่งมอบความเป็นเลิศ”)
  • อย่าเลือกระดับหัวข้อ เพราะขนาดตัวอักษร หรือยัดคีย์เวิร์ดลงในทุกหัวข้อ

Google เคยบอกว่าระบบของตน รับมือกับ H1 หลายตัวได้ และ SEO Starter Guide ของ Google ระบุว่า ลำดับหัวข้อสำคัญต่อโปรแกรมอ่านหน้าจอ แต่ไม่สำคัญต่อ Search อย่างไรก็ตาม ควรทำให้ถูกอยู่ดี เพราะผู้ใช้โปรแกรมอ่านหน้าจอ จำนวนมาก เลื่อนไปมาในหน้าผ่านหัวข้อ และ WCAG 2.2 กำหนดให้หัวข้อ อธิบายหัวเรื่องหรือจุดประสงค์ (เกณฑ์ความสำเร็จ 2.4.6 ระดับ AA) การเข้าถึงสำหรับทุกคน กับ SEO แสดงว่าสองเรื่องนี้ ทับซ้อนกันตรงไหน

เนื้อหาหลักที่ครอบคลุมหัวข้ออย่างครบถ้วน

ครอบคลุมสิ่งที่ผู้ค้นหาต้องรู้ก่อนตัดสินใจ

ศึกษาหน้าที่ติดอันดับอยู่แล้ว และคำถามในส่วน “People also ask” แล้วทำรายการสิ่งที่ผู้ซื้อต้องรู้ ก่อนติดต่อมา สำหรับงานตกแต่งภายในสำนักงาน ได้แก่ มีอะไรรวมอยู่บ้าง กระบวนการเป็นอย่างไร อะไรเป็นตัวกำหนดราคา ใช้เวลานานแค่ไหน และจะมีการรบกวนการทำงาน มากน้อยเพียงใด

แนวทางเรื่องเนื้อหาที่เป็นประโยชน์ (helpful content) ของ Google ถามว่า เนื้อหาอธิบายหัวข้ออย่างมีสาระ และครบถ้วนหรือไม่ และบอกว่า Google ไม่มีจำนวนคำที่ชอบเป็นพิเศษ ตอบแต่ละคำถามให้ดี แล้วหยุด วิธีเขียนหน้าบริการ ครอบคลุมสิ่งที่หน้าบริการ ต้องพูดโดยเฉพาะ

เจาะจงพอให้คนเชื่อ

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

ใช้คีย์เวิร์ดแบบที่คนพูดจริง

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

ในเว็บไซต์หลายภาษา แต่ละเวอร์ชันภาษา ต้องมี title คำอธิบาย หัวข้อ และ alt text ของตัวเอง เขียนตามวิธีที่คนค้นหาในภาษานั้น คู่มือ SEO หลายภาษา ครอบคลุมโครงสร้างเบื้องหลัง

รูปภาพ ลิงก์ภายใน และ CTA

รูปภาพและ alt text

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

  • ใช้องค์ประกอบรูปภาพจริง Google ค้นพบรูปภาพจากองค์ประกอบ HTML <img> รวมถึงที่อยู่ใน <picture> แต่ไม่จัดทำดัชนีรูปพื้นหลังที่ใส่ด้วย CSS
  • ตั้งชื่อไฟล์ให้สื่อความหมาย office-fit-out-open-plan.jpg บอกได้มากกว่า IMG_4821.jpg
  • เขียน alt text สำหรับคนที่มองไม่เห็นรูป โปรแกรมอ่านหน้าจอจะอ่านออกเสียง และ Google ใช้ alt text ร่วมกับ เทคโนโลยีวิเคราะห์ภาพ (computer vision) และเนื้อหารอบ ๆ เพื่อเข้าใจรูป

ก่อน “ตกแต่งสำนักงาน บริษัทตกแต่งสำนักงานที่ดีที่สุด ตกแต่งสำนักงาน” หลัง “สำนักงานแบบเปิดโล่ง พร้อมโต๊ะปรับระดับความสูง และแผ่นฝ้าดูดซับเสียง”

รูปตกแต่งให้ใส่ alt text ว่างเปล่า (alt="") เพื่อให้โปรแกรมอ่านหน้าจอข้ามไป การปรับแต่งรูปภาพสำหรับเว็บไซต์ ครอบคลุมวิธีทำให้ไฟล์เบา

ลิงก์ภายใน

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

CTA

ปุ่มหรือข้อความชวนให้ติดต่อ (CTA) ไม่มีผลต่ออันดับ แต่เป็นเหตุผลที่หน้านี้มีอยู่ ก่อน: ลิงก์ “ติดต่อเรา” ลิงก์เดียว ที่ส่วนท้ายของหน้า หลัง: “นัดสำรวจพื้นที่” ต่อจากส่วนที่พูดเรื่องราคา และอีกครั้งตอนท้าย พร้อมทางเลือกที่ผูกมัดน้อยกว่า เช่น เช็กลิสต์การวางแผนที่ดาวน์โหลดได้ แนวปฏิบัติที่ดีของ CTA ครอบคลุมเรื่องถ้อยคำ และตำแหน่ง

เช็กลิสต์ On-page SEO

ในผลการค้นหา

บนหน้าเว็บ

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

วัดผลสิ่งที่เปลี่ยนไป

จดวันที่ไว้ แล้วขอให้ Google รวบรวมข้อมูลหน้านั้นใหม่ ด้วยคำสั่งขอจัดทำดัชนี (Request indexing) ในเครื่องมือตรวจสอบ URL ของ Search Console ผ่านไปสองสามสัปดาห์ ให้เปรียบเทียบข้อมูล Performance ของหน้า กับช่วงเวลาที่ยาวเท่ากันก่อนหน้า การเปลี่ยน title และคำอธิบาย มักเห็นผลในอัตราการคลิก ส่วนการเปลี่ยนเนื้อหา มักเห็นผลในจำนวนการแสดงผล และอันดับเฉลี่ย

ขั้นตอนต่อไป

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

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

เขียนโดยทีมงาน PORVIX

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

เผยแพร่

วิธีทำงานของเรา

เว็บไซต์ตอนนี้ กำลังทำให้คุณเสียการติดต่อจากลูกค้าไปหรือเปล่า?

ตรวจสอบเว็บไซต์ฟรี พร้อมรายงานที่อ่านเข้าใจง่าย ส่งทางอีเมล ภายใน 2 วันทำการ

ขอตรวจสอบเว็บไซต์ฟรี
ขอตรวจสอบเว็บไซต์ฟรี

อ่านต่อ

คู่มืออื่น ที่อ่านเข้าใจง่าย

อ่านเรื่อง SEO ก่อน แล้วต่อด้วยคู่มืออื่นที่น่าอ่านต่อ

บทความทั้งหมด

เริ่มต้นที่นี่

มาสร้างเว็บไซต์ที่ช่วยหาลูกค้าให้ธุรกิจของคุณ

เล่าเรื่องโปรเจกต์ของคุณให้เราฟัง แล้วคุณจะได้คำตอบจากคนจริง ๆ ภายใน 1 วันทำการ พร้อมคำแนะนำที่ตรงไปตรงมา ไม่ว่าสุดท้ายจะร่วมงานกันหรือไม่

  • ปรึกษาฟรี
  • ใบเสนอราคาแบบราคาคงที่
  • ข้อมูลของคุณเป็นความลับ