웹페이지의 이메일 주소 숨기기(난독화)
주소를 숨기는 것은 페이지 코드만 읽는 단순한 로봇, 즉 대부분의 로봇에게는 효과가 있습니다. 실제 브라우저처럼 동작하는 로봇에게는 아무 소용이 없습니다. 어느 쪽이 어느 쪽인지 아는 것이 이 페이지의 핵심입니다.
- 브라우저 안에서 전부 처리됩니다
- 오프라인에서도 작동합니다
- 업로드 없음
- 가입 없음
- 워터마크 없음
도구를 불러오는 중…
작동 방식
- 주소를 입력하고, 원한다면 링크 텍스트도 입력하세요.
- 방법을 하나 고르고, 그 대가와 실제로 무엇을 막아주는지 확인하세요.
- 코드를 페이지에 복사해 넣으세요. 실시간 미리 보기는 여기서 실제로 그 코드가 돌아가는 모습입니다.
왜 아무것도 업로드되지 않는가
이 페이지가 하는 모든 작업은 브라우저 탭 안에서 도는 코드가 처리합니다. 웹 페이지를 그리는 그 엔진을 그대로 씁니다. 파일은 디스크에서 탭의 메모리로 읽어 들여 거기서 변환한 뒤 다시 다운로드 파일로 내보냅니다. 어디로도 전송되지 않습니다. 우리에게도, 제3자에게도.
직접 확인해 보세요
- 브라우저 개발자 도구(F12)를 열고 네트워크(Network) 탭을 선택합니다.
- 파일을 올리고 도구를 실행합니다.
- 보이는 요청은 도구 자체의 코드를 받아 오는 것뿐입니다. 무거운 몇몇 도구는 공개 CDN에서 오픈소스 엔진을 함께 받아 옵니다. 여기에 loreatec.jp로 가는 작은 방문 집계 신호 하나(페이지 주소와 제목, 그 이상은 없습니다)가 더해집니다. 어느 것도 당신의 파일을 실어 나르지 않습니다.
자주 묻는 질문
난독화가 실제로 효과가 있나요?
부분적으로 있으며, 정확히 짚고 넘어갈 가치가 있습니다. 페이지 코드만 내려받아 주소를 찾는 로봇에게는 이 네 가지 방법 모두 쓸모 있는 것이 아무것도 보이지 않으며, 실제로 대부분의 주소는 이런 방식으로 수집됩니다. 반면 진짜 브라우저를 돌리는 로봇에게는 방문자가 보는 것과 똑같이 보이므로, JavaScript를 쓰는 방법들은 그런 로봇을 막지 못합니다. 숨기기는 수고를 늘릴 뿐 문을 완전히 닫지는 못합니다. 절대 유출되면 안 되는 주소라면 문의 양식이나 버릴 수 있는 주소를 쓰세요.
“info [at] example [dot] com”처럼 쓰면 안 되나요?
스패머를 뺀 모든 사람에게 불편하기 때문입니다. 화면 낭독기는 이것을 뜻 모를 소리로 읽고, 휴대폰 사용자는 탭해서 쓸 수 없으며, 고객은 손으로 직접 타이핑하다가 실수하기 쉽습니다. 그런데 수집 로봇은 간단한 검색 패턴 하나로 이것을 다시 원래대로 풀어냅니다. 아무것도 하지 않는 것보다 못한 유일한 방법입니다.
어느 방법을 쓰는 게 좋을까요?
하나만 골라야 한다면 HTML 엔티티(각 글자를 코드로 표기하는 방식)입니다. JavaScript가 필요 없고, 평범하게 클릭 가능한 링크로 남으며, 화면 낭독기와도 잘 작동하고, 단순한 로봇은 확실히 막아냅니다. JavaScript를 쓰는 방법들이 주소를 더 잘 숨겨주긴 하지만, JavaScript를 끄거나 차단한 방문자에게는 주소 자체가 아예 나타나지 않습니다.
CSS 방식은 링크에 써도 안전한가요?
아닙니다. 이 방식은 화면에서는 텍스트를 뒤집어 보여주지만 실제로는 거꾸로 저장하므로, 작동하는 mailto 링크로 쓸 수 없고 일부 브라우저에서는 복사했을 때 뒤집힌 문자열이 그대로 나옵니다. 텍스트로만 표시되는 주소에만 쓰세요.