สอน WordPress การสร้าง Jump link ในหน้าเดียวกัน

สอน WordPress การสร้าง Jump link ในหน้าเดียวกัน

สอน WordPress ในการสร้าง Jump link หรือ Anchor Link เพื่อเชื่อมโยงข้อมูลเนื้อหาในหน้าเดียวกัน สามารถทำได้ง่ายด้วยวิธีการเพียงไม่กี่ขั้นตอน และไม่จำเป็นต้องใช้ coding skills มากมายให้ปวดหัว

Jump link หรือ Achor link คืออะไร?

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

สอน WordPress สร้าง Jump link ในหน้าเดียวกัน

ขั้นตอนสำหรับการเชื่อมโยงข้อมูลในหน้าบทความเดียวกันมีดังนี้

  1. เตรียมบทความเมนูสารบัญ
  2. สร้าง Anchor link/Jump link
  3. ใส่ ID code เพื่อให้ลิงก์ไปที่ส่วนนั้น
  4. ทดสอบลิงก์ว่าใช้การได้หรือไม่

เรียนรู้เพิ่มเติมข้อมูลที่จำเป็นต่อการทำ SEO ด้วยวิธีการทำ Internal Linking การสร้างลิงก์ไปยังหน้าอื่นๆ บนเว็บไซต์เดียวกัน

ชมตัวอย่างการสาธิตง่ายๆ ได้ที่วิดีโอนี้

 

 

 

เตรียมบทความ เมนูสารบัญ

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

สอน WordPress การสร้าง Jump link ในหน้าเดียวกัน

 

เมื่อได้ส่วนของสารบัญเมนูและข้อมูลในแต่ส่วนของบทความที่ต้องการลิงก์แล้ว ให้คุณไปสร้าง Anchor link ที่สารบัญเมนู

  • ไปที่ข้อความ
  • กดคลุมข้อความที่ต้องการใช้เป็นลิงก์
  • กด Insert link บนแถบเครื่องมือ
  • ช่องใส่ลิงก์ให้ใส่ # ตามด้วยข้อความลิงก์ของคุณ ตัวอย่างเช่น #Example
  • จากนั้นกด enter เป็นอันเสร็จเรียบร้อยในส่วนนี้

 

ใส่ ID code เพื่อให้ลิงก์ไปที่ส่วนนั้น

ใน WordPress หากคุณได้ติดตั้ง Plugin WordPress Classic Editor คุณจะสามารถแก้ไขข้อมูลได้ 2 แบบด้วยกันนั่นก็คือ Visual และ Text

ในขั้นตอนนี้ให้คุณไปที่หน้า Text แล้วมองหา Code ส่วนที่เป็นข้อมูลที่คุณต้องการ เพื่อใส่ code id ให้ anchor link ชี้ที่ข้อมูลนี้ ตัวอย่าง Code คือ id=”Example” จากนั้นกด update post (ข้อความที่ส่วนใน id code ต้องเป็นข้อความเดียวกันกับที่ใช้สร้าง anchor link)

สอน WordPress การสร้าง Jump link ในหน้าเดียวกัน

 

ทดสอบ link ว่าใช้การได้หรือไม่

ไปยังหน้าแสดงผลเว็บไซต์และทดสอบลิงก์ของคุณดูกว่าใช้การได้หรือไม่ หากไม่ลิงก์ไม่สามารถใช้การได้ให้กลับไปตรวจสอบ Anchor link และ id code ดูว่าคุณใส่ไว้ถูกต้องหรือไม่

 

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

 

ข้อมูลจำเป็นสำหรับการทำเว็บไซต์

บทความเพิ่มเติม สอน WordPress ติดตั้งปลั๊กอินสำหรับแสดงผู้เข้าชมโพสต์ในแต่ละหน้า

Plugin WordPress แสดงสถิติผู้ชมเว็บไซต์ ติดตั้งใช้งานได้ฟรี

 

แชร์เลย

Leave a Reply

Your email address will not be published. Required fields are marked *