매트리스 업체 — 게시판·게시글 검색 노출 개선

디자인 위주로 빠르게 만들어진 홈페이지로, 콘텐츠는 충분히 작성되어 있었지만 검색에서는 거의 잡히지 않는 상태였습니다.

이 사이트는 매트리스를 판매하는 브랜드 홈페이지였습니다. 디자인이 깔끔하고, 매트리스 종류·재질·관리법에 대한 정보성 게시글도 충분히 잘 정리되어 있었어요. 그런데 정작 검색에서는 거의 잡히지 않는다는 게 클라이언트의 고민이었습니다.

처음 사이트 구조를 들여다본 순간 원인이 명확해졌어요. 디자인을 빠르게 구현하기 위해 본문 콘텐츠가 의미 없는 div 블록 안에 textbox 형태로 들어가 있었습니다. 검색엔진은 HTML의 의미 구조(semantic structure)를 통해 본문을 인식하는데, 모든 콘텐츠가 평평한 div로만 표현되어 있으니 어디가 제목이고 어디가 본문인지 구분할 수 없는 상태였어요. 사람 눈에는 잘 정리된 글로 보여도 검색엔진에는 거의 빈 페이지처럼 보였던 겁니다.

게시판 자체의 구조도 문제였습니다. 게시판 인덱스 페이지는 자바스크립트로 동적 렌더링되어 검색엔진이 첫 응답 HTML에서 게시글 목록을 발견하지 못했어요. 게시글 상세 페이지에 들어가도 타이틀 태그가 사이트 공통 타이틀("매트리스 브랜드 - 공식 홈페이지")로 그대로 들어가 있었습니다. 즉, 100개의 게시글이 모두 같은 타이틀로 검색엔진에 노출되어 검색 결과에 어느 글이 어떤 주제인지 구분할 수 없는 상태였죠.

또 한 가지 — OG 메타와 메타 디스크립션이 게시글 단위로 자동 생성되지 않아서, 게시글이 SNS에 공유되어도 미리보기가 사이트 공통 이미지로만 나왔습니다. 콘텐츠가 좋아도 공유 매개체가 정상 작동하지 않으니 자연 유입이 일어날 수 없는 구조였어요.

작업 우선순위를 이렇게 잡았습니다. 첫째, 게시글 페이지의 타이틀·메타가 게시글 단위로 자동 생성되도록 만든다. 둘째, 본문 마크업을 semantic HTML(h1/h2/article/section)로 보완한다. 셋째, 게시판 인덱스가 검색엔진에 보이도록 SSR 또는 정적 fallback을 마련한다. 넷째, sitemap에 게시글 URL을 자동 포함시킨다.

가장 먼저 손댄 건 게시글 단위 메타 자동 생성이었어요. 게시글 제목을 그대로 페이지 타이틀에 반영하고('{게시글 제목} | 매트리스 브랜드' 형식), 메타 디스크립션은 게시글 본문 첫 150자에서 자동 추출되도록 했습니다. OG 메타도 게시글 첫 이미지를 우선 사용하도록 바꿨어요. 이 한 가지 변경만으로도 검색 결과에서 게시글이 개별적으로 식별 가능한 상태가 됐습니다.

본문 마크업 보완은 시간이 좀 걸렸습니다. 기존 div 기반 콘텐츠를 article > h1 > h2 > p 형태로 재구성하고, 게시글 메타데이터(작성일·작성자·카테고리)를 Article JSON-LD로 별도 추가했어요. 이렇게 하면 검색엔진이 본문을 'article' 콘텐츠로 명확히 인식하고, 발행일 같은 메타데이터도 정확히 전달됩니다.

게시판 인덱스 페이지는 자바스크립트 의존도를 줄여 첫 응답 HTML에 게시글 목록이 포함되도록 보완했어요. 검색엔진 봇은 자바스크립트 실행에 제약이 있을 수 있고, 특히 새 게시글의 첫 색인이 늦어지는 경향이 있어서 이걸 정리하는 게 중요했습니다.

마지막으로 sitemap.xml을 동적 생성 핸들러로 바꿔서 게시글이 발행될 때마다 자동으로 sitemap에 포함되도록 만들었습니다. 클라이언트가 새 글을 올릴 때마다 별도로 색인 요청을 넣지 않아도 자연스럽게 따라오는 구조예요.

작업이 끝난 시점에서 직접 확인 가능한 변화는 명확했습니다. 게시글 100여 개 페이지가 모두 고유한 타이틀·메타 디스크립션·OG 이미지를 갖게 됐고, 게시판 인덱스가 첫 응답 HTML에서 게시글 목록을 노출하기 시작했고, sitemap에 게시글 URL이 자동으로 포함되었습니다. 의뢰 범위 외에 추가로 손본 부분도 있어서, 클라이언트가 후기에 적어주신 것처럼 "기대 이상"이라는 반응이 나왔어요.