Rel=”Noopener” คืออะไร และคุณใช้งานกับ WordPress อย่างไร?

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

ในบทความนี้ เราจะมาดูกันว่าลิงก์ noopener คืออะไรและจะใช้แอตทริบิวต์ rel=”noopener” กับ WordPress ได้อย่างไร

Rel=”Noopener” แอตทริบิวต์คืออะไร?

พูดง่ายๆ ก็คือ แอตทริบิวต์ rel=”noopener” จะถูกเพิ่มไปยังลิงก์ที่เปิดขึ้นในแท็บ/หน้าต่างใหม่ เมื่อคุณเพิ่มลิงก์ใน WordPress คุณสามารถเลือกได้ว่าลิงก์จะเปิดในหน้าต่างเดียวกันหรือในหน้าต่างอื่น เมื่อคุณเลือกที่จะเปิดในหน้าต่างอื่น WordPress จะเพิ่มแอตทริบิวต์ rel=”noopener” ให้กับ HTML ของคุณโดยอัตโนมัติพร้อมกับแอตทริบิวต์ target=”_blank” ปกติ

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

แต่เหตุผลหลักที่มีแอตทริบิวต์นี้มีไว้เพื่อความปลอดภัย

ย้อนกลับ Tabnabbing

แอตทริบิวต์ rel=”noopener” ปกป้องไซต์จากเจตนาร้าย โดยเฉพาะอย่างยิ่ง การโจมตีแบบฟิชชิ่งที่เรียกว่า reverse tabnabbing

การย้อนกลับของแท็บคือเมื่อไซต์ที่เป็นอันตรายใช้ window.opener.location.assign() เพื่อแทนที่เพจจริงด้วยเพจปลอม การทำงานในลักษณะนี้: หน้าที่เพิ่มลิงก์ เรียกว่าหน้าหลัก นำไปสู่หน้าย่อยผ่านลิงก์ดังกล่าว จากนั้นหน้าย่อยที่เป็นอันตรายจะแนบตัวเองกับหน้าหลักด้วย window.opener.location.assign() และเลียนแบบเว็บไซต์ดั้งเดิมด้วยเว็บไซต์ปลอม

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

แล้วนอเรเฟอร์เรอร์ล่ะ?

แอตทริบิวต์ rel=”noopener” ใช้งานได้กับเบราว์เซอร์ส่วนใหญ่ ยกเว้น Firefox และเบราว์เซอร์รุ่นเก่าอื่นๆ เมื่อ WordPress เพิ่มแอตทริบิวต์ rel=”noopener” ให้กับลิงก์ของคุณเป็นค่าเริ่มต้น คุณควรเพิ่มแอตทริบิวต์ rel=”noreferrer” ข้างๆ หากคุณอัปเดตเป็น WordPress เวอร์ชันล่าสุด ระบบจะเพิ่มแอตทริบิวต์ทั้งสองลงในลิงก์ของคุณโดยอัตโนมัติ

แอตทริบิวต์ rel=”noreferrer” จะบอกเบราว์เซอร์ไม่ให้รวบรวมข้อมูลผู้อ้างอิงจากหน้าหลักที่ส่งลิงก์

นี่คือสิ่งที่ลิงก์ของคุณควรมีลักษณะดังนี้:

 <a href="https://www.example.com" rel="noopener noreferrer" target="_blank">ตัวอย่าง anchor text</a>

ลิงก์ Noopener เกี่ยวข้องกับลิงก์ Dofollow และ Nofollow อย่างไร

เป็นความเข้าใจผิดทั่วไปที่ลิงก์กับแอตทริบิวต์ rel=”noopener” เกี่ยวข้องกับลิงก์ dofollow และ nofollow โดยที่แท้จริงแล้วไม่ใช่ ความแตกต่างคือลิงก์ noopener และ noreferrer มีขึ้นเพื่อความปลอดภัยในขณะที่ลิงก์ dofollow และ nofollow นั้นเกี่ยวกับอันดับของหน้าและ SEO

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

ลิงก์ที่เพิ่มทั้งหมดจะระบุแหล่งที่มาโดยอัตโนมัติตามลิงก์ต่อไปนี้ (dofollow) เพื่อให้แน่ใจว่าเป็น nofollow ลิงก์ของคุณควรมีลักษณะดังนี้:

 <a href="https://www.example.com" rel="noopener noreferrer nofollow" target="_blank">ตัวอย่าง anchor text</a>

ลิงก์ Noopener มีผลต่อ SEO หรือไม่?

เป็นตำนานที่ว่าลิงก์ที่มีแอตทริบิวต์ rel=”noopener” สามารถส่งผลต่อ SEO ได้ การใช้ลิงก์ noopener และ noreferrer จะไม่ส่งผลต่อ SEO เลย Dofollow และ follow links มีผลกับ SEO แม้ว่า!

เพียงจำไว้ดังนี้:

• noopener และ noreferrer: เกี่ยวข้องกับความปลอดภัย
• nofollow และ dofollow: เกี่ยวข้องกับ SEO และอำนาจโดเมน

เมื่อใดควรใช้แอตทริบิวต์ Rel=”Noopener”

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

ในบางกรณี คุณอาจต้องการเลิกทำฟังก์ชันเริ่มต้นของการเพิ่มแอตทริบิวต์ rel=”noopener” และ rel=”noreferral” เราไม่แนะนำให้คุณทำเช่นนั้น มันสามารถเปิดเว็บไซต์ของคุณสำหรับความเสี่ยงด้านความปลอดภัย

สิ่งที่เกี่ยวกับลิงค์พันธมิตรของคุณ?

หากคุณกังวลว่าลิงก์ในเครือของคุณจะได้รับผลกระทบอย่างไรจากการใช้แอตทริบิวต์ rel=”noopener” และ rel=”noreferer” คุณไม่จำเป็นต้องทำ ลิงค์พันธมิตรส่วนใหญ่จะมี ID พันธมิตรของคุณใน URL ดังนั้นจึงไม่จำเป็นต้องส่งข้อมูลการอ้างอิงใด ๆ ไปยังหน้าย่อยของ Affiliate ผ่านลิงก์ของคุณ อันที่จริง การเพิ่มแอตทริบิวต์ rel=”noopener” และ rel=”noferrer” ให้กับลิงก์พันธมิตรควรเป็นแนวทางปฏิบัติทั่วไป คุณไม่สามารถมั่นใจในความปลอดภัยของเว็บไซต์ที่คุณรับรองได้เสมอ

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

ในบทความนี้ คุณจะพบกับโปรแกรมพันธมิตร WordPress ที่ยอดเยี่ยมมากมายที่เรารับรอง

ความคิดสุดท้ายเกี่ยวกับ The Rel=”Noopener” Attribute

ในโพสต์นี้ เราดูจุดประสงค์เบื้องหลังแอตทริบิวต์ rel=”noopener” และแอตทริบิวต์ rel=”noreferrer” ที่แสดงร่วมกับแอตทริบิวต์ เราดูว่าจุดประสงค์ของพวกเขาคืออะไรและตอนนี้การอัปเดต WordPress ใหม่เพิ่มสิ่งเหล่านี้เป็นค่าเริ่มต้นให้กับลิงก์ทั้งหมดของคุณอย่างไร อย่างไรก็ตาม คุณควรตรวจสอบอีกครั้งว่า WordPress ของคุณทำอยู่หรือไม่ นอกจากนี้เรายังดูว่าลิงก์ noopener เกี่ยวข้องกับลิงก์ dofollow และ nofollow อย่างไรและแตกต่างกันอย่างไร

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

แจ้งให้เราทราบความคิดเห็นของคุณในความคิดเห็น คุณเคยตกเป็นเหยื่อของการแท็บย้อนกลับหรือไม่? คุณใช้แอตทริบิวต์ rel=”noopener” อยู่เสมอหรือไม่

ภาพเด่นผ่าน MarySan / shutterstock.com