External link attributes #4
Description
<a href="..." target="_blank" rel="nofollow noopener noreferrer">...</a>nofollow
- ใช้เพื่อไม่ให้ SEO Bot ตามลิงก์นั้นไปต่อ ซึ่งอาจส่งผลให้ได้คะแนน Backlink น้อยลง
- เกิดขึ้นมาเพื่อแก้ปัญหา spam comment เอา backlink
- สามารถเอาไว้ใช้กับลิงก์ไปหน้า technical แบบ signup form/dashboard ได้
- ช่วยลดความเสี่ยงว่าเราไปสแปมเว็บอื่นเอา backlink ได้
noopener
- ไม่ให้เบราเซอร์เอา object
windowของหน้าก่อนหน้าใส่เข้าไปในwindow.openerของหน้าถัดไป - ไม่อย่างนั้นหน้าถัดไปจะสามารถแอบแก้หน้าก่อนหน้าด้วยการใช้
window.openerได้ - ในปี 2021 เบราเซอร์ต่างๆ จะแอบเซ็ตค่า
rel=noopenerของa[target=_blank]ไว้ให้แล้ว (ตามสเปกนี้)
noreferrer
- บอกให้เบราเซอร์ไม่ต้องใส่ header
Refererลงไปใน request - มีผลข้างเคียงแค่ว่า analytic จะมองว่าเป็น direct traffic (พิมพ์ลิงก์เข้ามาเองโดยตรง) แทนที่จะมาจากเว็บอื่น แค่นั้น
Refs
- https://papayiw.com/nofollow-link-guide/
- https://nerdoptimize.com/nofollow-link/
- https://mathiasbynens.github.io/rel-noopener/
- https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types/noopener
- https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types/noreferrer