วิธีสร้างลิงก์สมอใน WordPress

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

ในบทความนี้ เราจะพูดถึงวิธีสร้างลิงก์ Anchor ใน WordPress หากคุณต้องการสร้างลิงก์สมอ คุณควรอ่านโพสต์นี้อย่างละเอียด

Anchor Links คืออะไร?

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

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

โดยค่าเริ่มต้น Anchor Links จะข้ามไปยังหัวข้อเฉพาะโดยตรง แต่คุณสามารถเปลี่ยนได้เพื่อประสบการณ์การเลื่อนที่ราบรื่น

ก่อนเรียนรู้วิธีสร้างลิงก์ Anchor ใน WordPress ให้ดูที่ลิงค์ Anchor ด้านบวกและด้านลบเหล่านี้

ข้อดี

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

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

ข้อเสีย

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

หากเว็บไซต์ของคุณใช้ รายได้จากโฆษณา คุณอาจได้รับการแสดงผลและการคลิกน้อยลง ซึ่งจะส่งผลต่อรายได้เว็บไซต์ของคุณ

จะสร้างลิงค์สมอใน WordPress ด้วยตนเองได้อย่างไร?

มีสองสิ่งที่คุณต้องจำไว้ก่อนที่จะสร้างลิงก์สมอ:

1. เพิ่ม เครื่องหมาย # ก่อนข้อความสมอ
2. เพิ่ม แอตทริบิวต์ id ให้กับข้อความปลายทาง

มาคุยกันในรายละเอียด

ขั้นตอนที่ 1: สร้าง Anchor Link

ประการแรก คุณต้องเลือกข้อความ รูปภาพ หรือปุ่มที่คุณต้องการสร้างลิงก์สมอ

คลิกที่ตัวเลือกแทรกลิงก์หลังจากเลือก

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

คลิกปุ่ม Enter เพื่อสร้างลิงค์

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

หลังจากที่คุณสร้างลิงค์ คุณจะเห็นว่าการคลิกที่ลิงค์นั้นไม่ทำงานบนตัวแก้ไข เป็นเพราะคุณต้องเพิ่มลิงก์สมอเป็น ID

ขั้นตอนที่ 2: เพิ่มแอตทริบิวต์ ID ในส่วนปลายทาง

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

หากส่วนปลายทางเป็นส่วนหัว ให้เลือกบล็อกส่วนหัวและเปิดการ ตั้งค่าบล็อก ทางด้านขวา คุณจะเห็นช่อง HTML Anchor ใต้แท็บ Advanced

ในฟิลด์ HTML Anchor คุณต้องเพิ่มข้อความที่คุณใช้เพื่อสร้างลิงก์ Anchor อย่าเพิ่ม คำนำหน้า # ในกรณีนี้

บันทึกโพสต์แล้วคลิกลิงก์สมอเพื่อย้ายคุณไปยังส่วนที่ต้องการ

ตอนนี้คุณรู้วิธีเพิ่ม anchor ID ในบล็อกส่วนหัวแล้ว ดังที่เราได้กล่าวไว้ก่อนหน้านี้ บล็อกนี้อาจเป็นย่อหน้าอื่นๆ ที่คล้ายกับบล็อก คุณต้องเปิดการตั้งค่าบล็อกก่อนสำหรับบล็อกอื่นๆ คุณสามารถแก้ไขโค้ด HTML สำหรับบล็อกนั้นได้เมื่อคุณคลิกแก้ไขเป็น HTML คุณจะเห็นแอตทริบิวต์ HTML เช่น <p>,<table> สำหรับย่อหน้า บล็อกตารางตามลำดับ เป็นต้น

 <p></p>

คุณควรเพิ่มจุดยึดให้กับแอตทริบิวต์ ID แต่ระวังอย่าเติมคำนำหน้า # สื่อนี้ควรคล้ายกับสิ่งที่เราทำในบล็อกส่วนหัว

คลิก แปลงเป็น HTML หากหน้าจอแสดงเนื้อหาที่ไม่คาดคิดหรือไม่ถูกต้อง บันทึกการเปลี่ยนแปลง จากนั้นคุณก็พร้อมที่จะเริ่มต้น

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

 example.com/desiredpage#desired-anchor

วิธีสร้างลิงก์สมอใน HTML

คล้ายกับขั้นตอนข้างต้น ขั้นแรก คุณต้องสร้างลิงก์สมอที่มี # นำหน้า และแท็ก <a href="”>

 <a href="#anchor-link-example">Example of Anchor Link</a>

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

ในแท็ก HTML แอตทริบิวต์ id ควรมีลิงก์ anchor โดยไม่มีเครื่องหมาย # นำหน้า

 < p >Destination of Anchor Link</p>

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

วิธีเพิ่มหัวเรื่องเป็นลิงก์สมอโดยอัตโนมัติ

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

นี่คือรายการของปลั๊กอินตารางที่เราแนะนำสำหรับไซต์ของคุณ:

สุดยอดปลั๊กอินตารางฟรีสำหรับ WordPress

โปรดติดตั้งปลั๊กอินตัวใดตัวหนึ่งและเปิดใช้งาน จากนั้นทดสอบการตั้งค่าของปลั๊กอินเพื่อเพิ่มส่วนหัวของโพสต์เป็นลิงก์สมอโดยอัตโนมัติในสารบัญ

บทสรุป

ฉันหวังว่าโพสต์นี้จะเป็นประโยชน์สำหรับคุณในการรู้วิธีสร้างลิงก์สมอใน WordPress

การอ่านเพิ่มเติม

1. วิธีการติดตั้ง WordPress ใหม่
2. วิธีแก้ไข HTML ใน WordPress
3. วิธีเพิ่มคำอธิบายเมตาใน WordPress