ป้ายกำกับไฮเปอร์ลิงก์ <a>รหัสมักจะใช้กับแอตทริบิวต์ noopener, noreferrer และ nofollow บทความนี้จะแชร์วิธีใช้แอตทริบิวต์ noopener, noreferrer และ nofollow
แท็ก noopener หมายถึงอะไร
จะ target="_blank" เมื่อเพิ่มลิงก์แล้ว หน้าเป้าหมายจะเปิดขึ้นในแท็บใหม่
ในหน้าที่เพิ่งเปิดใหม่ คุณสามารถรับออบเจ็กต์หน้าต่างเพจต้นทางผ่าน window.opener ซึ่งฝังความเสี่ยงด้านความปลอดภัยที่อาจเกิดขึ้น
- โดยเฉพาะ ลิงก์ของหน้าเว็บ A ของคุณ มีลิงก์ของหน้าเว็บ B ที่สามารถเปิดที่อยู่อื่นของบุคคลที่สามได้
- เว็บเพจ B รับวัตถุหน้าต่างของเว็บเพจ A ผ่าน window.opener;
- จากนั้นคุณสามารถใช้หน้า A เพื่อข้ามไปยังหน้าฟิชชิ่ง window.opener.location.href=”abc.com” โดยที่ผู้ใช้ไม่สังเกตเห็น
- ที่อยู่เพิ่มขึ้นและหลังจากป้อนชื่อผู้ใช้และรหัสผ่านในหน้านี้ ข้อมูลรั่วไหลเกิดขึ้น
- เพื่อหลีกเลี่ยงปัญหาข้างต้น จึงแนะนำ rel และแอตทริบิวต์ ="noopener" เพื่อให้เพจที่เพิ่งเปิดใหม่ไม่สามารถรับวัตถุหน้าต่างของเพจต้นฉบับได้
- ในขณะนี้ ค่าของ window.opener เป็นโมฆะ
ดังนั้น หากคุณต้องการเปิดที่อยู่ของบริษัทอื่นในแท็บใหม่ เป็นการดีที่สุดที่จะเพิ่มรหัสแท็ก rel="noopener"คุณลักษณะ.
บทบาทของแอตทริบิวต์ noreferrer
คล้ายกับ noopener
ติดตั้งrel="noreferrer"หลังจากนั้น เพจที่เพิ่งเปิดใหม่จะไม่สามารถทำให้หน้าต่างของเพจต้นทางถูกโจมตีได้
ในเวลาเดียวกัน ข้อมูล document.referrer ไม่สามารถรับได้จากหน้าที่เพิ่งเปิดใหม่ข้อมูลนี้มีที่อยู่ของหน้าแหล่งที่มา
โดยปกติ noopener และ noreferrer จะถูกตั้งค่าในเวลาเดียวกันrel="noopener noreferrer".
เนื่องจากตัวหลังมีฟังก์ชันเดิมในการจำกัดการเข้าถึง window.opener ในเวลาเดียวกัน เหตุใดจึงต้องตั้งค่าพร้อมกัน
เพื่อความเข้ากันได้ เนื่องจากเบราว์เซอร์รุ่นเก่าบางตัวไม่รองรับ noopener
บทบาทของ nofollow
การคำนวณน้ำหนักหน้าโดยเครื่องมือค้นหารวมถึงจำนวนหน้าอ้างอิง (ลิงก์ย้อนกลับ) กล่าวคือ หากหน้ามีการเชื่อมโยงโดยหน้าเว็บอื่น ๆ จำนวนมาก หน้าจะถูกตัดสินว่าเป็นหน้าคุณภาพสูง
อันดับในผลการค้นหาจะเพิ่มขึ้น
เมื่อตั้งค่า rel=”nofollow” หมายถึงการบอกเครื่องมือค้นหาว่าลิงก์นั้นไม่ได้มีส่วนช่วยในการจัดอันดับข้างต้น
- โดยทั่วไปใช้สำหรับการเชื่อมโยงโดยไม่ต้องSEOที่อยู่ในอันดับที่อยู่ภายใน (เช่น ลิงก์การลงทะเบียนหรือหน้าเข้าสู่ระบบ) ไม่ต้องการเสียน้ำหนักการส่งออก หรือหน้าคุณภาพต่ำบางหน้า
หวัง Chen Weiliang บล็อก ( https://www.chenweiliang.com/ ) แชร์ "แท็ก noopener หมายถึงอะไร? แอตทริบิวต์ noreferrer/nofollow effect" จะช่วยคุณได้
ยินดีต้อนรับสู่การแบ่งปันลิงค์ของบทความนี้:https://www.chenweiliang.com/cwl-28447.html
ยินดีต้อนรับสู่ช่อง Telegram ของบล็อกของ Chen Weiliang เพื่อรับข่าวสารล่าสุด!
📚 คู่มือนี้มีคุณค่ามหาศาล 🌟 นี่เป็นโอกาสที่หายาก อย่าพลาด! ⏰⌛💨
แชร์และชอบถ้าคุณชอบ!
การแบ่งปันและไลค์ของคุณเป็นแรงจูงใจอย่างต่อเนื่องของเรา!