컴퓨터관련

HTML 새창으로 링크를 여는 방법과 코드 (무효트래픽 감소 및 체류시간 증가)

봄땅 2023. 4. 29. 12:03
반응형

블로그나 티스토리와 같은 새로운 웹페이지를 열려고 할 때 파란색으로 표시되어 있는 것을 클릭하면 새로운 창이 뜨는 것을 본 적이 있을 겁니다. 티스토리를 사용하다 보면 본인의 포스팅에 링크를 달기 위해서 자주 사용하는 방법입니다. 오늘은 그 백링크를 새창으로 하는 방법에 대해서 알아보려고 합니다.

 

새창으로 열기 코드

 

HTML에서 새창으로 링크를 연결하는 코드는 이와 같습니다.

 

<a href='https://spring2536.tistory.com/' target = '_blank'> 링크내용 </a>

이 코드를 HTML 창에 복사하여 붙여넣기를 하시면 됩니다. a href = ' ' 의 따옴표 안에 본인이 걸고 싶은 링크의 사이트 주소를 붙여 넣으면 됩니다. 그리고 링크내용란에 내용을 넣으시면 끝입니다.

 

블로그 새창으로 열기에 적용해보자

 

HTML 새창으로 열기 적용

자신이 사용하는 티스토리 블로그에서 기본모드를 클릭하면, 기본모드, 마크다운, HTML 이렇게 3가지를 고를 수 있는 선택창이 나옵니다. 여기에서 HTML을 선택하여 클릭합니다.

 

이후 검은 화면으로 변하며 아래와 같은 HTML 코드 화면이 나오게 됩니다.

 

티스토리의 HTML 편집모드

 

이때 본인이 코드를 적용하고 싶은 곳에 코드를 붙여 넣으면 됩니다.

 

새창으로 열기 코드 붙여넣기 적용

 

링크내용

 

그 후에 오른쪽 위에 있는 HTML탭을 클릭하여 기본 모드를 클릭하면 본문으로 돌아오게 됩니다. 위 코드를 적용해서 링크를 만들면 위와 같은 파란색 글로 표시가 됩니다.

 

특히 티스토리를 하다 보면 링크를 거는데 그 링크가 새창으로 가지 않으면, 기존에 있던 페이지가 없어지고 다시 들어오면서 무효트래픽을 발생시켜서 구글에서 추가제재를 받을 수 있기에, 가능하면 우리의 티스토리에 방문한 사람들에게 체류시간을 늘리면서, 무효트래픽 발생을 하지 않게 하려면 가능한 새창으로 열기를 통해서, 링크를 걸어줘야 합니다.

 

반응형