rel=”noopener noreferrer” หมายถึงแท็กอะไร (& มันส่งผลต่อ SEO หรือไม่)

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

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

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

แอตทริบิวต์ rel=”noopener noreferrer” HTML ปรากฏในไฮเปอร์ลิงก์ภายนอก โดยเฉพาะอย่างยิ่ง การใช้ทั้งแอตทริบิวต์ noopener และ noreferrer จะป้องกัน:

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

นี่คือลักษณะการทำงานของแอตทริบิวต์แท็ก:

<a href="https://www.google.com/" target="_blank" rel="noopener noreferrer">

WordPress จะเพิ่มแอตทริบิวต์เหล่านี้โดยอัตโนมัติไปยังลิงก์ภายนอกที่คุณตั้งค่าให้เปิดในหน้าต่างใหม่ มาแยกย่อยและดูว่าแต่ละคุณลักษณะทำอะไร

noopener

หากคุณต้องการป้องกันไม่ให้ลิงก์ภายนอกควบคุมหน้าต่างเบราว์เซอร์เริ่มต้นของผู้ใช้ คุณจะต้องเพิ่มแอตทริบิวต์ noopener ตาม MDN,

“ [ noopener ] สั่งให้เบราว์เซอร์นำทางไปยังทรัพยากรเป้าหมายโดยไม่ให้สิทธิ์การเข้าถึงบริบทการสืบค้นใหม่กับเอกสารที่เปิดขึ้น […] สิ่งนี้มีประโยชน์อย่างยิ่งเมื่อเปิดลิงก์ที่ไม่น่าเชื่อถือ เพื่อให้แน่ใจว่าลิงก์เหล่านั้นจะไม่เข้าไปยุ่งเกี่ยวกับเอกสารต้นทาง…”

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

(ตาม Mozilla Developer Network (MDN) เป้าหมาย =”_blank” คุณลักษณะ "ขณะนี้โดยปริยายมีพฤติกรรม <rel>" เป็น noopener เรารู้สึกว่ายังคงคุ้มค่าที่จะเพิ่มความปลอดภัยเป็นสองเท่าและรวมถึง noopener เนื่องจากผู้ใช้บางคนไม่ได้คลิกลิงก์ในเบราว์เซอร์ที่ทันสมัยและปลอดภัยที่สุด)

noreferrer

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

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

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

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

ใช้กับ rel=”nofollow”

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

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

กล่าวโดยย่อ การเพิ่มแอตทริบิวต์ทั้งสาม — noopener , noreferrer และ nofollow — ไปยังลิงก์เพื่อบอก Google ว่าคุณคือ:

• เต็มใจที่จะปกป้องผู้ใช้ไซต์ของคุณจากลิงก์ภายนอกที่อาจเป็นอันตราย ( noopener )
• ไม่ต้องการให้ปรากฏในข้อมูลวิเคราะห์ของเว็บไซต์เป็นปริมาณการใช้อ้างอิง ( noreferrer )
• ไม่ยินดีรับรองเนื้อหาหรือผู้สร้างที่คุณกำลังเชื่อมโยง ( nofollow )

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

เมื่อใดควรใช้ “noopener noreferrer”

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

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

ผลกระทบโดยรวมของ “noopener noreferrer” ต่อ SEO

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

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

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

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

บทสรุป

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

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

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