글을 읽다가 다음 단계가 궁금해지는 순간에 관련 글로 바로 이동할 수 있으면 방문자는 사이트 안에서 필요한 내용을 이어서 확인할 수 있습니다.
내부 링크는 같은 사이트의 다른 글이나 페이지로 연결하는 링크입니다.
이 글에서는 본문 텍스트 링크, 버튼 링크, 내부·외부 링크 구분, 새 탭 설정, 외부 링크 보안 속성, 이미지 확대 예외와 끊어진 링크 점검을 실제 워드프레스 편집 화면 기준으로 설명합니다.
내부 링크와 외부 링크 구분하기
내부 링크는 현재 사이트의 다른 글이나 페이지로 이동하는 링크입니다.
외부 링크는 다른 사이트의 주소로 이동하는 링크이며 공식 문서나 서비스 안내가 필요할 때 사용합니다.
| 구분 | 내부 링크 | 외부 링크 |
|---|---|---|
| 이동 범위 | 현재 사이트의 글·페이지 | 다른 사이트의 주소 |
| 사용하는 이유 | 관련 글을 이어 읽게 함 | 공식 문서나 다른 서비스 안내 |
| 새 탭 기준 | 읽는 흐름이 이어지면 현재 탭도 가능 | 현재 글을 남겨야 할 때 새 탭 고려 |
| 점검 항목 | 삭제·주소 변경·오타 여부 | 주소·보안 속성·응답 상태 |
내부 링크는 검색 순위만을 위한 장식이 아니라, 지금 읽는 사람이 다음에 확인할 글을 안내하는 표지로 사용하는 것이 정확합니다.
연결할 글과 위치 먼저 정하기
현재 문단의 설명을 보완하는 글만 고릅니다.
예를 들어 글 작성 뒤 분류가 필요하면 워드프레스 카테고리 추가하고 글 분류하는 방법을 연결할 수 있습니다.
태그를 설명하는 문단에서는 워드프레스 태그 사용법을 연결하면 자연스럽습니다.
관련 글은 한 편에 2~4개 정도를 문맥에 맞춰 연결할 수 있지만, 이는 절대 규칙이 아닙니다.
현재 문단과 관계없는 글을 링크 수에 맞춰 추가하지 않습니다.
본문 문장을 선택해 텍스트 링크 추가하기
‘여기를 클릭’보다 ‘워드프레스 카테고리 추가 방법’처럼 링크를 누르면 무엇을 읽게 되는지 알 수 있는 문구를 사용합니다.
글 제목 전체가 길다면 문장 안에서 핵심 작업이 보이는 짧은 표현으로 줄일 수 있습니다.
워드프레스 편집기에서 링크로 만들 문장을 마우스로 드래그합니다.
선택 영역 위의 체인 모양 링크 아이콘을 누릅니다.
주소 입력 상자에 연결할 기존 글의 정확한 주소를 붙여 넣고 Enter를 누르면 선택한 문장이 링크로 바뀝니다.
현재 문단과 직접 관련된 글 제목을 링크 문구로 연결한 편집 화면링크가 적용된 뒤 문장 전체가 아니라 핵심 표현만 연결됐는지 확인합니다.
새 탭 열기와 외부 링크 속성 설정하기
링크 도구 모음의 편집 또는 연필 모양 버튼을 누르면 주소와 추가 옵션을 다시 확인할 수 있습니다.
새 탭에서 열기를 켜면 현재 글을 남겨 둔 채 새 브라우저 탭에서 대상 글이 열립니다.
내부 링크는 읽는 흐름이 이어지면 현재 탭으로 열어도 됩니다.
현재 글의 위치를 남겨 둔 채 참고 글을 확인해야 하거나 외부 사이트로 이동하는 경우에는 새 탭을 고려합니다.
모든 링크를 새 탭으로 열어야 한다는 규칙은 없습니다.
내부 링크와 외부 링크에 따라 새 탭 사용 여부를 판단하는 단계외부 링크를 새 탭으로 열 때는 HTML에서 target=”_blank”와 함께 rel=”noopener noreferrer”를 사용합니다.
워드프레스 링크 설정의 고급 옵션에 rel 입력란이 보이면 noopener noreferrer를 입력합니다.
버튼 블록에 내부 링크 추가하기
본문에서 다음 단계로 이동하는 행동을 눈에 띄게 안내해야 할 때는 버튼 블록을 사용할 수 있습니다.
문단 아래의 + 버튼을 누르고 블록 검색 상자에 버튼을 입력한 뒤 버튼 블록을 선택합니다.
버튼에는 ‘카테고리 추가 방법 보기’처럼 목적이 분명한 문구를 입력합니다.
버튼을 선택한 상태에서 링크 아이콘을 누르고 기존 글 주소를 입력하면 버튼 전체가 해당 글로 이동합니다.
다음 작업으로 이동시키는 버튼 링크를 설명하는 위치버튼은 본문 설명 뒤 다음 단계로 이동할 때 한 번 사용하는 편이 이해하기 쉽습니다.
저장 후 미리보기에서 버튼을 눌러 대상 글 제목이 맞는지 확인합니다.
외부 링크와 이미지 링크는 다르게 관리하기
외부 링크는 워드프레스 공식 문서나 서비스 도움말처럼 현재 글의 설명을 확인할 수 있는 자료로 제한합니다.
예를 들어 일반적인 워드프레스 기능을 더 확인하려면 WordPress 공식 사이트로 연결할 수 있습니다.
외부 사이트의 메뉴나 정책처럼 바뀔 수 있는 내용은 주소가 현재도 열리는지 확인합니다.
본문 캡처와 설명용 이미지는 기본적으로 원본 파일을 여는 링크를 만들지 않습니다.
작은 화면에서 설정 위치를 자세히 봐야 하는 경우에만 이미지 블록의 링크 대상을 원본 미디어로 바꿉니다.
일반 이미지는 링크 대상 없음을 유지해 캡션까지 원본 링크처럼 보이지 않게 합니다.
외부 링크와 본문 이미지의 링크 대상을 구분하는 단계끊어진 링크를 저장 전과 공개 후 점검하기
저장하기 전에 본문 링크를 하나씩 열어 주소 오타와 대상 글을 확인합니다.
404 페이지나 삭제된 글로 이동하면 다른 관련 글로 교체하거나 링크를 삭제합니다.
기존 글의 슬러그를 바꾼 뒤 내부 링크가 예전 주소를 가리키는 경우도 있으므로 링크 문구보다 실제 주소를 먼저 확인합니다.
공개 후에는 텍스트 링크, 버튼 링크, 외부 링크를 각각 눌러 새 탭 설정이 의도대로 작동하는지 확인합니다.
모바일 화면에서는 링크 문장이 너무 길어 줄바꿈이 어색하지 않은지, 버튼이 화면 밖으로 밀리지 않는지도 확인합니다.
저장 전 링크 주소와 대상 글을 확인하는 마지막 점검 단계관련 글 2~4개를 자연스럽게 연결하는 실제 예시
사이트를 처음 정리하는 글이라면 먼저 워드프레스 첫 글 쓰기에서 글 작성과 슬러그를 확인합니다.
그다음 워드프레스 카테고리 추가하고 글 분류하는 방법에서 큰 주제를 나눕니다.
태그가 필요한 단계에서는 워드프레스 태그 사용법으로 세부 주제 연결 기준을 확인합니다.
글과 페이지의 차이가 궁금해지는 경우에는 워드프레스 글과 페이지 차이를 이어서 읽습니다.
현재 문단에서 생긴 질문에 답하는 글만 연결하면 내부 링크가 학습 순서가 됩니다.
자주 묻는 질문
내부 링크도 항상 새 탭으로 열어야 하나요?
아닙니다.
관련 글로 자연스럽게 이동하는 흐름이면 현재 탭으로 열어도 됩니다.
현재 글의 위치를 남겨 두어야 하거나 외부 자료를 잠깐 참고하는 경우에만 새 탭을 고려합니다.
링크 문구에 글 제목을 그대로 써야 하나요?
항상 그대로 쓸 필요는 없습니다.
다만 링크를 눌렀을 때 어떤 내용이 나오는지 알 수 있도록 작업명이나 핵심 주제를 포함합니다.
버튼 링크와 텍스트 링크를 함께 넣어도 되나요?
가능합니다.
본문 설명 중간에는 텍스트 링크를 사용하고, 한 단계가 끝난 뒤 다음 글로 이동시키는 위치에는 버튼을 사용할 수 있습니다.
같은 주소를 바로 이어서 반복하지 않도록 역할을 나눕니다.
이미지 확대 링크는 언제 사용하나요?
작은 화면에서 설정 위치를 자세히 봐야 하는 캡처처럼 원본 확대가 실제로 필요한 경우에만 사용합니다.
그 외의 본문 이미지는 링크 대상 없음을 유지합니다.
마지막 확인 목록
- 링크 문구만 읽어도 연결할 글의 내용이 예상되는지 확인했습니다.
- 내부 링크와 외부 링크의 주소를 구분했습니다.
- 새 탭이 필요한 링크만 선택했습니다.
- 외부 링크에 noopener noreferrer를 적용했습니다.
- 이미지 확대가 필요한 경우를 제외하고 이미지 링크를 만들지 않았습니다.
- 내부 링크, 버튼 링크, 외부 링크를 직접 열어 끊어진 주소가 없는지 확인했습니다.
- 관련 글 2~4개가 현재 문단의 다음 질문과 연결되는지 확인했습니다.
본문에서 링크를 추가할 때는 개수보다 연결 이유와 도착 페이지의 내용이 더 중요합니다.
관련 글로 이동한 뒤 원래 글로 돌아올 필요가 있는지까지 생각하면 새 탭과 현재 탭을 구분하기 쉬워집니다.