표준 태그를 올바르게 사용하는 방법

게시 됨: 2021-07-19

이 가이드에서는 표준 태그를 올바르게 사용하는 방법을 설명합니다. 실제 예제를 사용하여 표준 태그가 무엇인지, 언제 사용해야 하는지, 언제 사용해서는 안 되는지, 구현 방법 및 피해야 하는 일반적인 실수를 배우게 됩니다.

표준 태그란 무엇입니까?

표준 태그는 다음과 같이 간단히 말하는 웹 페이지의 신호입니다. " 저는 저기에서 찾을 수 있는 다른 웹 페이지의 사본입니다...

이 HTML 요소는 페이지의 코드에 추가되며 Google 및 기타 검색 엔진에 페이지의 기본 버전을 알려 중복 콘텐츠 문제를 방지하는 데 도움이 됩니다.

검색 엔진이 중복되거나 유사한 페이지를 처리하는 방법

대부분의 검색 엔진은 매우 유사한 콘텐츠가 포함된 두 개 이상의 페이지를 발견할 때 색인을 생성할 페이지 중 하나만 선택 하고 다른 페이지는 무시하는 경우가 많습니다. 어떤 중복 페이지 URL을 선택할지는 처음 크롤링된 URL, 내부 링크가 가장 많은 URL, 외부 링크가 가장 많은 URL 등 여러 요인에 따라 결정될 수 있습니다.

중복 콘텐츠는 SEO에 좋지 않을 뿐만 아니라 콘텐츠를 최상의 상태로 표시하지 않아 전환율에 해를 끼칠 수도 있습니다.

웹사이트의 인프라에 필수적이지만 유사하거나 동일한 콘텐츠를 포함하는 여러 페이지가 있는 경우가 종종 있습니다. 중복 콘텐츠에 대한 불이익을 감수하는 대신 아래 예와 같이 선호하는 정보 소스라고 생각되는 페이지에 rel=canonical 태그를 추가할 수 있습니다.

상품 페이지 복제의 예

아래에서 전자 상거래 제품 페이지 복제의 예를 살펴보겠습니다.

중복 웹 페이지

동일한 '빨간 장난감 트럭'에 대한 이러한 모든 제품 페이지는 최상위 이동 경로 링크와 같은 사소한 변형만 제외하고 완전히 동일한 콘텐츠를 가지고 있습니다. 이 웹사이트가 구성된 방식은 하나의 제품에 대해 세 페이지가 있다는 것을 의미하므로 사본 중 두 개를 제거하려면 표준 태그가 필요합니다.

표준 예

표준 태그를 사용하여 검색 엔진에 원본 제품 페이지가 [http://www.example.com/toys/trucks/red]에 있으며 다른 두 URL은 단순한 사본임을 알렸습니다. 이 경우 "세일" 카테고리에 속하지 않고(판매는 언젠가 끝날 가능성이 있음) "10파운드 미만 품목" 카테고리에 없는 영구 제품 페이지를 선택하는 것이 현명합니다(가격이 오를 수 있음 하루에 £10 이상).

표준 태그가 필요한 페이지 복제의 다른 예

URL 매개변수

페이지 URL은 매개변수 형식으로 끝에 정보를 추가할 수 있으며, 항상 URL에서 물음표 뒤에 표시됩니다.

  • 매개변수가 아닌 URL – http://www.example.com/blog
  • 완전히 다른 페이지 콘텐츠를 생성하는 매개변수 URL – http://www.example.com/blog ?page=2

URL 매개변수가 완전히 다른 페이지 콘텐츠를 표시하는 경우도 있고 특정 콘텐츠를 필터링할 수도 있고 페이지 콘텐츠에 전혀 영향을 미치지 않는 경우도 있습니다.

  • 매개변수가 사용되지 않았을 때와 완전히 다른 콘텐츠:
    http://www.example.com/news ?page=3
  • 매개변수가 사용되지 않은 경우와 약간 다른 내용:
    http://www.example.com/toy-trucks ?color=red-only
  • 매개변수가 있거나 없는 콘텐츠에 대한 사소한 변경:
    http://www.example.com/toy-trucks ?price=ascending
  • 매개변수의 유무에 관계없이 내용에 전혀 변경 사항이 없습니다.
    http://www.example.com/contact-us ?trackingID=123456

검색 엔진은 매개변수가 다른 URL을 고유한 페이지로 취급할 수 있습니다. 그런 다음 매개변수가 추가될 때 콘텐츠가 크게 변경되지 않는 경우 표준 태그를 사용하여 최상의 URL을 홍보하는 것이 중요합니다.

검색 엔진이 특정 패턴의 URL을 색인화하지 않도록 하려면 robots.txt 파일을 사용하여 차단해야 합니다. 이렇게 하면 예를 들어 전체 통계를 엉망으로 만들 수 있는 추적 매개변수가 색인화되지 않도록 할 수 있습니다.

동일한 웹페이지 콘텐츠에 대한 여러 URL

웹 페이지는 표준 태그로 자신을 참조할 수 있습니다.
웹 페이지는 자신을 안전하게 참조할 수 있습니다.

웹 사이트가 정확히 동일한 웹 페이지에 대해 여러 URL을 가질 수 있는 방법은 여러 가지가 있습니다. 운 좋게도 표준 태그를 사용하여 페이지를 자체 참조하여 이러한 문제를 해결할 수 있습니다. 예를 들어, 웹 페이지는 자신의 복사본이라고 안전하게 말할 수 있고 매개변수, 하위 도메인 등과 혼동을 제거할 수 있습니다(아래 참조).

다음은 웹사이트의 정확히 동일한 페이지에 대한 여러 URL 변형의 몇 가지 예입니다. 웹사이트에서 모두 확인하고 필요한 경우 표준 태그를 사용하여 기본 URL을 참조하는 것이 좋습니다.

  • http://www.example.com/example-page ( 기본 URL )
  • http://www.example.com/example-page.html
  • http://www.example.com/example-page?trackingID=123456
  • http://www.example.com/example-page#top
  • http://example.com/example-page
  • http://example.com/example-page.html
  • http://example.com/example-page?trackingID=123456
  • http://example.com/example-page#top

잘못된 모든 URL에 대한 방문에 기본 태그로 연결되는 표준 태그가 있으면 이러한 문제가 해결됩니다(이 경우 http://www.example.com/example-page ).

"www." 또는 URL이 "www" 없이 입력될 때마다 간단한 301 리디렉션으로 문제를 해결할 수 있습니다. 사용자는 자동으로 올바른 www로 리디렉션됩니다. 버전

URL 매개변수 필터

URL 매개변수가 웹페이지의 결과를 필터링하면 상황이 복잡해질 수 있습니다. 일반적으로 전자 상거래 웹 사이트, 지역 목록 또는 예를 들어 부동산 또는 휴가 웹 사이트와 같이 필터링이 가능한 기타 결과에서 작동하는 것을 볼 수 있습니다.

이러한 경우 매개변수 URL을 직접 방문하면 표시되는 결과가 향상되거나 제한되는지, 검색 엔진에서 해당 URL이 개별적으로 색인을 생성할 만큼 고유하다고 생각하는지 자문해야 합니다. 대부분의 경우 검색 엔진이 모든 필터 옵션과 모든 제품/항목을 표시하는 매개변수가 아닌 URL 대신 표시될 수 있으므로 필터링하는 매개변수 URL을 색인화하는 것을 원하지 않을 것입니다.

매개변수 표준 사용

전자 상거래 웹 사이트 필터는 항목을 특정 색상, 하위 범주, 가격대 또는 리뷰 점수로 줄일 수 있습니다. 상당한 수의 제품이 있고 그러한 틈새 키워드에 대한 활성 검색이 있지 않는 한 Google이 모든 제품이 아니라 특정 카테고리 내에서 제한된 선택의 제품을 한 번에 색인화하도록 허용하는 것은 거의 이점이 없습니다.

Google 및 Bing과 같은 주요 검색 엔진은 어떤 매개변수가 콘텐츠를 걸러내고 어떤 매개변수가 콘텐츠를 완전히 변경하는지 이해하는 데 큰 역할을 합니다. 확실하지 않은 경우 필터 URL에 대한 표준 태그를 생성하지 않고 검색 엔진이 자동으로 URL 구조를 시도하고 결정하도록 하는 것이 가장 좋습니다.

표준 태그를 설정하는 방법

  1. 선호하는 URL이 될 페이지를 결정하십시오. 가장 중요하다고 생각하는 버전이어야 합니다. 상관없다면 링크나 방문자가 가장 많은 것을 선택하고, 다른 모든 것이 같다면 하나만 선택하세요!
  2. WordPress 또는 Magento와 같은 CMS를 사용하는 경우 표준 태그를 적용하는 데 사용할 수 있는 플러그인이 많이 있습니다. 선호하는 페이지가 아닌 페이지:

<link rel=”canonical” href=”https://www.example.com/hats” />

이것은 귀하의 모자 페이지에 액세스하려는 사용자가 선호하는 URL임을 나타내고 검색 엔진에 다른 유사한 모자 페이지보다 이 페이지를 표시하기를 원한다고 알려줍니다. 검색 엔진과 관련된 모든 것과 마찬가지로 Google은 "이(표준 태그)를 존중하려고 하지만 모든 경우에 이를 보장할 수는 없습니다"라고 명시했습니다.

Yoast의 Joost de Valk는 그의 편리한 가이드에서 다음과 같이 말합니다.

이것이 하는 일은 검색 엔진의 관점에서 두 페이지를 하나로 "병합"하는 것입니다. 사용자를 리디렉션하지 않는 "소프트 리디렉션"입니다. 두 URL에 대한 링크는 이제 URL의 단일 표준 버전으로 계산됩니다.

표준 태그의 일반적인 실수

표준 태그의 오용은 심각한 결과를 초래할 수 있습니다. 웹사이트의 모든 페이지가 홈페이지의 사본이라고 주장한다고 상상해 보십시오. 검색 엔진은 웹사이트의 모든 페이지의 색인을 제거하고 검색 엔진 결과 내에서만 홈페이지를 표시합니다!

다음은 표준 태그에서 흔히 볼 수 있는 몇 가지 실수입니다.

  • 웹사이트의 모든 페이지에 하나의 URL을 가리키는 비동적 표준 태그가 있는 경우(SEO 킬러!)
  • HTML 코드 내에 두 개의 서로 다른 표준 태그가 있는 경우(첫 번째 태그만 검색 엔진에서 계산됨)
  • "http://" 부분이 없는 URL 사용(절대 URL을 사용해야 함)
  • 제품 페이지가 속한 카테고리 페이지를 가리키도록 함(제품 페이지는 별도로 색인을 생성해야 함)
  • 페이지를 매긴 URL에 표준 태그 사용(자세한 내용은 아래 참조)

페이지를 매긴 URL 은 정보의 순서를 표시하는 URL의 시퀀스입니다. 예로는 스토리, 제품 목록, 블로그/뉴스 게시물 목록, 정보 목록 등이 있습니다.

4개의 다른 웹 페이지에 4개의 장에 걸쳐 있는 훌륭한 이야기를 온라인으로 작성했다고 가정해 보겠습니다. 검색 엔진이 인덱싱만 하고 사람들을 이야기의 첫 페이지로 보내도록 할 수 있습니다. 이렇게 하려면 표준 태그를 사용하여 모든 챕터 페이지가 첫 번째 챕터를 가리키도록 합니다.

페이지가 매겨진 콘텐츠
페이지가 매겨진 콘텐츠에 표준 태그를 사용하면 안 됩니다.

이렇게 하면 2장 이후에 표시된 모든 콘텐츠 , 일부 검색 엔진 사용자가 바로 이동하거나 빠르게 찾고 싶어할 수 있는 엄청난 양의 고유 콘텐츠 를 효과적으로 잃게 됩니다.

이전에는 "next" 및 "prev"라는 "rel" 태그를 대신 사용하여 모든 페이지 간의 관계를 표시할 수 있었습니다.

페이지가 매겨진 콘텐츠 수정

그러나 Google에서는 더 이상 지원하지 않습니다.

즉, 페이지가 매겨진 페이지는 Google 색인에서 웹사이트의 다른 페이지와 동일하게 처리 됩니다. 일련의 페이지가 하나의 콘텐츠로 통합되는 대신 이제 개별 고유 페이지로 처리됩니다. 이 가이드를 읽고 대신 무엇을 해야 하는지 알아보세요!

페이지에 자체 참조 표준 URL이 있어야 합니까?

이 질문은 SEO에서 논쟁의 여지가 있는 주제입니다. 예를 들어 Yoast에서는 모든 페이지에 표준 링크 요소를 포함 할 것을 강력히 권장합니다.

또한 Google의 John Mueller는 이전에 이것이 모범 사례라고 제안했습니다.

많은 CMS는 콘텐츠를 변경하지 않고 URL 매개변수를 허용합니다. 예를 들어 다음 URL은 모두 동일한 콘텐츠를 표시합니다.

  • https://example.com/widgets/widget-1/
  • https://example.com/widgets/widget-1/?isnt=it-great
  • https://example.com/widgets/widget-1/?cmpgn=twitter
  • https://example.com/widgets/widget-1/?cmpgn=facebook

따라서 자체 참조 표준을 구현하면 잠재적인 SEO/중복 콘텐츠 위험을 피할 수 있습니다.

도메인 간 표준 URL을 사용할 수 있습니까?

간단한 대답은 예, 다른 도메인을 가리키는 표준 URL을 사용해도 된다는 것입니다. 예를 들어 웹마스터가 사용자와 관련이 있다고 생각하여 콘텐츠의 일부가 다른 웹사이트에 게시될 수 있습니다. 그러나 도메인의 원본 기사에 대한 rel=canonical 링크를 구현했는지 확인해야 합니다.

rel=canonical 대신 301 리디렉션을 사용해야 하는 경우

301 리디렉션은 페이지/도메인이 새 대상으로 영구적으로 이동할 때마다 사용해야 합니다. Google Search Console로 이동하여 404페이지를 찾으면 301이 해결됩니다. 새 위치를 찾고 리디렉션을 함께 넣고 서버에 업로드하기만 하면 됩니다.

모범 사례는 301 리디렉션을 구현할 때 새 URL과 완벽하게 일치하는 항목을 찾는 것입니다. 이렇게 하면 사용자에게 동일하거나 더 나은 콘텐츠가 제공되고 페이지가 검색 엔진과 관련이 있을 것입니다.

리디렉션과 달리 표준 태그는 사용자를 다른 페이지로 보내도록 서버에 지시하지 않습니다. 이는 사용자가 보기를 원하는 기본 페이지를 검색 엔진에 표시하라는 신호입니다. 콘텐츠가 매우 유사함에도 불구하고 여러 페이지가 필요한 상황이 종종 있으며 가장 기본적인 예는 전자 상거래 사이트입니다.

1페이지 – example.com/hats/alphabetical

2페이지 – example.com/hats/price

두 페이지 모두 동일한 콘텐츠를 제공하고 사용자에게 매우 유용하며 제품이 가격 및 알파벳순으로 나열될 수 있도록 사이트에 있어야 합니다. 사이트 소유자가 검색 엔진의 가격 페이지를 서버 사용자에게 제공하는 것이 더 낫다고 결정하면 rel=canonical 태그가 알파벳 페이지에 추가되어 "헤이 검색 엔진, 이 페이지가 매우 유사하지만 사용자에게 가장 제공하고 싶은 것은 가격 페이지입니다."

301 리디렉션을 수행할지 아니면 표준을 설정할지 확실하지 않은 경우 어떻게 해야 합니까? 대답은 간단합니다. 기술적인 이유가 없는 한 항상 리디렉션을 수행해야 합니다. 사용자 경험에 해를 끼치거나 문제가 있어 리디렉션할 수 없는 경우 표준 URL을 설정합니다.

표준 태그를 사용하면 Google에서 가장 중요하게 간주해야 하는 페이지와 색인을 생성해야 하는 페이지를 알 수 있으므로 SEO를 개선하는 데 도움이 될 수 있지만 구현 시 매우 주의해야 합니다.

대부분의 일반적인 CMS 및 전자 상거래 플랫폼은 이제 표준 태그를 자동으로 처리하거나 이를 수행하는 잘 만들어진 플러그인을 가지고 있으며 웹 페이지의 HTML 소스 코드를 보고 표준 태그가 있는지 확인합니다(힌트: CTRL + F 사용).

이 기사가 유용하셨나요?

일주일에 한 번 팀 할람의 전문가 조언과 안내를 받은 편지함으로 바로 받아보세요.
  • 이 필드는 유효성 검사용이며 변경되지 않은 상태로 두어야 합니다.

SEO와 관련하여 도움이 필요하시면 주저하지 마시고 저희에게 연락해 주십시오.