제퍼넷 로고

Google 검색 스니펫에서 특정 콘텐츠가 사용되지 않도록 data-nosnippet을 사용하는 방법 [실험]

시간

data-nosnippet을 사용하여 Google 검색 스니펫의 콘텐츠를 차단합니다.

어떤 이유에서든 최근에 사이트 소유자가 마음에 들지 않는 검색 내용에 대해 문의하는 경우가 늘었습니다. 예를 들어, Google은 검색 결과에 표시되기를 원하지 않는 검색 스니펫의 텍스트를 선택합니다. 연락한 사이트 소유자는 자신이 어떤 식으로든 영향을 미칠 수 있는지, 아니면 막혀 있는지 몰랐습니다.

그러한 상황에서 저는 확실한 메타 설명을 제공하면 Google이 스니펫에 귀하의 설명을 사용할 가능성이 높아질 수 있다고 항상 설명합니다. 즉, Google이 방금 말했듯이 이번주에 반복, 스니펫에 대한 페이지의 텍스트를 선택할 수 있습니다. 이는 기본 콘텐츠, 페이지의 사용자 댓글 등에서 나올 수 있습니다. 따라서 메타 설명이나 페이지의 모든 콘텐츠를 사용할 수 있습니다.

사이트 소유자에게 좋은 소식은 스니펫을 생성하는 데 사용되는 콘텐츠를 제한하는 데 사용할 수 있는 도구가 있다는 것인데, 아직도 이 도구가 사용 가능한지 모르는 사람이 많습니다. 이를 데이터-노스니펫(data-nosnippet)이라고 합니다. Google은 2019년에 이를 출시했습니다. (다른 여러 조각 컨트롤과 함께) Data-nosnippet은 사용하기 쉽고 잘 작동합니다. 그리고 페이지가 다시 크롤링되고 다시 색인이 생성되면 검색 내용을 매우 빠르게 변경할 수 있습니다.

아래에서는 data-nosnippet의 작동 방식을 보여주기 위해 제가 실행한 간단한 실험을 안내해 드리겠습니다.

테스트: data-nosnippet을 통해 검색 조각 변경.
검색 스니펫을 변경하려면 모든 div, 범위 또는 섹션 HTML 요소에서 data-nosnippet 속성을 사용할 수 있습니다. 이는 단순히 HTML 코드에 추가할 수 있는 속성입니다. 현재 사용 중인 콘텐츠가 data-nosnippet을 적용할 수 있는 div, 범위 또는 섹션 요소에 현재 래핑되어 있지 않은 경우 현재 스니펫에서 사용 중인 해당 콘텐츠를 래핑하는 콘텐츠를 추가할 수 있습니다(Google에 해당 텍스트를 사용하세요).

그것은 거의 그것입니다.

실험을 위해 저는 먼저 메타 설명을 기반으로 하지 않은 내 블로그 게시물 중 하나에 대한 검색 스니펫을 발견했습니다. 그런 다음 검색 스니펫을 만드는 데 사용되는 텍스트가 포함된 html에 스팬 태그를 추가했습니다.

내가 선택한 게시물은 다음과 같습니다. x-robots-tag를 확인하는 방법 스니펫은 메타 설명에서 가져온 것이 아니고 게시물의 도구 중 하나에만 초점을 두었기 때문입니다. 검색어는 '로봇 태그 확인'이었습니다. 참고로 이는 단지 빠른 실험을 실행하기 위한 것이며 이 결과에 대한 완벽한 스니펫을 얻는 데 초점을 두지 않습니다. 나는 data-nosnippet이 어떻게 작동하는지 설명하고 싶었습니다.

데스크톱과 모바일 모두에서 원본 스니펫의 모습은 다음과 같습니다.

변경하고 싶었던 데스크톱의 원래 검색 스니펫입니다.
변경하고 싶었던 모바일의 원래 검색 스니펫입니다.

스니펫을 변경하기 위해 WordPress로 이동하여 현재 Google에서 검색 스니펫을 작성하는 데 사용하는 텍스트가 포함된 스팬 html 태그를 추가했습니다. 그런 다음 해당 스팬 태그에 data-nosnippet 속성을 추가했습니다. 그런 다음 텍스트 끝에 있는 스팬 태그를 닫았습니다(모든 HTML 태그에서와 마찬가지로).

예를 들어 …을 추가했습니다. 스니펫에 사용하고 싶지 않은 텍스트 콘텐츠입니다.

HTML 코드에서 data-nosnippet 속성을 사용합니다.

data-nosnippet은 부울 속성이므로 속성 값이 필요하지 않습니다. 하지만 WordPress에서 비어 있는 값을 추가하고 있었기 때문에 이를 "true"로 변경했습니다. 하지만 Google은 속성이 무엇인지 상관하지 않는다는 점에 유의하세요. data-snippet=“rankbrain”을 추가하면 문제가 되지 않습니다. 🙂 data-nosnippet 속성이 존재하는 한 이를 사용해야 합니다. 이 게시물의 마지막 팁 섹션에서 이에 대해 좀 더 설명하겠습니다.

다음은 속성 값에 대한 Google 문서의 스크린샷입니다.

data-nosnippet의 속성 값에 대한 Google 문서입니다.

결과: 안녕하세요, 새로운 검색 스니펫입니다!
data-nosnippet을 추가한 후 GSC에서 색인 생성을 요청했습니다. 몇 분 밖에 걸리지 않았으며 게시물이 다시 크롤링되고 다시 색인이 생성되었습니다. 그런데 검색 결과를 확인해 보니 스니펫이 그렇게 빨리 바뀌지 않더군요... 그래서 언제 새로운 스니펫이 생성될지 알아보기 위해 2.5시간 간격으로 계속 확인을 했습니다. 스니펫이 데스크톱과 모바일 모두에서 변경된 것은 약 XNUMX시간 후였습니다. 성공! 새 스니펫은 완벽하지 않으므로 data-nosnippet을 적용하여 계속 작업할 수도 있지만 속성은 작동했습니다.

다음은 데스크톱과 모바일 모두에 적용되는 새로운 스니펫입니다.

data-nosnippet 사용을 기반으로 하는 데스크톱의 새로운 검색 스니펫입니다.
data-nosnippet 사용을 기반으로 한 모바일의 새로운 검색 스니펫입니다.

data-nosnippet 사용: 사이트 소유자를 위한 팁 및 권장 사항.
아래에서는 Google 검색 결과에서 검색 스니펫을 변경하기 위해 data-nosnippet을 사용해야 하는 경우 몇 가지 최종 팁과 권장 사항을 제공하겠습니다. 내 생각에 이 속성은 예상대로 작동하고, 사용하기 쉽고, 매우 빠르게 효과를 발휘할 수 있을 것입니다.

  • div, 범위 또는 섹션 html 요소에 data-nosnippet을 사용해야 합니다. 다른 HTML 요소와 함께 사용하면 작동하지 않습니다.
  • 앞서 언급했듯이 data-nosnippet은 부울 속성입니다. 이는 함께 사용하는 html 요소에 대해 켜져 있거나 꺼져 있음을 의미합니다. 너 학생 결석으로 전화하지 마십시오 속성 값을 추가해야 합니다. 하지만 Google에서는 해당 값을 무시하므로 추가해도 괜찮습니다.
  • data-nosnippet을 구현한 후에는 GSC에서 색인 생성을 요청하는 것을 잊지 마세요. 그러면 URL을 더 빨리 다시 크롤링하고 다시 색인화할 수 있습니다.
  • 인덱싱을 요청한 후 SERP의 변경 사항을 모니터링합니다. Google이 스니펫에 대해 무엇을 선택하는지에 따라 실제로는 더 나쁜 검색 스니펫이 나올 수도 있습니다. 어떤 텍스트를 사용할지 Google에 알릴 수 없으므로 Google은 최적이 아닌 다른 콘텐츠를 선택할 수 있습니다. 콘텐츠의 더 많은 영역에서 data-nosnippet을 사용해야 한다면 그렇게 할 수 있습니다.
  • Data-nosnippet은 다음을 수행합니다. 않습니다. 색인 또는 순위에 영향을 미칩니다. 검색 스니펫에 사용할 수 있는 텍스트에만 영향을 미칩니다. 따라서 data-nosnippet으로 지정하는 콘텐츠가 여전히 색인화되고 순위 지정 목적으로 사용될 수 있다는 사실을 알고 편안하게 변경할 수 있습니다.
  • 렌더링 관점에서 Google은 렌더링 전후 모두 data-nosnippet을 추출할 수 있다고 설명하므로 학생 결석으로 전화하지 마십시오 이것이 작동하려면 JavaScript에 의존하십시오. Google은 data-nosnippet이 소스 HTML(정적 HTML)에 있는지 확인하도록 권장합니다.

요약: 예, 스니펫을 어느 정도 제어할 수 있습니다.
검색 스니펫이 자신이 원하거나 기대하는 것과 다른 상황에 처한 경우 해당 스니펫을 변경할 수 있습니다. Google은 바로 이러한 이유로 2019년에 data-nosnippet을 도입했습니다. div, 범위 또는 섹션 HTML 요소에 간단한 속성을 추가하면 Google이 검색 스니펫을 작성하기 위해 콘텐츠의 특정 부분을 사용하지 않도록 할 수 있습니다. 하기 쉽고 매우 빠르게 작업할 수 있습니다. 따라서 최적이 아닌 검색 조각에 만족하지 마십시오. 단 몇 분만에 변경 사항을 구현할 수 있습니다.

GG

spot_img

VC 카페

VC 카페

최신 인텔리전스

spot_img