어제부터 네이버 블로그 주소 체계가 개편되었습니다. 그동안 네이버 블로그 주소는 네이버 ID를 사용하여 자동으로 생성되었지만 이제는 네이버 ID가 아닌 블로그 ID를 사용하여 네이버 블로그가 생성됩니다. 네이버 블로그 URL에 네이버 ID가 사용되다 보니 스패머들이 블로그에 사용된 네이버 ID를 기반으로 스팸을 발송하는 등의 문제가 있어서 이번에 네이버 ID와는 별개로 블로그 ID가 도입되는 것 같습니다. 기존 블로그 사용자는 블로그 ID를 1회에 한해 변경이 가능합니다. 네이버 블로그 주소 변경 블로그 관리 페이지에 접속하여 기본 정보 관리 » 블로그 정보에서 블로그 주소를 변경할 수 있습니다. 변경할 블로그 아이디를 입력하고 확인을 누르면 한 번 더 확인창이 표시됩니다. 다시 확인 버튼을 누르면 블로..

워드프레스에서는 봇에 의한 스팸 댓글이 많이 달리는 경우가 있지만 티스토리는 봇을 이용한 스팸 댓글이 거의 없는 편입니다. 하지만 최근 글이 발행되지 마자 동일한 내용의 댓글이 달리는 현상을 발견했습니다. 처음에는 사람이 단 댓글이라 생각했지만 모든 댓글의 내용이 동일한 것으로 봐서 봇을 이용한 스팸 댓글 같습니다. 티스토리에서는 원치 않는 사용자나 IP 주소를 차단할 수 있습니다. 티스토리 스팸 댓글 차단하기: 사용자 및 IP 주소 차단 (스팸 필터) 워드프레스 사이트에서는 봇에 의한 스팸 댓글이 많습니다. 동일한 스패머에 의한 댓글도 IP 주소와 내용을 다르게 하여 동시 다발적으로 달리는 경우도 있습니다. 보통 활성화된 사이트에서는 그러한 댓글이 많이 달리고 그렇지 않은 사이트에는 거의 달리지 않습니..

최근 들어 티스토리에서 크롤러 오류가 발생하거나 HTTPS 관련 에러("HTTPS 평가되지 않음")가 발생하면서 구글 서치 콘솔에서 크롤링이 되지 않고 광고 수익이 급락하는 문제가 증가하고 있습니다. 이 문제가 발생하는 경우 다음 조치를 취해서 문제가 해결되는지 체크해보시기 바랍니다. 티스토리 크롤러 오류, HTTPS 오류 대처 방법 구글 서치 콘솔에서 "광고 크롤러 오류가 있으며, 이 때문에 수익 손실이 발생할 수 있습니다" 에러가 발생하는 티스토리 블로그가 늘어나고 있습니다. 최근에는 "HTTPS가 유효하지 않으며 색인이 생성되지 않을 수 있습니다"와 "HTTPS 평가되지 않음" 에러가 발생하는 경우도 증가하고 있습니다. HTTPS 관련 문제와 관련하여 구글 전문가(Product Expert)는 다음..

사이트 방문자들이 텍스트를 복사하지 못하거나 이미지를 다운로드하지 못하도록 마우스 우클릭을 금지하는 코드를 넣거나 오른쪽 마우스 방지 플러그인을 설치하는 경우 사용자 경험(UX)에 부정적인 영향을 미치고 SEO에도 좋지 않습니다. 특히, 코드를 공유하는 사이트에서 마우스 우클릭 금지 조치를 취하게 되면 방문자들의 원성을 사게 됩니다. 또한, 우클릭 금지는 쉽게 무력화될 수 있으므로 효과도 없습니다. 즉, 마우스 우클릭 금지는 방문자들의 불편을 야기하여 SEO에 부정적인 영향을 미치고 쉽게 무력화될 수 있어 효용성도 없습니다. 대안으로 이메일 주소를 입력하거나 회원으로 가입하는 경우에 코드를 복사할 수 있도록 허용하는 것을 생각해볼 수 있습니다. 해외 블로그에서 이 방법으로 뉴스레터 구독자나 회원을 늘리는..

소제목(헤딩) 앞에 여러 가지 컬러로 된 정사각형을 추가한 워드프레스 사이트를 본 적이 있습니다. 예를 들어, 다음과 같이 소제목 앞에 빨간색 정사각형 도형이 표시되었습니다. 이런 도형을 제목 앞에 특수 기호(■)를 추가하는 것은 그다지 좋은 방법이 아닙니다. 이 상황에서는 CSS 가상요소 :before를 사용하여 일괄적으로 정사각형 도형을 표시할 수 있습니다. CSS 가상요소 :before를 사용하여 텍스트 앞에 정사각형 도형 표시하기 CSS를 사용하여 텍스트 앞에 정사각형 기호를 표시하고 싶은 경우 "How can I use :before property to create a square before a span" 문서에 제시된 CSS 코드를 사용할 수 있습니다. 위와 같이 다양한 컬러의 정사각형 기..

예를 들어, document.querySelectorAll(".class1")을 사용하면 class1 클래스로 된 모든 요소에 적용됩니다. class1 클래스 또는 class2 클래스로 된 모든 요소를 선택하고 싶은 경우가 있을 수 있습니다. 이런 경우 개별적으로 만들어도 되겠지만 비효율적일 것입니다. 복수 클래스로 된 요소 선택 방법 How to get elements with multiple classes라는 제목의 Stackoverflow 글에서 class1 클래스와 class2 클래스가 모두 있는 요소를 선택하는 방법에 대하여 다루고 있습니다. 이 경우 다음과 같은 코드를 사용할 수 있습니다. var list = document.getElementsByClassName("class1 class2"..

저는 윈도우 정리 프로그램으로 CCleaner를 오랫동안 사용해오고 있습니다. CCleaner는 무료 버전과 유료 버전이 있습니다. 무료 버전은 자동 업데이트가 안 되고, 자동 정리 기능이 없습니다. CCleaner 프로페셔널을 사용하면 자동으로 업데이트가 되고, 브라우저 종료 시 사용 정보 등이 자동으로 삭제되는 등의 기능이 제공됩니다. 또한, 드라이버 업데이터와 소프트웨어 업데이터 도구도 사용할 수 있습니다. 이 기능은 무료 버전에서도 제공되는지는 모르겠습니다. 컴퓨터 정리 프로그램 CCleaner Professional 갱신 시 참고 사항 CCleaner Professional 라이선스 기간이 다 되어 가면 CCleaner에서 갱신하라는 메일을 여러 차례 보내옵니다. 알림 메일이 오더라도 갱신하지 ..

이미지 파일이나 PDF 파일에 링크를 거는 경우 링크를 클릭하면 이미지 파일이나 PDF 파일이 브라우저에서 실행됩니다. 미디어 파일이 다운로드되도록 하고 싶은 경우 download 속성을 추가하면 됩니다. 예시: 자바스크립트를 사용하여 특정 CSS 클래스에 download 속성 추가하기 특정 CSS 클래스에 download 속성을 추가하고 싶은 경우 간단하게는 jQuery를 사용할 수 있습니다. $("a").attr("download", true); 자바스크립트를 사용하려는 경우 "How can we add a download attribute to all the tags present inside tag (using JavaScript)?" 문서에 제시된 다음과 같은 코드를 적절히 응용할 수 있습니다...

블로그를 운영하거나 유튜브 동영상을 만들 때 사용하는 이미지, 폰트, 동영상 등 미디어의 저작권을 잘 확인해야 합니다. 라이선스 규정을 벗어나 사용할 경우 저작권 침해로 적지 않은 배상금을 지불해야 할 수도 있습니다. 특히 무료로 배포했다가 라이센스 범위를 벗어나거나 상업용으로 사용하는 사용자들에게 저작권 침해를 이유로 합의를 종용할 수 있습니다. 얼마 전에 JTBC 뉴스에 방영된 영상인데요. 한글과 컴퓨터의 한글 워드프로세서에 포함된 HY 글꼴을 한글 프로그램 외의 다른 곳에서 사용할 경우 법무법인에서 연락이 와서 비싼 글꼴 라이선스 구입을 요구한다고 하니 주의가 필요합니다. 이러한 연락을 받는 경우 선선히 합의해주지 않아야 할 것 같습니다. 최근의 판결 추세는 사용자에게 유리하게 판결이 나는 것으로 ..

몇 년 전부터 애드센스 승인이 잘 안 난다는 분들이 많은 것 같습니다. 어제 저녁에 몇 달 전 새롭게 시작한 워드프레스 블로그에 대하여 애드센스 승인 신청을 해보았습니다. 기대를 하지 않고 있었는데, 오늘 오전에 승인 메일이 왔습니다. 워드프레스 블로그 반나절만에 구글 애드센스 승인 사이트에 자동 광고가 표시되도록 설정해놓았습니다.ㅎ 본래 다른 도메인으로 워드프레스닷컴(WordPress.com)에서 운영하던 사이트였지만 설치형 워드프레스로 바꾸고 도메인을 변경하는 과정에서 301 리디렉션을 잘못 설정하여 방문자가 폭망한 상태입니다. https://avada.tistory.com/2683 잘못된 301 리디렉션 설정으로 인한 SEO 문제 도메인을 변경할 때에는 301 리디렉션을 올바르게 설정하는 것이 매우..