티스토리 애드센스 수익 창출 팁 - 링크 활용 전면 광고 노출 팁

목차

 

구글 애드센스를 이용한 티스토리 수익형 블로그를 운영하면서 수익이 아닌 취미 정도로 운영할 목적이라면, 굳이 수익을 위한 알고리즘이나 검색 엔진들 고유의 문법에 맞추지 않고 그저 본인이 좋아하는 자신의 문법대로 쓰면 그만이다. 하지만 그게 아니라 처음부터 수익 창출 극대화까지는 아니더라도 별다방 라떼 벤티 사이즈 정도는 수익금으로 벌고 싶은 욕심이 있는 블로거라면 어느 정도 구글이나 네이버등 그들이 원하는 기초 문법 정도는 알고, 그들의 문법에 맞춰 주는 융통성도 조금은 필요하다는 생각이다. 이런 의미로 본 블로그를 조금만 찾아보면, 구글 또는 네이버 같은 검색 알고리즘이 좋아하는, 바꿔 말하면 검색 엔진 상위 노출을 가능하게 하기 위한 수익에 꼭 필요한 세팅값 정도는 알고 가지는 의미에서 연재 형식으로 작성된 다음과 같은 글들을 찾을 수 있겠다.

 

키워드마스터 사용법 꿀팁 바로가기 >>

 

이번 글 역시 수익형 블로그의 수익 창출에 매우 중요한 팁중 하나인 블로그 본문 내에 링크를 활용하여 전면 광고를 노출시키기 위한, 링크 세팅 방법에 대한 팁 몇 가지를 알려드리고자 한다. 사실 이 방법은 티스토리처럼 수익형 블로그 초보자뿐 아니라 제법 오래 운영한 분들도 잘 몰라 사용하지 않고 있는 분들도 많은데, 알고 나면 블로그의 수익 상황이 거짓말 조금 보태면 퀀텀 점프하게 해주는 매우 중요한 팁이라 감히 강조하며 시작해 본다!

 

1. 앵커 텍스트 링크

▶ 앵커 텍스트 링크가 중요한 이유

가장 기본적인 티스토리에서 제공하는 링크 박스를 이용한 앵커 텍스트 링크 넣는 방법이다. 다음 예시처럼 해당 텍스트에 링크로 넣고 싶은 텍스트에만 링크 주소 URL을 넣는 방법이다. 즉 링크 추가 후에는 링크가 들어간 텍스트의 색상이 변하며 텍스트 아래에 밑줄이 그어진다.

 

▼ 앵커 텍스트 링크 예시

시스템 소득 공략법

 

이 앵커 텍스트 링크 활용은 매우 중요한 이유는 무엇일까? 결론부터 간단히 얘기하면 블로그를 최적화를 위해서이다. 이 앵커 텍스트 링크는 단순히 사람들이 읽기 편하게 하는 것을 넘어서, 검색 로봇까지도 쉽게 이해할 수 있도록 구성하는 것이기에 중요하다. 이를 위해, 링크에는 앵커 텍스트를 활용하여 로봇이 해당 링크가 무엇을 의미하는지 파악할 수 있게 하는 것이 필수적이다. 또한, 이미지를 최적화하고 앵커 텍스트를 적절히 만 사용하면, 구글 로봇 또는 네이버 서치어드바이저에서 가끔 지적하는 '느낌표 문제'등을 해결하는 데 도움이 된다는 것이다. 검색엔진 최적화(SEO)는 블로그의 콘텐츠를 검색 결과 상단에 위치시키기 위한 매우 기본적이면서도 필수적인 절차임을 기억할 필요가 있겠다. 최적화된 이미지가 SEO에 중요한 이유는 이전의 다음글을 참조해 보길 추천한다.

 

최적화된 이미지로 애드센스 극대화: SEO 최적화의 비밀

 

▶ 앵커 텍스트 링크 만드는 방법

앵커 텍스트를 만드는 세팅 방법은 매우 간단하다. 다음 그림처럼, 티스토리 글쓰기 화면에서 상단 메뉴바의 링크 박스 아이콘을 선택한 후 URL에 해당 링크 주소를 넣어주면 되는데, 여기서 세팅이 모두 끝나는게 아니다! 

 

▼ 티스토리 제공 링크 박스 활용

티스토리-제공-링크-박스

 

여기서 중요한 점! 링크 주소 입력한 후, '새창으로 열기'를 해제 해줘야 수익 측면에서 좋은 전면광고 활성화에 유리하다.(전면광고가 왜 좋은지는 광고 단가를 보면 쉽게 이해가 될 듯한데, 내용이 길어지니 다음 기회에 다루기로 하자.) 참고로 이 '새창으로 열기' 비활성화 방법을 너무 난발하면 자칫 보는 구독자의 짜증(?)을 유발하여 이탈률이 높아지는 부작용이 있을 수 있으므로 적절히 조금만 사용해야 한다!

 

링크-박스

 

다음은 HTML 편집에서 코드로 본 '새창으로 열기' 활성화와 비활성화된 차이점이다.

새창 열기 체크박스 체크 전 <a href="https://bit.ly/3ukth0q" target="_blank" rel="noopener">시스템 소득 공략법</a></p>
새창 열기 체크박스 체크 후 <a href="https://bit.ly/3ukth0q">시스템 소득 공략법</a></p>

 

코드를 보면 쉽게 이해가 될 듯 싶다. 즉 전면광고 활성화를 위해서는 '새창 열기'를 해제하거나, 또는 HTML 편집에서 이 두 코드 "target="_blank" rel="noopener" 를 찾아 제거해 줄 필요가 있다.

 

그리고 여기서 한번 더 엔터를 누르면 다음 예시처럼 '배너이미지' 모양의 링크가 만들어진다. 즉 티스토리 제공 링크 박스를 이용해서 링크를 넣은 후 한번 더 엔터를 누르면 해당 글의 썸네일 이미지와 함께 제목 및 서론의 내용이 조금 보이는 조금 더 깔끔한(취향 차이긴 하지만) 배너 이미지 형식의 화면이 출력된다. 그리고 예시의 "시스템 소득 공략법" 이란 텍스트만 지워주면 깔끔한 링크가 만들어진다. 그런데 앵커 텍스트 링크를 제거 했다면, 조금 번거롭지만 HTML 편집에 들어가서 위 두 코드 "target="_blank" rel="noopener" 를 찾아 제거해야만 한다.

 

시스템 소득 공략법

'시스템소득 공략법' 카테고리의 글 목록

 

다시 정리하면, 방금 위의 예시처럼, 배너 이미지 형식의 링크로 전면광고 활성화를 위해서는 다음 세 단계로 진행해야 한다.

 

1. 앵커 텍스트 링크를 위해 해당 URL 주소 넣어 주기

2. 한번 엔터를 눌러 배너 이미지 형식의 링크가 보이면, 앵커 텍스트 링크 지우기

3. HTML 편집 들어가서 "target="_blank" rel="noopener" 코드 찾아서 지우기

2. 다운로드 링크

다음의 '다운로드 링크' 넣기 역시 링크를 넣는 가장 기본적인 방법 중 하나인데, 다음 예시처럼 텍스트나 코드 형식의 사전에 작성된 해당 서식 파일을 마우스 드래그로 그대로 본문에 붙여 넣기만 하면 끝이다. 너무 간단해서 추가 설명없이 넘어가자.

링크버튼 코드(서식).txt

0.00MB

 

 

3. 이미지 링크

블로그 본문에 삽입되는 이미지에도 링크 주소를 넣을 수 있다. 그런데 링크로 들어가는 링크 주소를 뭘 넣을지 고민하는 분들이 많은데, 여러 고민 필요 없이 다음 두 가지 질문의 답만 생각한 후 맞는 방법을 택하는 걸 추천한다.

 

▶ 이미지와 관련 있는 URL 주소 넣기

이미지와 관련 있는 내용의 블로그 주소를 링크를 넣는 방법이다. 쉬운 예로 다음 처럼 '자유인 다이어리' 블로그 이미지를 썸네일 이미지로 사용하고 싶다면, 자유인 다이어리 블로그의 해당 주소인 https://drawfreeman.tistory.com/ 링크를 넣으면 된다. 즉 해당 이미지와 관련성 있는 링크 주소가 존재한다면, 그 링크 주소를 넣으면 된다.

이미지-링크

 

▶ 이미지 자체 주소 링크 넣기

본문에 삽입된 이미지가 아무리 생각해도 직접적인 관련성 있는 링크 주소를 찾을 수 없는 경우도 있다. 보통은 추상적이거나 상징적인 이미지인 경우인데, 이럴 땐 여러 고민할 필요 없이 해당 이미지로 마우스를 가져간 후, 컨트롤 키(CTL) + 오른쪽 마우스 클릭하면. 다음 그림의 예시처럼 '이미지 주소 복사'라는 메뉴가 보인다. 이 이미지 주소 복사를 클릭하면 해당 이미지 자체의 주소가 복사되는데, 이 주소를 티스토리 제공 링크 박스를 이용해서 링크로 넣으면 된다.

 

이미지-주소-복사

 

이미지-주소-복사

 

4. CSS 링크 버튼 만들기

마지막으로 CSS 링크 버튼 형식으로 링크를 넣는 방법도 있다. 이 CSS 링크 버튼 역시 이미지 링크 방법과 함께 자주 사용되는 방법 중 하나인데, 이 CSS 링크 버튼의 장점은 이미지 링크처럼 이미지 용량을 많이 차지 하지 않기에, 페이지 로딩 속도 측면에서 검색 엔진 알고리즘이 좋아할 수밖에 없다. 하지만 이 방법은 HTML 편집에서 CSS 코드를 추가해야 하고, 또한 본문에 CSS 버튼을 삽입하는 경우에도 별도로 HTML에서 코드를 수정해야 하기에 조금 번거로운 손품이 필요하긴 하지만, 한번 만들어 놓은 후 자주 사용하다 보면 숙달되기에 활용성이 높은 링크 추가 방법으로 추천할만하다.

 

▼ 앵커 텍스트 링크 예시

앵커 텍스트 버튼 링크 만들기

 

▼ 다음은 따라만 하면 누구나 만들 수 있는 CSS 링크 버튼 가장 간단히 만드는 자세한 방법을 소개한 가이드 글이니 이 글을 참고해 보길 바란다.

[티스토리 수익 상승] CSS 링크버튼 간단히 만들기

 

▼ 함께 보면 좋은 글

초보 블로거를 위한 구글 SEO 공략법