Anchor tag에서 rel 속성을 다는 이유

존재 이유

현재 페이지와 이동할 페이지와의 관계를 정의

종류

• alternate: 대체 버전의 문서를 가리킬 때
• author: 문서의 저자와 관련된 링크를 가리킬 때
• bookmark: 북마크 링크를 정의할 때
• help: 도움말 문서를 가리킬 때
• license: 링크된 리소스의 라이선스를 제공하는 링크를 가리킬 때
• nofollow: 검색 엔진이 해당 링크를 따라가지 않도록 지정할 때
• noreferrer: 링크를 통해 이동할 때, 참조 정보를 원본 사이트에 전달하지 않도록 지정할 때
• noopener: 링크를 통해 새 창으로 열릴 때, 새 창에서 원본 사이트에 대한 액세스를 차단
• prev: 이전 문서를 가리킬 때 (페이지네이션 등)
• next: 다음 문서를 가리킬 때
• stylesheet: 외부 스타일시트를 가리킬 때
• search: 검색 결과 페이지를 가리킬 때

하면 좋은 점

1. 검색 엔진 최적화(SEO)
2. 보안 등의 사용자 경험(ex: noopenner)
3. 웹 접근성 개선

주의할 점

모든 링크에 남발하면 오히려 봇이 혼란을 겪는다. 중요한 링크에만 지정하자.