html 공백 문자 한번에 지우기

 

티스토리가 되었던 네이버가 되었던 모든 블로그는 작성자에 의해 창작된 글의 공간인데 &nbsp를 지우지 않았기 때문에 저품질 혹은 로봇의 규칙에 걸리기도 하는데요. 그 이유와 함께 &nbsp 공백문자 한 번에 지우는 방법을 알아보려 합니다.

1.  의 실제 사례

내가 작성하지 않았는데 가끔 html을 살피다 보면 nbsp라는 이상한 문자가 만들어 져 있는 것을 확인할 수 있습니다. 이것은 대체 왜 생기는 것일까요? 실제 포스팅으로 확인할 때는 문제가 되지 않습니다. 실제 화면을 통해 확인해 볼까요?

 

여기는 이렇게 정상적으로 작성된 글처럼 보입니다. 

바로 위 화면은 html을 통해서 나의 포스팅의 글에 시스템 적으로 어떻게 적용되었는지를 보여주는 화면인데요. 모든 띄어쓰기마다  가 남발이 된 것처럼 보입니다. 이 부분을 통해서 우리는 복사 붙여넣기한 글인지 혹은 그냥 내가 정상적으로 작성한 글인지를 확인할 수도 있게 됩니다. 특히 구글의 감지로봇은 이런 부분들을 확인하게 되는데요. 대체 왜 나타나는 것일까요?

2.  는 왜 나타나는 것일까?

이렇게 작성되는 이유는 바로 붙여 넣기를 했기 때문입니다. 예를 들어 내가 오늘 포스팅을 작성하기 위해서 메모장에 먼저 글을 쓰고 그리고 나서 복사해서 내 포스팅에 붙여 넣기를 하게 되면 이렇게 나타나게 되는데요. 이것을 바로 '공백문자'라고 합니다. '공백문자'가 필요한 이유는 웹사이트는 다국어를 지원하기 때문인데요. 기본적으로 html이라는 시스템은 로봇과 컴퓨터와 같은 시스템이 이해하는 방법입니다. 예를 들어 html언어로 줄이 바뀌게 되면 <br/>과 같은 언어로 구분이 되는 것처럼 말이죠. 이것과는 다르게 &nbsp;는 띄어쓰기를 해야 할 때 나타나게 되는데 이것은 영어 등의 외국 언어에서 활용이 되고 우리나라 말에서는 적용되지 않습니다. 그래서 주의를 하셔야 합니다. 그리고 대분의 어떤 문단의 상황에서 사용되는 것이지 기본적으로 우리가 블로그를 작성하는 데는 크게 활용이 되지 않습니다. 

 

3. html을 수정하는 방법

그럼, 나는 메모장에 작성해서 매일 포스팅을 했는데 하나하나 지울수도 없고 어떻게 하나요? 이런 경우 한 가지 방법이 있습니다. 일단 메모장에 본인이 작성한 내용을 붙여 넣기를 합니다. 그러고 나서 해당 포스팅의 html에 가서 나온 내용들을 다시 복사한 후 메모장에 붙여 넣기를 합니다. 

그리고 나면 이렇게 메모장에도 똑같이 &nbsp;가 나타나 있죠? 이 부분을 모두 삭제를 해 주셔야 하는데요. 지금 복사 붙여넣기를 하면서 공백 대신 작성된 문자이기 때문에 일반 space bar로 바꿔 주시면 됩니다. 메모장의 편집-바꾸기 항목으로 들어가 주세요.

그러면 내가 바꾸고자 하는 &nbsp;를 작성해 주시고 아래에는 스페이스바로 한칸 띄어서 모두 바꾸기를 실행해 주시면 전부 사라져 있고 해당 칸에 한 칸 띄기만 되어 있는 부분을 확인하실 수 있을 거예요. 이 상태에서 그대로 모두 복사하신 다음에 기본 포스팅 화면이 아니라 html화면에서 붙여 넣기를 해 주시면 '기본화면'에서 아까와 똑같은 상태의 글쓰기가 완료되신 것을 확인하실 수 있으실 거예요. 

4. 정리

이런 부분이 저품질 혹은 유사문서에 걸릴 수 있는 여지가 되기도 합니다. 물론, 본인이 직접 작성한 부분이라면 문제가 되지 않을 수 있겠지만 그래도 찜찜하지 않나요? 그래서 왠만하면 티스토리 자체에서 바로 작성해 주는 편이 낫고 그렇지 않다면 이렇게 작업을 해 주시는 게 시스템 적으로도 깔끔하게 보일 수 있습니다. 뭔가 필요이상의 문자가 많으면 좋지 않은 문서로 간주될 수 있기도 하니깐요. 이런 부분은 조심해 주면 좋겠죠?