워드프레스 우클릭 금지, 우측 마우스 클릭 방지 방법 3가지

by

오늘은 워드프레스 우클릭 금지 방법에 대해서 간단히 알아보고 이것이 사이트 최적화, 즉 SEO에 미치는 영향과의 상관관계에 대해서도 알아보는 시간을 갖겠습니다.

워드프레스 우클릭 금지 방법


먼저, 내가 공들여 쓴 사이트나 블로그의 글을 퍼감 당하는 것은 정말 기분이 언짢지 않을 수 없습니다.

내 시간과 정성이 들어간 글인데, 이것을 무단으로 퍼가는 일이 실제로 발생하고 있는데, 이것은 비단 워드프레스의 문제만은 아니고 네이버나 티스토리와 같은 블로그도 마찬가지죠.

허나 네이버나 티스토리에선 자체 기능으로 마우스 우클릭 금지를 할 수 있는 기능을 선택만 하면 되는 편리성이 있지만 워드프레스는 그렇지 않은 것 같습니다.

워드프레스 우클릭 금지를 위해서는 다양한 플러그를 설치해서도 사용할 수 있고, 또 HTML 태그나 자바스크립트 삽입을 통해서도 막을 수 있는 방법이 있는데 이것에 대해 간단히 알아보고 결국 어떠한 선택을 하는 것이 좋을지도 고민해보셨으면 합니다.

●워드프레스 우클릭 방지 방법

1.CSS 코드로 막기

일단 저는 GeneratePress 테마에서 우측 마우스 클릭을 방지하는 CSS 소스를 찾아봤습니다.

주의할 점은 CSS로만 우측 마우스 클릭을 완전히 방지하는 것은 불가능하며, CSS로 우측 마우스 클릭을 비활성화하면 일부 사용자는 여전히 우회 방법을 찾을 수 있습니다(이에 관한 글 링크 클릭!).

이러한 방지 기능은 JavaScript와 같은 스크립트를 사용하여 더 효과적으로 구현할 수 있습니다. 그러나 여전히 100% 보안을 보장하지는 않습니다.

아래는 GeneratePress 테마의 style.css 파일에 추가하여 우측 마우스 클릭을 비활성화하는 CSS 코드입니다.

/* 우측 마우스 클릭 비활성화 */ body { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

이 코드는 테마 전체에서 user-select: none;을 사용하여 텍스트 선택 및 우측 마우스 클릭을 비활성화합니다.

하지만 이 방법은 사용자가 키보드의 Ctrl 또는 Cmd 키를 사용하여 여전히 텍스트를 선택하고 복사할 수 있기 때문에 완벽하지는 않습니다.

다시 한 번 강조하지만, 우측 마우스 클릭을 방지하는 것은 보안 기능이 아니며, 사용자 경험에 영향을 미칠 수 있습니다.(*SEO에 영향을 미치는 것을 의미)

또한 이러한 워드프레스 우클릭 금지 방지 기능은 기술적으로 숙련된 사용자에게는 우회될 수 있습니다. 따라서 신중하게 사용하고, 컨텐츠 보호를 위해서는 보다 강력한 방법을 사용하는 것이 좋습니다.

2.자바스크립트, HTML 태그 사용하기

자바스크립트를 사용하여 마우스 이벤트를 가로채고 우측 마우스 클릭을 방지할 수 있습니다.

아래는 예시 코드입니다. 이 코드를 워드프레스 GeneratePress 테마의 footer.php 파일이나 functions.php 파일과 같은 위치에 추가하면 됩니다.

<script type="text/javascript">
  document.addEventListener('contextmenu', function(event) {
    event.preventDefault();
  });
</script>

이 코드는 contextmenu 이벤트를 가로채고, event.preventDefault()를 호출하여 우측 마우스 클릭을 방지합니다.

다시 한 번 강조하지만, 이러한 방법은 보안을 제공하는 것이 아니며, 사용자가 스크립트를 해제하거나 브라우저 개발자 도구를 사용하여 우회할 수 있습니다.

따라서 컨텐츠 보호를 위해 보다 강력한 방법이 필요하다면, 서버 측에서 처리하는 방법이나 추가적인 보안 메커니즘을 사용하는 것이 좋습니다.

또한, 워드프레스 사이트의 태그에 직접 우클릭 방지를 적용하려면 JavaScript를 사용해야 합니다. HTML 태그만으로 우클릭 방지를 구현하는 것은 효과적이지 않기 때문에, 아래와 같이 태그에 JavaScript 이벤트 리스너를 추가하여 우클릭 이벤트를 가로챌 수 있습니다.

*oncontextmenu 속성 사용하기

<body oncontextmenu="return false;">
  <!-- 웹 페이지의 내용 -->
</body>

oncontextmenu 속성을 사용하여 우클릭 이벤트를 가로채고, return false;를 반환하여 우클릭을 비활성화합니다. 하지만 이 방법은 HTML에 직접 스크립트를 작성하는 것이기 때문에 HTML 코드가 복잡해질 수 있습니다.

3.플러그인 사용

저는 따로 워드프레스 우클릭 금지하는 플러그인에 대해서는 길게 언급하지 않고 지나갈텐데요. 검색하면 이미 많은 정보들이 있기 때문입니다.

  • WP Content Copy Protection & No Right Click: 이 플러그인은 컨텐츠 복사를 방지하고 우클릭을 비활성화하는 기능을 제공합니다. 또한, 플러그인 설정에서 추가적인 보호 기능도 활성화할 수 있습니다.
  • No Right Click Images Plugin: 이것은 이미지에 대한 우클릭을 막아 이미지 다운로드를 방지합니다. 다만, 텍스트 내용에 대해서는 우클릭 방지를 제공하지 않습니다.
  • WP Content Copy Protection: 이 plugin은 텍스트, 이미지 및 모든 컨텐츠에 대한 복사를 방지하는 기능을 제공합니다. 또한, 마우스 드래그를 막고 텍스트 선택을 비활성화하는 등의 기능도 포함되어 있습니다.
  • Content Copy Protection & Prevent Image Save: 복사 및 우클릭 방지 기능을 제공하며, 이미지 다운로드를 방지하는 기능도 포함되어 있습니다.

※다만, 주의할 점으로는 내 워프에 설치된 이미 기존의 여러 플러그인들과 충돌을 일으킬 가능성이 있고 어떤 PLUG-IN은 용량이 무거워서 사이트를 느려지게도 하기 때문에 저는 따로 설치를 하지 않을 생각입니다.

물론, 이러다가 또 복사와 퍼감을 당하면 이 중에 하나는 선택해서 바로 도입하지 않을까하는 생각도 드는데요. 늘 불편과 편리함 둘 중 선택의 기로에 놓이는 것이 인생인 것 같습니다.

●워드프레스 우클릭 금지 방법사용과 SEO 영향

마지막으로, 결론은 왜 우클릭 금지를 사용하는 것이 구글 seo등에 영향을 미치는가에 대한 것인데요.

검색 엔진 최적화 (SEO)를 고려할 때, 사용자 경험과 컨텐츠 접근성이 중요한 요소입니다. 우측 마우스 클릭을 막으면 사용자들이 컨텍스트 메뉴를 사용하여 원하는 동작을 수행할 수 없게 됩니다. 이는 사용자 경험을 저해할 수 있으며, SEO에 영향을 미칠 수 있습니다.

검색 엔진은 사용자 경험을 중요하게 생각하며, 사용자가 웹 페이지에 더 긴 시간을 머무르고, 더 많은 상호 작용을 하는 것을 선호합니다. 따라서 사용자들이 컨텐츠를 쉽게 볼 수 있고 편리하게 접근할 수 있도록 하는 것이 SEO에 유리합니다.

워드프레스 우측 마우스 클릭을 막는 것은 보안을 위한 간단한 방법 중 하나일 수 있지만, 사용자 경험과 접근성에 영향을 미칠 수 있기 때문에 SEO 측면에서는 권장되지 않고 있습니다.

추가적으로 SEO를 개선하려면 컨텐츠 품질, 페이지 로딩 속도, 모바일 호환성 등 다른 요소들에 더 집중하는 것이 좋다고하는데, 저도 여러가지 접목을 시키면서 찾아가고 있고 앞으로 공유하도록 하겠습니다.

다른 워드프레스 제너레이트프레스 테마 사용방법 글도 참고해보세요.

추전 읽을거리 : 구글 SEO 최적화 기본 가이드 <- 클릭!

댓글 남기기