rel =” noopener” ใน WordPress คืออะไรและจะลบอย่างไร

ถ้าคุณมี อัปเกรดเป็นรุ่น WordPress 4.7.4 หรือใหม่กว่า, จากนั้นคุณจะต้องสังเกตเห็นแท็กใหม่ rel = "noopener" ข้างๆ target = "_ blank" แท็กในตัวแก้ไข HTML แท็กคือ เพิ่มโดยอัตโนมัติไปยังลิงก์ภายในและภายนอกทั้งหมด เมื่อคุณทำให้พวกเขาเปิดในแท็บใหม่.

เช่นเดียวกับนักพัฒนาเว็บอื่น ๆ ที่เกี่ยวข้องคุณต้องสงสัยว่าแท็กนี้ทำงานอะไรและ ไม่ว่าจะส่งผลกระทบต่อเว็บไซต์ของคุณในทางลบ แต่อย่างใด?

ในบทความนี้ฉันจะบอกคุณว่าคืออะไร rel = "noopener" ใน WordPress และคุณจะลบออกได้อย่างไรถ้าจำเป็น.

rel = คืออะไร”noopener”?

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

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

เพื่อป้องกันสิ่งนี้, rel = "noopener" เป็นแท็กที่ บล็อกการใช้วัตถุ Javascript ของ window.opener. หาก window.opener ไม่ทำงานแท็บจะไม่สามารถควบคุมแท็บอื่นได้.

การแก้ไขการรักษาความปลอดภัยนี้ได้รับการเพิ่มในปลั๊กอิน TinyMCE เมื่อวันที่ 23 พฤศจิกายน 2559 เนื่องจาก WordPress ใช้ TinyMCE เป็นเครื่องมือแก้ไขข้อความ ได้รับการอัพเดตด้วยคุณสมบัตินี้ใน WordPress เวอร์ชั่น 4.7.4.

มันไม่ดีสำหรับเว็บไซต์ของคุณ?

ในระยะสั้น, ไม่.

ผู้ใช้ WordPress หลายคนกังวลว่า rel = "noopener" อาจจะทำให้การเชื่อมโยงภายในและภายนอกทั้งหมด "nofollow", ซึ่งเลวร้ายจริงๆสำหรับ SEO. ในความเป็นจริง, rel = "noopener" เป็นเพียงคำแนะนำสำหรับเบราว์เซอร์ของผู้ใช้เพื่อหยุดการใช้งาน window.opener วัตถุ Javascript.

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

นี่อาจเป็นปัญหาเล็กน้อยเมื่อ WordPress เพิ่มเป็นครั้งแรก rel = "noopener noreferrer" แท็ก ก่อนที่การแก้ไขจะออกมา ด้วย WordPress เวอร์ชั่น 4.7.4 ในเวอร์ชันก่อนหน้า "noreferrer" ทำให้ลิงก์ไม่สามารถรู้ได้ว่ามาจากไหน.

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

วิธีลบ rel =”noopener”

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

เนื่องจากมันจะหยุดการใช้งาน window.opener วัตถุ Javascript ฉันเชื่อว่าคุณจะต้องการเท่านั้น ลบออกเมื่อคุณต้องการใช้ประโยชน์จากคุณสมบัติ window.opener เพื่อวัตถุประสงค์ใด ๆ.

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

การทำเช่นนี้คุณจะต้อง เพิ่มโค้ดบางบรรทัดใน functions.php ไฟล์ ของธีม WordPress ของคุณ.

ใน functions.php ไฟล์, คัดลอกและวางรหัสที่กล่าวถึงด้านล่าง และบันทึก:

 // โปรดทราบว่านี่เป็นการปิดใช้งานคุณลักษณะความปลอดภัย TinyMCE โดยเจตนา // ไม่แนะนำให้ใช้รหัสนี้ add_filter ('tiny_mce_before_init', 'tinymce_allow_unsafe_link_target'); ฟังก์ชัน tinymce_allow_unsafe_link_target ($ mceInit) $ mceInit ['allow_unsafe_link_target'] = จริง; ส่งคืน $ mceInit 

นี่จะ หยุด WordPress จากการเพิ่มโดยอัตโนมัติ rel = "noopener" แท็ก ในโพสต์ของคุณ อย่างไรก็ตามสิ่งนี้จะไม่ลบแท็กที่เพิ่มไว้แล้วดังนั้นคุณจะต้อง ลบมันออกจากโพสต์ที่บันทึกด้วยตนเองหลังจากการอัปเดต WordPress 4.7.4.

ที่จะรวม

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

หากมีเหตุผลอื่นใดที่คุณต้องการลบ rel = "noopener" แท็กจากนั้นแจ้งให้เราทราบในความคิดเห็นด้านล่าง.