검색 엔진 SEO 링크 태그 속성 관계 a rel nofollow noopener norefferer sponsered

검색 엔진은 a 태그에 연결된 웹페이지를 탐색하고 크롤링하려고 시도하며, 현재 웹페이지와 연결관계를 파악하려고 할 수 있다. a 태그의 rel 속성을 이용하면 검색 엔진에 링크로 연결된 웹페이지와 현재 웹페이지가 상과없음을 알려주고 크롤링를 하지 못하도록 할 수 있다.

검색엔진 SEO rel 속성 관계

검색 엔진 SEO 링크 태그 속성 관계

SEO에 관한 내용을 유달리 많이 찾게 되니 포스팅을 하나 하는데도 이런저런 신경써야 할 것들이 생긴다.

구글이나 네이버나 검색엔진에 포스팅을 하고 유입을 발생시켜 수익을 창출하는데 있어 여러가지 요소들이 있겠지만 기본이 되는 것은 포스팅의 질과 양이 뒷받침되어야 하는 점이다.

포스팅도 좋지만 다른 페이지와 연결되는 링크 태그 ( a 태그 ) 의 영향도 무시할 수 없다.

검색엔진은 웹사이트에 등록된 포스팅의 내용에서 a 태그와 같은 외부페이지의 연결이 있을 때 그것을 읽으려고 시도하기 때문이다.

이것을 어떻게 하느냐에 따라서 검색로봇은 외부페이지를 참조하기도 그렇지 않기도 한다.

내부링크와 외부링크

html에서 a 태그의 역할을 간략히 언급해 본다.

a 태그의 역할은 현재 웹페이지에서 다른 웹페이지 또는 다른 웹사이트로 이동할 때 사용된다.

정보를 포스팅하고 참조한 웹페이지들을 소개함으로써 사용자에게 부수적이고 추가적인 정보를 제공하기 위함이다.

a 태그는 링크에 지정한 속성에 따라 내부링크와 외부링크로 나눈다.

• 내부링크
  같은 URL 도메인의 웹페이지를 연결
• 외부링크
  다른 URL 도메인의 웹페이지를 연결

위의 설명은 다음과 같다.

AAA.com 과 BBB.com 이란 도메인이 있다고 가정해 보자.

AAA.com/post1 이란 주소를 가진 포스팅이 있을 때 AAA.com/post2 주소의 웹페이지를 참조하면 같은 도메인의 포스팅이기 때문에 내부링크이다.

AAA.com/post3 이란 주소를 가진 포스팅이 있을 때 BBB.com/post1 주소의 웹페이지를 참조하면 다른 도메인의 포스팅이기 때문에 외부링크이다.

링크 태그와 검색엔진 SEO

검색엔진의 포스팅의 내용을 읽고 색인이란 과정을 거쳐 사람들이 검색하는 단어에 의해 검색되도록 한다.

포스팅의 내용을 읽다는 것은 검색엔진이 포스팅된 내용을 크롤링하고 읽어간다는 것이다.

읽어간 내용은 텍스트, 이미지, 링크 태그 등이 포함된 html 문서이다.

만약, 문서 내에 a 태그와 같은 링크 태그가 있다면 그 속성에 연결된 url 의 html 내용을 읽으려고 시도할 것이다.

검색엔진은 링크 태그에 연결된 주소를 일고 현재 페이지와 어떤 연관이 있는지 판단하려고 할 것이다.

그렇기에 a 태그와 같은 링크 태그에 rel 속성을 이용하여 검색엔진이 읽을 수 없도록 하고, 현재 페이지와 관련없음을 알려주도록 할 수 있다.

검색엔진 SEO 에 현재페이지와 연결된 다른 페이지와 관련이 없고, 읽을 필요가 없음을 알려주기 위해 사용하는 것이 a 태그의 rel 속성이다.

<a href="링크주소" target="_blank" rel="nofollow, noopener, noreferrer, sponsored" />

4가지 rel 속성과 관계

a 태그에 사용하는 rel 속성은 더 많이 있지만, 현재페이징와 상관이 없음을 나타내는 옵션은 위의 4가지이다.

위의 속성은 meta 태그에도 적용할 수 있고, robots.txt 에도 별도로 지정할 수 있다.

만약 a 태그에 직접적인 속성을 지정하여 검색엔진 SEO 에 알려주기 위한 방법이라면 위의 방법을 사용한다.

아래는 위의 4가지 rel 속성에 대한 차이이다.

• nofollow
  검색엔진이 링크에 연결된 웹페이지를 무시하도록 한다.
  광고 또는 유료 웹페이지 링크 등에 사용할 수 있다.
• sponsored
  광고 생성 또는 자동화된 웹페이지 임을 검색엔진에 알려준다.
  nofollow 속성과 같이 검색엔진에 링크로 연결된 웹페이지를 무시하도록 한다.
  만약, 상품성이 있는 광고 같은 웹페이지의 경우 sponsered를 이용하도록 권장한다.
• noreferrer
  현재 웹페이지의 헤더 내용을 연결된 다른 웹페이지로 전달하지 않는다.
• noopener
  target="_blank" 속성을 사용하여 연결된 웹페이지의 경우 자바스크립트를 이용한 웹페이지의 내용에 접근이 가능하다. noopener 속성은 이러한 접근을 막도록 한다.