튜토리얼 Tutorials/티스토리 팁 tistory tips

Q. 블로그 글 안에서 다른 사이트 링크 달 때 주의사항은? 링크 추가하는 방법은?

Tap to restart 2020. 10. 31. 15:00
반응형

A. 되도록 웹문서의 제목이나 사이트 제목 또는 키워드를 적고 링크를 달아야 합니다.

 

O 예) 티스토리 팁 공유프로젝트 페이지

 

X 예) taptorestart.tistory.com/pages/%ED%8B%B0%EC%8A%A4%ED%86%A0%EB%A6%AC-%ED%8C%81-%EA%B3%B5%EC%9C%A0-%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8

 

위 아래 예 중 어떤 게 좋을까요?

당연히 위가 좋겠죠.

 

그냥 주소 붙여 넣으면 안 되는 이유는?

검색엔진 입장에서 생각해보세요. 그냥 덩그러니 주소만 있을 때 그 주소가 무엇인지 어떻게 알 수 있을까요?

사람도 검색엔진도 누구도 알 수 없습니다. 눌러보기까지는요. 사용자한테도 검색엔진한테도 친절하지 못하죠.

만약에 그 주소가 혹시나 개인정보를 빼가는 피싱 사이트 주소일 수도 있다는 생각에 눌러보기를 꺼리는 사람들도 있을 수 있고요. 주소 자체가 보기에 지저분하기도 합니다.

 

정말 중요한가요?

예 중요합니다. 제 개인 의견이 아닙니다.

 

네이버 웹마스터 가이드 설명

아래는 네이버 웹마스터 가이드 사이트 최적화 설명 중 일부입니다.

 

네이버 웹마스터 가이드 중 사이트 최적화 설명 중 사이트 링크 설명

 

그냥 주소 붙여 넣기하면 네이버 서치어드바이저 사이트 최적화 진단 결과에서 이런 평가가 나옵니다.

 

네이버 서치어드바이저 사이트 최적화 진단 결과 화면 중 링크 관리

 

사이트 점수가 낮아지겠죠ㅜㅜ

 

구글 검색 엔진 최적화 기본 가이드 설명

구글 검색 엔진 최적화 기본 가이드를 읽어보세요.

search-engine-optimization-starter-guide-ko.pdf
3.58MB

16쪽에 똑같은 설명이 나옵니다.

 

구글 검색 엔진 최적화 기본 가이드 16쪽, 보다 나은 앵커 텍스트 작성 설명

 

사용자도 검색 엔진도 링크하려는 페이지가 어떤 것인지 쉽게 알 수 있게 해달라는 내용입니다.

 

어떻게 그렇게 하나요?

할 줄 모르시는 분들도 있을 거 같습니다.

웹문서 작성이 익숙하지 않은 분들도 계시니까요.

 

순서대로 따라 해보시면 됩니다.

제 블로그 글로 해보겠습니다.

 

1. 링크하려는 페이지의 제목 또는 내용을 간단히 적습니다.

티스토리 팁 공유 더보기

 

2. 페이지의 제목에 영역을 지정합니다.

티스토리 팁 공유 더보기

 

영역 지정 예

 

영역을 지정하는 방법은 마우스의 왼쪽 버튼을 누르신 채로 옆으로 이동하면 됩니다.

위 예의 경우 티란 글자 앞에서부터 하면 되겠죠.

 

3. 그 상태에서 링크 버튼을 누릅니다.

 

티스토리 에디터 편집기 메뉴
링크 삽입 버튼

 

클립 모양 버튼이 링크 삽입/수정 버튼입니다.

 

4. 누르면 팝업이 뜨죠. 그 안에 주소를 복사 붙여넣기 합니다.

링크 버튼을 눌렀을 때 팝업이 뜬 모습
URL 칸에 주소를 복사 붙여넣기 한 모습

 

그리고 확인 버튼을 누릅니다!

 

5. 링크 만들기 끝

끝. 링크를 만들었습니다!

티스토리 팁 공유 더보기

 

티스토리 팁 공유 더보기에 링크를 추가한 모습

 

링크가 제대로 연결되었다면 위처럼 글자가 파란색으로 바뀌고 밑줄이 생깁니다. 링크가 연결되었다는 표시입니다.

 

6. 링크 수정하기

링크 버튼이 활성화된 모습
활성화된 링크 버튼 누르면 나타나는 팝업

 

커서를 링크한 글자 위로 두면 링크 버튼의 배경이 검정색이 됩니다. 누르면 주소를 바꾸거나 링크를 해제할 수 있습니다.

해제버튼을 눌러보세요. 그러면 파란색이었던 글자가 원래 색으로 돌아오고 밑줄도 없어질 거예요.

□ 새창으로 열기가 있죠. 여기 □을 클릭하면 □ 안에 체크 표시가 생기고요. 링크를 클릭하면 새롭게 창이 생기면서 링크한 페이지를 보여줍니다.

□ 네모 안이 비어있는 상태로 두면 현재 보고 있던 화면이 사라지고 링크한 페이지로 바뀌고요.

전 새창으로 열기가 사용자 입장에서 좋다고 생각해서 기본적으로 새창으로 열기로 합니다.

 

7. 티스토리 에디터의 오류(?)

티스토리 에디터에는 좀 이상한 오류가 있습니다. 링크한 글자들을 영역 지정해서 복사해서 글의 다른 부분으로 복사 붙여넣기하거나, 오려서 다른 위치로 붙여넣기 한번 해보세요.

아래처럼요.

티스토리 팁 공유 더보기

위 링크를 누르면 새창으로 열기가 안 됩니다.

분명 위쪽에서 새창으로 열기로 설정했는데도요.ㅜㅜ

복사한 링크는 아래처럼 새창으로 열기가 해제되어 있습니다.

 

새창으로 열기가 해제된 상태

 

번거롭지만 링크 위치를 변경하거나 하면 꼭 링크 삽입/수정 버튼을 눌러서 새창으로 열기를 설정해줘야 합니다.ㅜㅜ

 

다른 팁도 궁금하다면?!

티스토리 팁 공유 프로젝트 페이지로 가시면 볼 수 있습니다.

반응형