워드프레스 일기의 IT & 기타 778

화면 캡처 프로그램 Snagit과 동영상 캡처 및 편집기 Camtasia가 2018년 11월 27일 오후 11시 59분(PST 기준)까지 사이버 먼데이 세일을 진행하고 있습니다. Snagit/Camtasia 사이트로 이동하기 저는 화면 캡처용으로 픽픽이라는 무료 프로그램을 사용하다가 재작년에 유료 프로그램인 Snagit을 구입하여 이용해오고 있습니다. 화면을 캡처한 후에 곧바로 간단한 편집이 가능하므로 시간을 절감할 수 있어서 개인적으로는 만족하고 있습니다. (물론 복잡한 편집은 포토샵을 이용해야 하지만 포토샵은 익숙하지 않고 시간이 많이 걸려서 거의 사용을 안 하게 되네요.) 강력한 편집 기능을 제공하는 화면 캡처 프로그램 Snagit 간편한 동영상 편집기를 찾는다면 Camtasia도 괜찮은 옵션 같습..

2000년대 초에 개인 홈페이지 제작 열풍이 불었었고, 이때 다양한 웹 게시판 시스템들이 개발되었습니다. 제로보드는 그 중에서 가장 큰 인기를 누렸던 게시판 시스템이었습니다. 제로보드 사이트가 워드프레스로 바뀌다? 제로보드는 개발이 중단되었고 이후 XpressEngine에 의해 계승되었습니다. 하지만 많은 보안 문제에도 불구하고 아직도 제로보드를 사용하는 사이트가 제법 있다고 하네요. 최근 제로보드 도메인 이름이 만료되어 다른 사람이 도메인을 취득한 것 같습니다. 사이트를 방문하면 워드프레스를 처음 설치했을 때의 화면이 표시되네요. 도메인 등록정보를 확인해보니 9월 19일에 등록되었네요. 자세한 내용은 알 수 없지만 제로보드 도메인 소유주가 도메인 등록 연장을 하지 않은 것 같은 느낌이 드네요. 제로보드..

다양한 기계 부품을 제작하는 한 업체가 홈페이지를 만들었지만 네이버에 검색이 되지 않는다는 질문을 네이버 지식인에 반복적으로 올린 것이 눈에 띄었습니다. 네이버 고객센터에 사이트가 노출되지 않는다는 질문을 하면 지식인에 물어보라는 답변을 주는 것 같습니다. 그래서 질문하신 분은 네이버 지식인에 질문을 올리면 네이버 고객센터 담당자가 답변을 해줄 것으로 기대한 것으로 보이네요. 문제의 사이트를 방문하여 살펴보니 메뉴에서 본문 텍스트 등 모든 요소가 이미지로 되어 있는 것이 아닌가요? 그리고 소스를 살펴보니 타이틀 태그만 있고 SEO 관련 메타 태그(예: 오픈 그라프 태그)가 전혀 없네요.ㅠㅠ 콘텐츠를 모두 이미지로 만들어 버리면 검색엔진에서 색인을 생성할 수 있는 콘텐츠가 없게 되므로 당연히 검색엔진에 노..

푸우시로님의 글을 보고 이 티스토리 블로그에도 구글번역기를 설치하여 2주 정도 유지하다가 어제 삭제했습니다. 저는 메뉴에 직접 코드를 추가하여 메뉴에서 드롭다운 형식으로 언어를 선택할 수 있도록 했습니다. 기대와 달리 사용자 유입이나 구글 애드센스 수익에 변화가 없었습니다. 구글번역기 플러그인을 설치하면 번역된 언어에 대하여 고유주소가 생성되지 않으므로 SEO(검색엔진최적화)에 아무런 효과가 없습니다. 즉, 검색엔진에 번역된 문서가 노출되지 않습니다. 번역된 콘텐츠에 대한 URL이 없으므로 검색엔진에 등록할 수 없고, 그렇게 되면 사용자들이 검색하여 유입이 되지 않으므로 SEO에 긍정적으로 작용하지 않습니다. 해외 사용자들이 많이 들어와서 메뉴나 사이드바 위젯에서 해당 언어 메뉴를 선택하여 해당 콘텐츠를..

저는 카페24에서 비즈니스와 절약형 등 두 개의 상품을 유지하다가 비즈니스는 해지하고 용량이 충분한 Bluehost로 이전시키고 절약형은 그대로 유지하면서 테스트 용도로 사용하고 있었습니다. 절약형은 설치비 5,000원에 월 사용료 500원인 최저가 상품입니다. 하지만 공간이 200MB밖에 안 되고 트래픽도 턱없이 부족합니다. 공간이 400MB라고 표시되어 있지만, 자세히 보면 웹과 스트리밍과 CDN을 합친 용량이고 웹 용량은 200MB에 불과합니다. 카페24에서 테스트할 일이 있는 경우에 그 동안 잘 사용해왔습니다. 하지만 최근 워드프레스 우커머스 테마인 Flatsome을 설치한 후에 워드프레스 업데이트를 하려고 시도하니 용량 부족으로 실패했습니다. 쓸데 없는 플러그인과 테마를 삭제한 후에 다시 시도하..

SSL 인증서를 설치하고 다음과 같은 코드를 .htaccess 파일에 추가하면 모든 http 트래픽이 https로 리디렉됩니다. RewriteEngine On RewriteCond %{HTTPS} off RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [L,R=301] 하지만 경우에 따라 SSL 인증서를 설치한 상황에서 특정 페이지만 http로 연결되도록 해야 하는 경우가 있을 수 있습니다. 예를 들어, 개인정보를 취급하는 페이지에는 모두 SSL 보안서버 인증서를 설치하여야 하지만 네이버 쇼핑과 네이버 페이를 사용하려면 https가 아닌 일반 http로 접속이 되어야 한다고 합니다. 이 경우 다음 stackoverflow 글을 참고해볼 수 있습니다. hta..

CSS를 사용하여 배경 이미지를 어둡게 설정하려는 경우 다음과 같은 CSS 코드를 사용할 수 있습니다.background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url('landingpagepic.jpg'); // 출처: stackoverflow 숫자(0.5)를 변경하면서 적절한 설정을 찾도록 합니다. CSS Gradients에 대한 자세한 내용은 W3Schools 문서를 참고하세요. IE9에서는 작동하지 않는다고 하네요. Stackoverflow 문서를 보면 배경을 투명 이미지를 사용하는 방법을 이용해볼 수 있습니다. 가장 좋은 방법은 IE9를 사용하지 않는 것이라고 하네요.ㅎㅎ (저는 크롬과 함께 IE11을 사용하고 있는데, IE에서..

처음 블로그를 시작하면 글 개수가 몇 개 없고 네이버나 구글에 제대로 노출이 되지 않을 수 있습니다. 그러면 사이트에 문제가 있어서 검색이 되지 않는 것을 아닐까 하는 불안한 생각이 들 수 있습니다. 하지만 네이버 웹마스터도구와 구글 웹마스터도구에서 제대로 사이트를 등록하고 소유자 확인을 거치고, 사이트맵, RSS, robots.txt 등을 생성하고 제출했다면 사이트에 문제가 없으면 시간이 조금 걸리더라도 정상적으로 노출될 것입니다. 초기에는 웹마스터도구에서 수동으로 일일이 페이지 수집 요청을 하는 것을 고려해볼 수 있습니다. 네이버 서치 어드바이저 (네이버 웹마스터도구)에서 수동으로 웹페이지 수집 요청하기 네이버 웹마스터도구에 로그인하고 해당 사이트 주소를 선택한 후에 요청 > 웹 페이지 수집에서 웹페..

Javascript를 사용하여 Canonical URL을 설정하려는 경우 다음가 같은 스크립트를 사용해볼 수 있습니다. // 출처: Set Canonical URL via Javascript 다른 방법으로 HtmlGenericControl 클래스를 사용할 수 있습니다.HtmlGenericControl linkFile = new HtmlGenericControl("link"); linkFile.Attributes.Add("rel", "canonical"); linkFile.Attributes.Add("href", "testPath"); Page.Header.Controls.Add(linkFile); // 출처: add a

작년 12월 중순에 제 블로그에 게재된 Dreamweaver에 대한 글에 대하여 어도비에서 저작권 침해 의심 신고를 했습니다. 블로그 글이 저작권 침해 의심 신고를 받는 경우 세계적인 회사로부터 저작권 침해 의심 신고 통지서가 날라오면 아무래도 심적으로 위축이 되는 것 같습니다. 해당 글이 법적으로 아무 문제가 없었지만 그냥 삭제했습니다. 이후부터는 구글 애드센스에서 ‘정책 위반’한 페이지에서 광고 게재가 중단되었다는 메일이 날아오기 시작했습니다. 한 두 번도 아니고 수시로 날아오네요.ㅠㅠ 구글 문서를 살펴보면 광고 게재가 페이지 수준과 계정 수준에서 제한될 수 있다고 나와 있습니다. 저는 페이지 수준에서 광고 게재가 제한되었습니다. 페이지의 정책 위반을 모두 해결하고 나면 검토를 요청할 수 있습니다. ..