안녕하세요! 오늘은 HTML에서 중요한 역할을 하는 rel="nofollow" 속성에 대해 알아보겠습니다. 이 강의에서는 rel="nofollow"의 개념부터 사용 사례, 그리고 언제 사용하고 언제 사용하지 말아야 하는지에 대해 단계별로 설명하겠습니다.
1️⃣ rel="nofollow"의 개념
rel="nofollow"는 HTML의 <a> 태그에서 사용되는 속성으로, 검색 엔진에게 해당 링크를 따라가지 말 것을 지시합니다. 즉, 이 속성이 적용된 링크는 검색 엔진의 크롤링 대상에서 제외되며, 링크된 페이지의 검색 순위(PageRank)에도 영향을 주지 않습니다.
예시 코드:
<a href="https://example.com" rel="nofollow">Example Site</a>위의 코드는 “Example Site”라는 텍스트에 rel="nofollow" 속성을 적용하여, 검색 엔진이 해당 링크를 따라가지 않도록 지정한 것입니다.
2️⃣ rel="nofollow"의 사용 사례
rel="nofollow"는 주로 다음과 같은 상황에서 사용됩니다:
1. 사용자 생성 콘텐츠 : 블로그 댓글, 포럼 게시물 등 사용자들이 작성한 콘텐츠에 포함된 링크는 신뢰성을 보장할 수 없습니다. 이러한 경우, 스팸성 링크로 인한 SEO 영향 방지를 위해 rel="nofollow"를 적용합니다.
예시 코드 :
<a href="https://spam-site.com" rel="nofollow">Check this out!</a>2. 광고 및 유료 링크 : 광고나 스폰서십을 통해 생성된 링크는 검색 엔진 최적화에 영향을 주지 않도록 rel="nofollow"를 사용하여 상업적 의도를 명확히 할 수 있습니다.
예시 코드:
<a href="https://spam-site.com" rel="nofollow">Check this out!</a>이 링크는 스폰서십에 의해 추가된 것으로, rel="nofollow"를 적용하여 검색 엔진이 이를 광고 링크로 인식하도록 합니다.
3. 신뢰할 수 없는 사이트로의 링크 : 콘텐츠와 관련성이 낮거나 신뢰할 수 없는 외부 사이트로의 링크는 SEO에 부정적인 영향을 줄 수 있습니다. 이러한 경우 rel="nofollow"를 적용하여 검색 엔진이 해당 링크를 따라가지 않도록 합니다.
예시 코드:
<a href="https://untrusted-site.com" rel="nofollow">Untrusted Site</a>이 링크는 신뢰할 수 없는 사이트로 연결되므로, rel="nofollow"를 적용하여 SEO에 미치는 영향을 최소화합니다.
3️⃣ rel="nofollow"를 사용해야 하는 경우
- 사용자 생성 콘텐츠: 사용자들이 작성한 댓글이나 게시물에 포함된 링크는 스팸일 가능성이 있으므로,
rel="nofollow"를 적용하여 검색 엔진이 이러한 링크를 따라가지 않도록 합니다. - 광고 및 스폰서 링크: 유료 광고나 스폰서십으로 인해 추가된 링크는 검색 엔진이 이를 자연스러운 추천으로 오인하지 않도록
rel="nofollow"를 사용합니다. - 신뢰할 수 없는 출처로의 링크: 신뢰성이 낮거나 품질이 낮은 사이트로의 링크는 SEO에 부정적인 영향을 줄 수 있으므로, 이러한 경우
rel="nofollow"를 적용합니다.
4️⃣ rel="nofollow"를 사용하지 말아야 하는 경우
- 신뢰할 수 있는 출처로의 링크: 공신력 있는 기관, 공식 웹사이트 등 신뢰할 수 있는 출처로의 링크는 SEO에 긍정적인 영향을 미칠 수 있으므로, 이러한 경우
rel="nofollow"를 사용하지 않아도 됩니다. - 내부 링크: 자신의 웹사이트 내의 다른 페이지로 연결되는 내부 링크는 사이트 구조와 SEO에 도움이 되므로,
rel="nofollow"를 적용할 필요가 없습니다. - 자연스러운 편집 링크: 콘텐츠의 흐름상 자연스럽게 추가된 외부 링크로, 해당 링크의 신뢰성과 관련성이 높다면
rel="nofollow"를 사용하지 않아도 됩니다.
5️⃣ 추가적인 링크 속성
2019년 구글은 rel="sponsored"와 rel="ugc" 속성을 도입하여, 링크의 성격을 더욱 명확히 표시할 수 있도록 했습니다:
rel="sponsored": 광고나 스폰서십 등 유료로 제공되는 링크에 사용합니다.- 예시 코드 :
<a href="https://sponsored-site.com" rel="sponsored">Sponsored Link</a>rel="ugc": 사용자 생성 콘텐츠(User Generated Content)에서 생성된 링크에 사용합니다.- 예시코드 :
<a href="https://user-link.com" rel="ugc">User's Link</a>이러한 속성을 활용하여 링크의 특성을 명확히 표시함으로써, 검색 엔진이 해당 링크의 성격을 정확히 파악할 수 있도록 도울 수 있습니다.
이렇게 해서 rel="nofollow"의 개념부터 사용 사례, 그리고 언제 사용하고 언제 사용하지 말아야 하는지에 대해 알아보았습니다. 이해를 돕기 위해 비유를 들어보자면, rel="nofollow"는 우리가 누군가에게 길을 알려줄 때, “저 길은 위험하니 가지 마세요.”라고 조언하는 html 용어라고 보시면 됩니다.