픽툴

사이트 방문자 수가 평소보다 이상하게 높게 잡혔습니다. 처음에는 콘텐츠가 잘 노출된 줄 알았습니다. 그런데 페이지뷰는 늘었는데 체류시간은 짧고, 이탈률은 비정상적으로 낮게 보였습니다. 나중에 확인해보니 실제 방문자가 늘어난 것이 아니었습니다. 사이트 공통 헤더에 분석 스크립트가 두 번 들어가 있었고, 한 번의 방문이 두 번 수집되고 있었습니다. 이 글은 분석 도구 설정법을 설명하는 글이 아닙니다. 오래된 사이트 … 더 읽기

오래된 게임 파일이 모여 있는 폴더가 있었습니다. 지금은 쓰지 않는 페이지가 수백 개였고, 검색 결과에도 계속 남아 있었습니다. 저는 robots.txt에 한 줄만 넣으면 정리될 줄 알았습니다. 하지만 몇 주가 지나도 검색 결과는 그대로였습니다. 크롤링은 막혔는데 색인은 지워지지 않았습니다. 이때 알게 된 핵심은 간단했습니다. Disallow는 크롤링 차단이고, 색인 삭제는 별도의 작업이라는 점입니다. 이 글은 robots.txt 사용법만 … 더 읽기

.htaccess 규칙은 위에서 아래로 순서대로 읽힙니다. 이 말을 알고는 있었지만, 실제로는 규칙 순서를 대충 섞어 넣었다가 게시판 주소와 관리자 페이지가 번갈아 고장 났습니다. 이 글은 .htaccess 문법을 처음부터 설명하는 글이 아닙니다. 짧은 URL을 만들면서 RewriteRule 순서를 잘못 배치했고, 끝 슬래시 제거 규칙까지 겹치면서 관리자 페이지까지 깨졌던 경험을 바탕으로 어떤 규칙을 먼저 두고 어떤 경로를 예외 … 더 읽기

이미지 alt를 전부 채웠는데 접근성 점수가 거의 오르지 않았습니다. 처음에는 검사 도구가 이상하다고 생각했습니다. 그런데 다시 확인해보니 문제는 도구가 아니라 제가 alt를 “빈칸 채우기”처럼 처리한 방식이었습니다. 이 글은 단순히 alt 속성을 넣는 방법을 설명하는 글이 아닙니다. 실제 사이트에서 장식 이미지와 의미 있는 이미지를 구분하지 못해 접근성 경고가 남았던 사례를 바탕으로, 어떤 이미지는 설명해야 하고 어떤 … 더 읽기

게시판에서 2페이지를 눌렀는데 계속 1페이지로 돌아오는 일이 있었습니다. 게시판 목록 코드는 건드린 적이 없어서 처음에는 원인을 다른 곳에서 찾았습니다. 하지만 실제 문제는 며칠 전에 넣어둔 301 리다이렉트 규칙이었습니다. 중복 URL을 줄이려고 만든 규칙이 페이지네이션에 필요한 start 파라미터까지 지워버린 것입니다. 검색엔진에 보여주고 싶지 않은 쓸데없는 파라미터를 정리하려다가, 사용자가 실제로 쓰는 기능까지 같이 막아버린 사례였습니다. 이 글은 … 더 읽기

PC에서는 분명히 보이던 메뉴가 스마트폰에서만 사라졌습니다. 처음에는 CSS 문제라고 생각했습니다. 반응형 메뉴가 접히는 과정에서 display:none이 잘못 들어갔거나, 미디어 쿼리 조건이 꼬였다고 봤습니다. 그런데 반나절 가까이 CSS를 뒤져도 답이 나오지 않았습니다. 이유는 간단했습니다. 문제는 화면이 아니라 데이터베이스에 있었기 때문입니다. 이번 글은 모바일 메뉴가 안 보일 때 단순히 CSS만 의심하지 말고, HTML 출력 여부와 DB 플래그 값을 … 더 읽기

중복 URL을 잡겠다고 쓴 코드 한 줄 때문에 사이트 검색이 통째로 멈췄습니다. 그것도 며칠이나 모르고 있었고요. 같은 실수를 하는 분이 없길 바라며 과정을 그대로 남깁니다. 이 글은 단순히 쿼리스트링을 제거하는 방법을 설명하는 글이 아닙니다. 실제 사이트에서 중복 URL을 줄이려다 검색 기능을 망가뜨린 사례를 바탕으로, 어떤 파라미터를 남겨야 하는지, 301 리다이렉트 규칙을 만들 때 어떤 기능을 … 더 읽기