วิธีการ“ อย่างง่ายดาย” เพิ่ม Anchor Links ใน WordPress (ทีละขั้นตอน)

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


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

ในคำแนะนำทีละขั้นตอนนี้เราจะอธิบายสิ่งที่เชื่อมโยงจุดยึดและแสดงวิธีการเพิ่มการเชื่อมโยงจุดยึดใน WordPress.

เพิ่มการเชื่อมโยงจุดยึดใน WordPress

พร้อมหรือยัง? เริ่มต้นด้วยตัวอย่างการเชื่อมโยงสด.

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

    Anchor Link คืออะไร?

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

    ดูภาพหน้าจอเคลื่อนไหวได้ด้านล่าง:

    ดูตัวอย่างลิงค์ Anchor

    อย่างที่คุณเห็นการคลิกที่ลิงค์จุดยึดจะนำผู้ใช้ไปยังส่วนที่ระบุในหน้าเดียวกัน.

    ลิงค์ Anchor มักใช้ในบทความที่มีความยาวเป็นสารบัญซึ่งอนุญาตให้ผู้ใช้ข้ามไปยังส่วนที่ต้องการอ่านได้อย่างรวดเร็ว.

    ทำไมและเมื่อคุณควรใช้สมอลิงค์?

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

    วิธีที่ดีที่สุดในการทำเช่นนั้นคือการช่วยให้พวกเขาเห็นข้อมูลที่ต้องการได้อย่างรวดเร็ว.

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

    ลิงค์ Anchor ยังยอดเยี่ยมสำหรับ WordPress SEO Google สามารถแสดงลิงค์จุดยึดในผลการค้นหาเป็น“ ข้ามไปที่ลิงค์”.

    ข้ามไปที่ลิงก์ในผลการค้นหา

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

    ข้ามไปที่ลิงก์หลายรายการด้านล่างผลการค้นหา

    ต้องบอกว่ามาดูวิธีเพิ่มสมอลิงก์ใน WordPress ได้ง่ายๆ.

    วิธีเพิ่ม Anchor Links ใน WordPress ด้วยตนเอง

    หากคุณต้องการเพิ่มลิงค์เชื่อมโยงสองสามข้อในบทความของคุณคุณสามารถทำได้ด้วยตนเอง.

    โดยทั่วไปคุณต้องเพิ่มสองสิ่งเพื่อให้สมอข้อความทำงานได้ตามที่ต้องการ.

    1. สร้างลิงค์จุดยึดด้วยเครื่องหมาย # หน้าข้อความจุดยึด.
    2. เพิ่มแอตทริบิวต์ id ให้กับข้อความที่คุณต้องการให้ผู้ใช้นำไปใช้.

    มาเริ่มด้วยส่วนเชื่อมโยงสมอ.

    ขั้นตอนที่ 1 การสร้างลิงค์สมอ

    ก่อนอื่นคุณต้องเลือกข้อความที่คุณต้องการเชื่อมโยงจากนั้นคลิกที่ปุ่มลิงค์ลิงค์ในเครื่องมือแก้ไข WordPress Gutenberg.

    เพิ่มลิงค์ใน WordPress

    สิ่งนี้จะแสดงป๊อปอัปลิงค์แทรกที่คุณมักจะเพิ่ม URL หรือค้นหาโพสต์หรือเพจที่จะเชื่อมโยง.

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

    สร้างลิงค์สมอ

    หลังจากนั้นคลิกที่ปุ่ม Enter เพื่อสร้างลิงค์.

    เคล็ดลับที่เป็นประโยชน์ในการเลือกข้อความที่จะใช้เป็นลิงค์ยึด # ของคุณ:

    • ใช้คำหลักที่เกี่ยวข้องกับส่วนที่คุณเชื่อมโยง.
    • อย่าทำให้ลิงก์สมอของคุณยาวหรือซับซ้อนโดยไม่จำเป็น.
    • ใช้เครื่องหมายขีดกลางเพื่อแยกคำและทำให้อ่านง่ายขึ้น.
    • คุณสามารถใช้ตัวพิมพ์ใหญ่เป็นตัวยึดข้อความเพื่อให้อ่านได้ง่ายขึ้น ตัวอย่างเช่น: # Best-Coffee-Shops-Manhattan.

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

    นั่นเป็นเพราะเบราว์เซอร์ไม่สามารถหาลิงก์จุดยึดเป็น ID.

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

    ขั้นตอนที่ 2 เพิ่มแอตทริบิวต์ ID ไปยังส่วนที่เชื่อมโยง

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

    จากนั้นคลิกเพื่อเลือกบล็อกจากนั้นในการตั้งค่าบล็อกให้คลิกที่แท็บขั้นสูงเพื่อขยาย คุณสามารถคลิกที่แท็บ ‘ขั้นสูง’ ภายใต้การตั้งค่าบล็อกส่วนหัว.

    HTML Anchor

    หลังจากนั้นคุณจะต้องเพิ่มข้อความเดียวกับที่คุณเพิ่มเป็นลิงค์จุดยึดใต้ฟิลด์ ‘HTML Anchor’ ตรวจสอบให้แน่ใจว่าคุณเพิ่มข้อความโดยไม่มีคำนำหน้า #.

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

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

    ในกรณีนี้คุณต้องคลิกที่เมนูสามจุดในการตั้งค่าบล็อกและเลือก “แก้ไขเป็น HTML”.

    แก้ไขเป็น HTML

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

    ถ้าเป็นวรรคหรือ

    ถ้ามันเป็นบล็อกตารางและอื่น ๆ.

    ตอนนี้คุณต้องเพิ่มจุดยึดของคุณเป็นแอตทริบิวต์ ID ในแท็กนั้นเช่นรหัสต่อไปนี้:

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

    แปลงเป็น HTML

    วิธีเพิ่ม Anchor Link ใน Classic Editor ด้วยตนเอง

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

    ขั้นตอนที่ 1 สร้างลิงค์จุดยึด

    ขั้นแรกให้เลือกข้อความที่คุณต้องการเปลี่ยนเป็นลิงค์จุดยึดแล้วคลิกปุ่ม ‘แทรกลิงก์’.

    การเพิ่มลิงค์จุดยึดใน Classic Editor

    หลังจากนั้นคุณต้องเพิ่มลิงค์ anchor ด้วยคำนำหน้า # sign ตามด้วยกระสุนที่คุณต้องการใช้สำหรับลิงค์.

    ขั้นตอนที่ 2 เพิ่มแอตทริบิวต์ ID ไปยังส่วนที่เชื่อมโยง

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

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

    การเพิ่ม anchor ID ใน Classic Editor

    ตอนนี้ค้นหาแท็ก HTML ที่คุณต้องการกำหนดเป้าหมาย ตัวอย่างเช่น,

    ,

    ,

    , และอื่น ๆ.

    คุณต้องเพิ่มแอตทริบิวต์ ID ด้วยตัวยึดของสมอลิงค์โดยไม่มี # นำหน้าเช่นนี้

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

    วิธีเพิ่ม Anchor Links ใน HTML ด้วยตนเอง

    หากคุณคุ้นเคยกับการเขียนในโหมดข้อความของ Classic Editor แบบเก่าใน WordPress นี่คือวิธีที่คุณจะสร้างลิงค์จุดยึดใน HTML ด้วยตนเอง.

    ก่อนอื่นคุณต้องสร้างลิงค์ anchor ด้วย # prefix โดยใช้แท็กปกติดังนี้:

    ร้านกาแฟที่ดีที่สุดในแมนฮัตตัน

    ถัดไปคุณต้องเลื่อนลงไปที่ส่วนที่คุณต้องการแสดงเมื่อผู้ใช้คลิกที่ลิงค์.

    โดยปกติส่วนนี้เป็นหัวเรื่อง (h2, h3, h4, ฯลฯ ) แต่อาจเป็นองค์ประกอบ HTML อื่น ๆ หรือแม้กระทั่งย่อหน้าง่ายๆ

    แท็ก.

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

    ร้านกาแฟที่ดีที่สุดในแมนฮัตตัน

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

    วิธีการเพิ่มส่วนหัวเป็น Anchor Links ใน WordPress โดยอัตโนมัติ

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

    สิ่งแรกที่คุณต้องทำคือติดตั้งและเปิดใช้งานปลั๊กอินง่าย ๆ สำหรับรายละเอียดเพิ่มเติมดูที่คู่มือทีละขั้นตอนเกี่ยวกับวิธีการติดตั้งปลั๊กอิน WordPress.

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

    เมื่อเปิดใช้งานให้ไปที่ การตั้งค่า» หน้าเพื่อกำหนดการตั้งค่าปลั๊กอิน.

    การตั้งค่าปลั๊กอินง่าย ๆ

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

    คุณยังสามารถเปิดใช้งานตัวเลือกแทรกอัตโนมัติ สิ่งนี้ทำให้ปลั๊กอินสามารถสร้างบทความทั้งหมดโดยอัตโนมัติรวมถึงบทความเก่าที่ตรงกับเกณฑ์.

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

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

    เลือกสถานที่และเวลาที่จะแสดง

    คุณสามารถตรวจสอบการตั้งค่าขั้นสูงอื่น ๆ ในหน้าและเปลี่ยนแปลงได้ตามต้องการ.

    อย่าลืมคลิกปุ่ม “บันทึกการเปลี่ยนแปลง” เพื่อบันทึกการตั้งค่าของคุณ.

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

    คุณจะสังเกตเห็นว่าปลั๊กอินจะแสดงโดยอัตโนมัติก่อนส่วนหัวแรกของบทความ.

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

    ในหน้าจอแก้ไขโพสต์ให้เลื่อนลงไปที่แท็บ below ’ด้านล่างเครื่องมือแก้ไข.

    เพิ่มด้วยสมอลิงค์ด้วยตนเอง

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

    ตอนนี้คุณสามารถบันทึกการเปลี่ยนแปลงและดูตัวอย่างบทความของคุณ ปลั๊กอินจะแสดงรายการลิงก์สมอเป็นของคุณโดยอัตโนมัติ .

    ภาพตัวอย่าง

    สำหรับคำแนะนำโดยละเอียดเพิ่มเติมดูบทความของเราเกี่ยวกับวิธีเพิ่มใน WordPress.

    เราหวังว่าบทความนี้จะช่วยให้คุณเรียนรู้วิธีเพิ่มจุดยึดลิงก์ใน WordPress ได้อย่างง่ายดาย คุณอาจต้องการดูเคล็ดลับของเราเกี่ยวกับวิธีเพิ่มประสิทธิภาพการโพสต์บล็อกของคุณสำหรับ SEO และปลั๊กอิน WordPress Builder builder ที่ดีที่สุดของเรา.

    Jeffrey Wilson Administrator
    Sorry! The Author has not filled his profile.
    follow me

      Adblock
      detector