워드프레스 URL 단축 플러그인 (feat. Pretty Links)

Stock 622179185 jpg

오랫동안 영어로 된 URL만 사용하다가 SEO에 도움되는 부분이 있다 하여 한글 URL을 사용해보게 되었는데, 복사해서 공유할 때마다 URL이 불가피하게 길어지고 가시성도 떨어지는 것이 마음에 걸리던 차 괜찮은 워드프레스 URL 단축 플러그인 Pretty Links를 알게 되어 소개해보고자 합니다.

URL 단축 플러그인 Pretty Links 설치


Pretty Links 공식 웹사이트

워드프레스 URL 단축 플러그인 - Pretty Links

관리자 대시보드 [플러그인 Plugins] – [새 플러그인 추가 Add New Plugin]에서 ‘Pretty Links’를 검색한 후, ‘지금 설치 Install Now’ 클릭하여 설치하고 ‘활성화 Activate’ 합니다.

워드프레스 URL 단축 플러그인 - Pretty Links

관리자 대시보드 좌측에 ‘Pretty Links’ 메뉴가 추가되었습니다. 단축할 링크를 추가하기 위해 ‘Add New’를 클릭하면 링크를 추가할 수 있는 Basic 링크 설정 화면이 나오는데, 여기에 보면 301 (Permanent), 302 (Temporary), 307 (Temporary), 세 종류의 리다이렉션 옵션이 나옵니다.

리다이렉션 상태 코드 – 301, 302, 307


  • 301 리다이렉션 (Permanently)

301 리다이렉션은 기존 URL이 새 URL로 영구적으로 이동되었음을 나타냅니다. 따라서, 301 리다이렉션이 구현되면 아예 검색 엔진의 색인과 브라우저 캐시까지 모두 업데이트가 됩니다. 즉, 검색 엔진 결과 페이지 및 즐겨찾기 등에서 이전 URL이 새 URL로 대체됩니다. 올바른 SEO 설정과 사용자 경험을 위해서는 영구적으로 변경된 URL에 대해서만 301 리다이렉션을 사용하는 것이 중요합니다.

  • 302 리다이렉션 (Temporary)

302 리다이렉션은 해당 URL이 일시적으로 다른 URL로 이동되었음을 나타냅니다. 301 리다이렉션과 달리, 이 URL 이동은 일시적인 것이므로 검색 엔진의 색인과 브라우저 캐시는 URL을 업데이트하지 않습니다. 302 리다이렉션을 사용하면 원래 URL이 유지되어 사용자가 추후 원래 URL로 접속이 가능합니다.

  • 307 리다이렉션 (Temporary)

302 리다이렉션과 마찬가지로 307 리다이렉션은 해당 URL이 일시적으로 새 URL로 이동되었음을 나타냅니다. 302 리다이렉션과 307 리다이렉션의 주요 차이점은 GET 및 HEAD 이외의 HTTP 요청 메서드를 처리하는 방법에 있습니다. 307 리다이렉션은 원래 요청 방법을 유지하는 반면, 302 리다이렉션은 이를 GET으로 변경할 수 있습니다. 즉, 원래 URL에 대해 POST 요청이 이루어진 경우 307 리다이렉션은 동일한 방법으로 POST 요청을 새 URL로 전달하고, 302 리다이렉션은 이를 GET 요청으로 변환합니다. 302와 마찬가지로 307 리다이렉션이 사용될 때 역시 검색 엔진 색인과 브라우저 캐시는 업데이트되지 않습니다.

정리해보면, 영구적인 URL 변경을 위해서는 301 리다이렉션을 사용하고 임시 URL 변경에는 302 리다이렉션을 사용하면 됩니다. 역사적으로 302는 영구 리다이렉션에 잘못 사용되는 경우가 많았으며, 이것이 307 리다이렉션이 도입된 이유입니다. 임시 리다이렉션 시나리오에서 GET/HEAD가 아닌 원래 요청 방법을 유지해야 하고자 할 때 307 리다이렉션을 사용하면 됩니다.

Pretty Links 기본 설정


20240410 180750

Pretty Links의 링크 Basic 설정 화면으로 돌아와서 추가를 계속해보겠습니다.

  • Title: 링크 제목을 적어줍니다. 저는 해당 게시물 제목을 적었습니다.
  • Redirection: 영구적인 URL 이동이 아닌, 공유용 짧은 링크 생성을 위해 하는 URL 이동이므로 302 (Temporary)를 선택합니다.
  • Target URL: URL을 단축할 원본 게시물 URL을 복사해서 붙여넣습니다.
  • Pretty Link: 단축해서 생성할 링크를 입력합니다. 기본으로 들어있는 내용을 원하는 링크로 편집할 수 있습니다.
  • Notes: 관리 목적으로 해당 링크에 대해 메모해두고 싶은 내용이 있으면 기입합니다. 사용자 인터페이스와는 무관한 필드입니다.

우측 상단의 ‘Update’ 버튼을 클릭하면 단축 링크가 추가됩니다.

Pretty Links 고급 설정


20240410 181631

좌측 ‘Advanced’ 메뉴를 클릭하면 고급 설정이 나옵니다.

  • No Follow: 활성화하는 것이 권장되는 항목으로, 이 링크의 http 리다이렉션 헤더에 nofollow 및 noindex를 추가하기 위한 옵션입니다.
  • Sponsored: 이 링크의 http 리다이렉션 헤더에 스폰서 속성을 추가합니다. 제휴 링크인 경우 이 항목을 활성화합니다.
  • Parameter Forwarding: 이 링크에 전달된 매개 변수를 Target URL로 전달하기 위한 항목입니다.
  • Tracking: 기본으로 지원되는 단축 링크 클릭수 추척 기능을 활성화하기 위한 항목입니다.

설정 변경 후, 우측 상단의 ‘Update’ 버튼을 눌러 변경 사항을 적용합니다.

링크 목록 관리 및 기타 기능

20240410 191418

링크 추가 혹은 설정 변경을 하고 나면 자동으로 링크 목록 화면으로 돌아갑니다. 좌측 메뉴 [Pretty Links] – [Pretty Links]를 클릭해도 동일한 목록 화면으로 갈 수 있습니다. 해당 링크에 마우스 오버를 하면 사용할 수 있는 편집, 휴지통, 빠른 편집, 초기화, 트윗, 이메일, Target, Pretty Links 등 다양한 링크들이 나옵니다. Target를 클릭하면 원본 링크로, Pretty Link를 클릭하면 단축 링크로 이동합니다. 목록에서 링크의 우측 끝 ‘Copy’ 이모티콘을 클릭하면 단축된 링크를 복사할 수 있습니다.

20240410 192723

좌측 메뉴 [Pretty Links] – [Clicks]로 가면 생성된 링크들의 클릭 통계 및 를 추적 정보를 확인할 수 있습니다.

이 정도가 무료로 사용할 수 있는 기능인데, 단순히 단축 링크 생성에 사용하기에는 충분하다고 보여지고, 단축 링크들을 워드프레스 웹사이트 내에서 일괄적으로 관리할 수 있어 편리한 것 같습니다.

Leave a Reply

Your email address will not be published. Required fields are marked *