SEO 순위 유지를 위해 301개의 포워딩 설정

301 리디렉션을 사용하여 이전 URL에서 새 URL로 트래픽을 라우팅합니다.

이 가이드에서는 다음 내용을 이해하게 됩니다.

  1. 301 전달 구현 기준
  2. 페이지 경로 재설정 절차
  3. 디렉토리를 지시하는 기술
  4. 이스케이프 시퀀스 적용
  5. 전체 도메인을 다시 라우팅하는 방법

301 전달 구현 기준

필수적인: Webflow는 현재 총 전달에 대해 엄격한 임계값을 적용하지 않지만 최대 1,000개를 준수하는 것이 좋습니다. 각 전달 지시문은 사이트의 매니페스트.json 파일에 추가되어 방문자의 브라우저에 사이트 세부정보를 제공합니다. 매니페스트 파일이 확장되면 브라우저에서 다운로드해야 하는 데이터가 더 많아집니다. SEO 및 웹사이트 성능을 최적화하려면 가능할 때마다 와일드카드 전달을 사용하는 것이 좋습니다. 이렇게 하면 전달 규칙의 전체 양이 줄어들기 때문입니다. 

301 전달은 예를 들어 다음과 같은 시나리오에서 오래된 경로에서 새 URL로 트래픽을 영구적으로 다시 라우팅하는 목적으로 사용됩니다.

  • URL 구성을 수정합니다(예: webflow.com/mysite 에게 webflow.com)
  • 사이트를 대체하거나 재설계하여 새로운 URL을 얻습니다(예: webflow.com/oldhomepage 에게 webflow.com)
  • 완전히 새로운 도메인으로 전환(예: webflowscool.com 에게 webflow.com)
  • 잠재적인 방문자 오류를 수용하기 위한 대체 도메인 확보(예: webflow.net, webflow.org, webflow.io 에게 webflow.com)
이전 URL에서 새 URL로의 리디렉션을 보여주는 다이어그램입니다. 두 개의 검은색 사각형이 화살표로 연결되어 있습니다. 왼쪽 사각형에는 '기존 URL'이라는 용어가, 오른쪽 사각형에는 '새 URL'이라는 용어가 새겨져 있습니다.

이전 URL을 새 URL로 바꾸면 이전 URL이 검색 결과에 계속 표시되거나, 블로그 또는 포럼 항목에서 참조되거나, 북마크에 추가되거나, 비즈니스 자료에 인쇄될 수 있습니다. 이전 URL에 도달하는 방문자는 기본적으로 404 페이지로 연결됩니다. 그럼에도 불구하고 301 전달을 설정하면 이전 URL로 들어오는 방문자가 지정된 새 URL로 라우팅됩니다.

시간이 지남에 따라 Google는 업데이트된 사이트 레이아웃을 색인화하고 사용되지 않는 URL은 새로 고쳐집니다. 그럼에도 불구하고 특히 이전 URL의 권한을 보존하려는 의도인 경우 301 전달이 권장됩니다.

임시 재배치를 나타내는 302 전달과 같은 다양한 유형의 리디렉션이 있지만 다음을 원하는 경우에는 301 전달이 가장 적합합니다. 영구적으로 들어오는 트래픽을 새로운 URL로 보냅니다.

페이지 경로 재설정 절차

이전 페이지 또는 전체 페이지 디렉토리를 Webflow 사이트 내의 새로운 위치로 영구적으로 리디렉션할 수 있습니다. 301 전달을 설정하려면:

  1. 방문하다 사이트 설정 > 출판 > 301 포워드
  2. 이전 URL을 입력하세요. 이전 경로 필드(예: /이전 URL)
  3. 다음 항목에 새로운 URL을 지정하세요. 경로로 리디렉션 필드(예: /완전히/새로운 URL/구조)
  4. 딸깍 하는 소리 리디렉션 경로 추가
  5. 사이트 게시

그런 다음 새 브라우저 탭에 이전 URL을 입력하여 전달을 평가할 수 있습니다. 새 URL로 연결되어야 합니다. 리디렉션 URL 작성에 대한 추가 정보를 탐색할 수 있습니다.

필수적인: Webflow 사이트의 기존 정적 페이지를 새 URL로 리디렉션하려면 페이지를 초안으로 제거 또는 보존하거나 리디렉션을 구성하기 전에 해당 슬러그를 수정해야 합니다. Webflow 사이트의 기존 컬렉션 항목 페이지를 새 URL로 리디렉션하려면 항목을 보관, 삭제 또는 게시 취소하거나 초안으로 보존하거나 리디렉션을 설정하기 전에 해당 슬러그를 수정해야 합니다.

디렉터리를 리디렉션하는 기술

  1. 입장 사이트 설정 > 출판탭 > 301 포워드
  2. 캡처 그룹을 포함하는 URL을 포함하세요. (.*) 이전 URL 레이아웃 내에서 이전 경로 필드(예: /oldfolder/(.*))
  3. 대상 경로를 포함하는 URL을 지정하세요. %1 새 URL 레이아웃 내에서 경로로 리디렉션 필드(예: /완전히/new-url/구조/%1)
/블로그/(.*)/(.*) 로 다시 라우팅될 수 있습니다. /articles/%1/%2.

와일드카드 리디렉션 예시

디렉토리 내의 다양한 페이지를 단일 URL로 리디렉션하려고 한다고 가정합니다. domain.com/collections/women, domain.com/collections/men, 그리고 domain.com/collections/children 에게 domain.com/collections. 가정 domain.com 은(는) Webflow 사이트의 관련 도메인인 경우 리디렉션 공식은 다음과 같습니다.

  • 이전 경로: /컬렉션/(.*)
  • 페이지로 리디렉션: /컬렉션

또는 다음과 같은 URL 구성을 준수하는 모든 페이지를 다시 라우팅한다고 가정해 보겠습니다. /domain.com?category=food&post=파이 에게 /블로그/음식/파이 — 본질적으로 다양한 페이지를 다양한 URL로 리디렉션합니다.

'비욘세', '런던', '파이'와 같은 게시물 옆에 '음악', '여행', '음식' 등의 카테고리를 포함할 수 있습니다. 이는 변수 역할을 합니다. 언급된 URL에서는 'food'와 'pie'가 변수를 구성합니다. 이러한 변수 적응을 용이하게 하기 위해 다음과 같이 작성된 캡처 그룹을 사용하여 이러한 변수를 호출합니다. (.*), 필수입니다. 예를 들어 리디렉션은 다음과 같이 스크립팅됩니다.

  • 이전 경로: /%?category%=(.*)%&post%=(.*)
  • 페이지로 리디렉션: /블로그/%1/%2
%1 첫 번째 캡처 그룹에 해당하지만 %2 두 번째에 해당합니다. 이 와일드카드 리디렉션 방법을 사용하면 다음과 같습니다.

  • /domain.com?category=music&post=비욘세 다음으로 리디렉션됩니다. /블로그/음악/비욘세
  • /domain.com?category=travel&post=런던 다음으로 리디렉션됩니다. /블로그/여행/런던
  • /domain.com?category=food&post=파이 다음으로 리디렉션됩니다. /블로그/음식/파이

이스케이프 시퀀스 적용

이전 경로 와일드카드를 사용하는 URL 및 URL에는% 문자 앞의 기호:

  • %
  • -
  • &
  • *
  • (
  • )
  • =
  • _
  • +
  • ?
/이전 폴더/(.*) 다음과 같이 변환이 필요합니다. /old%-폴더/(.*) 리디렉션으로 작동합니다.

mysite.com?category=음식 에게 mysite.com/blog/food. 리디렉션은 다음과 같이 스크립트되어야 합니다.

  • 이전 경로: %?category%=음식
  • 경로로 리디렉션: 블로그/음식
% 이전의 기호 ? 그리고 = 리디렉션이 성공적으로 작동하려면 필수입니다.

메모: 문자를 이스케이프해야 하는 필요성은 이전 경로에만 해당됩니다. 새 리디렉션 경로 내에서는 문자를 이스케이프해야 하는 요구 사항이 없습니다.

전체 도메인을 다시 라우팅하는 기술

  1. 기존 도메인과 새 도메인을 모두 사이트와 연결
  2. 새 도메인을 기본값으로 지정
  3. 사이트 게시
이완 막
Ewan Mak의 최신 게시물 (모두 보기)