วิธีการแทรก WordPress Anchor Hyperlinks ใน WordPress (3 เทคนิค)

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

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

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

การเชื่อมต่อ Anchor คืออะไร

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

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

ทำไมคุณถึงต้องการใช้ลิงก์ทางเดียวของ Anchor ใน WordPress

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

• หากคุณต้องการจัดหาเนื้อหาที่เป็นลายลักษณ์อักษรที่มีความยาวมากมายให้กับผู้อ่านของคุณ (เช่น โพสต์ที่มีระยะเวลา 3,000 บท) คุณมักจะมีสารบัญ นี่คือการใช้งานเฉพาะสำหรับการเชื่อมโยงขาเข้าของสมอ
• แองเคอร์ยังสามารถทำงานเมื่อคุณแชร์โพสต์ที่คั่นหน้า หากคุณมีจุดยึดภายใน URL ผู้อ่านจะเด้งตรงไปยังพื้นที่งานที่คุณต้องการให้พวกเขาเห็น
• Look for Engine Optimization ของคุณ (การเพิ่มประสิทธิภาพกลไกค้นหา) สามารถได้รับการปรับปรุง ส่วนใหญ่เป็นเพราะในบางเงื่อนไข เครื่องมือค้นหาจะแสดงคนเหล่านั้น WordPress ยึดลิงก์ทางเดียวเป็นรายการต่างๆ

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

วิธีใส่ลิงก์ย้อนกลับไปยังโค้ด HTML ใดๆ

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

ขั้นแรก คุณจะต้องเพิ่มลิงก์ย้อนกลับของสมอเหมือนที่คุณทำกับไฮเปอร์ลิงก์อื่นๆ – การใช้แท็ก สำหรับการเชื่อมต่อเพียงอย่างเดียว คุณจะต้องใช้ 'octothorpe' (หรือที่เรียกว่าสัญญาณแฮชหรือปอนด์) ก่อนหน้านั้น:

Click on further more down the web page

ต้องบอกว่าถ้าคุณคลิกที่นี้ URL จะไม่ไปไหน เพื่อให้ไป ที่ใดที่ หนึ่ง คุณจะต้องรวมไฮเปอร์ลิงก์ href ที่เหมือนกันเป็น id ในภายหลังในบทความ โดยไม่ต้องใช้ octothorpe:

หัวเรื่องสมอของเรา

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

วิธีเพิ่มลิงค์ WordPress Anchor (3 วิธี)

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

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

เริ่มแรกเราจะดูวิธีการแนะนำ แม้ว่าจะดูเหมือนยาก แต่การใช้ Block Editor ทำให้สิ่งนี้ง่ายมาก

1. ใช้เทคนิคแนะนำเพื่อแทรกลิงก์ขาเข้าของ Anchor ไปยัง Block Editor

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

ถัดไป เปลี่ยนสิ่งนี้เป็นลิงก์เว็บไซต์โดยใช้ตัวเลือกที่เกี่ยวข้อง และใส่แท็ก anchor ของคุณ นำหน้าด้วย octothorpe:

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

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

ที่นี่ รวมข้อความของ URL anchor ของ WordPress โดยไม่มี octothorpe นี่คือทั้งหมดที่คุณต้องทำ และหากคุณดูตัวอย่างแบบสด คุณจะเห็นว่าลิงก์ของเว็บไซต์ anchor ทำงาน

เพิ่มลิงก์ Anchor Back ไปยัง Vintage Editor

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

…จากนั้นคุณจะเปลี่ยนไปใช้โปรแกรมแก้ไขข้อความและเพิ่มจุดยึดให้กับปัจจัยในอุดมคติของคุณ:

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

2. แทรกลิงก์ Anchor Back โดยใช้ Site Builder Plugin

ปลั๊กอินตัวสร้างเพจส่วนใหญ่ เช่น Elementor หรือ Beaver Builder เสนอโมดูลเพื่อรวมการเชื่อมโยงหลายมิติในเนื้อหาของคุณ สิ่งเหล่านี้สามารถใช้งานได้หลากหลายเช่นเดียวกับ HTML ส่วนใหญ่เป็นเพราะสามารถไปได้ทุกที่ที่โมดูลอื่นสามารถทำได้

ตัวอย่างเช่น ใน Elementor คุณจะใช้องค์ประกอบ Menu Anchor:

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

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

3. ใช้ปลั๊กอินเพื่อรวมลิงก์ย้อนกลับอัตโนมัติไปยังเว็บไซต์ของคุณ

หากคุณต้องการเพิ่มประสิทธิภาพให้กับหน้าเว็บของคุณมากขึ้น และช่วยให้ลิงก์ย้อนกลับของ WordPress โดดเด่น คุณสามารถใช้ปลั๊กอินสารบัญ (ToC) ได้ มีจำนวนมากที่สามารถเข้าถึงได้ แต่ส่วนใหญ่ไม่มีการประเมินสำหรับ WordPress เวอร์ชันล่าสุดหรือไม่เคยมีการอัปเดตบ่อยๆ ถึงกระนั้น ปลั๊กอิน SimpleTOC จะทำเครื่องหมายที่คอนเทนเนอร์ที่เหมาะสมทั้งหมด:

แน่นอน คุณจะต้องตั้งค่าและเปิดใช้งานปลั๊กอินตามปกติ จากนั้นไปที่ตัวแก้ไขบล็อก ต่อมา ให้อนุรักษ์บทความของคุณ จากนั้นค้นหา SimpleTOC Block:

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

ถึงกระนั้น คุณสามารถจำกัดบางหัวข้อจาก ToC ของคุณได้หากต้องการ หากคุณเพิ่มหลักสูตร CSS simpletoc-concealed ไปยังอุตสาหกรรม คลาส CSS เพิ่มเติม ของ Heading Block สิ่งนี้จะปกปิดจาก ToC ของคุณ คุณสามารถพบระเบียบวินัยนี้ในจุดเดียวกันกับวินัยสมอ HTML: ใน บล็อก > แถบด้านข้างที่เป็นนวัตกรรมใหม่ :

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

สรุป

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

โพสต์นี้ปรากฏในกลยุทธ์บางประการในการรวมลิงก์แองเคอร์ WordPress เข้ากับเว็บไซต์ของคุณ นี่คือบทสรุปอย่างรวดเร็ว:

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

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