더상승마케팅 자사 사이트 · 워드프레스 운영 개선 · 2026년 11월 14일
블로그에 글이 쌓이면 개별 글의 내용과 함께 목록에서 글을 찾는 과정도 점검해야 합니다. 첫 화면에 최신 글이 잘 보여도 다음 목록으로 이어지는 주소가 없거나 요약을 읽기 어렵다면, 방문자가 필요한 자료를 고르기 어렵습니다.
더상승마케팅은 자사 워드프레스 사이트의 블로그 목록을 점검하고 페이지 이동, 제목 구조, 카드 색상을 함께 정비했습니다. 이번 사례에서는 실제로 바꾼 항목과 공개 화면에서 확인한 결과를 소개합니다.
작업 대상과 개선 목표
작업 대상은 블로그와 개발 카테고리에서 사용하는 공통 목록 템플릿입니다. 블로그에는 SEO·GEO·백링크·검색 마케팅 글이 쌓여 있어, 처음 방문한 사람도 이전에 작성된 글로 이동할 수 있어야 했습니다.
목표는 세 가지였습니다. 목록의 다음 페이지로 연결되는 주소를 제공하고, 페이지 제목과 개별 글의 관계를 정리하며, 카드의 제목·요약·날짜를 편하게 읽을 수 있도록 만드는 것입니다. 개별 게시글의 주소를 바꾸지 않고 공통 목록에서 발생한 문제를 수정하는 범위로 작업했습니다.
기존 목록에서 확인한 문제
기존 목록은 버튼을 눌러 추가 글을 불러오는 방식이었습니다. 공개 페이지를 확인했을 때 해당 버튼에 다음 페이지로 이동하는 주소가 없었고, 목록 하단에서 2쪽 이후로 연결되는 일반 링크도 확인되지 않았습니다. 방문자의 동작으로 화면에 글이 추가되는 것과 검색로봇이 다음 주소를 찾을 수 있는지는 별도로 살펴봐야 했습니다.
제목 구조에도 정리할 부분이 있었습니다. 공통 제목 아래 분류명이 H4로 표시되어 단계가 건너뛰었고, 글 카드의 제목은 일반 요소로 출력되고 있었습니다. 화면에 보이는 글자 크기와 문서에 기록된 제목의 역할이 일치하도록 조정할 필요가 있었습니다.
색상 점검에서는 카드 배경과 요약 글자가 같은 회색으로 적용된 상태를 발견했습니다. 요약은 방문자가 여러 글 중 읽을 글을 선택하는 정보이므로, 배경과 구분되어야 했습니다. 편집기의 색상 입력값뿐 아니라 실제 공개 화면에 적용된 색상까지 확인했습니다.
페이지 이동·제목·가독성을 함께 정비한 방법
페이지 번호와 이전·다음 링크 연결
추가 글을 불러오는 표시를 페이지 번호와 이전·다음 링크 방식으로 변경했습니다. 당시 블로그 목록에는 1쪽부터 7쪽까지 표시되도록 했고, 각 번호에 실제 목록 주소가 연결되는지 확인했습니다. 이용자는 목록의 위치를 확인하고, 이전에 작성된 글이 있는 페이지로 직접 이동할 수 있습니다.
Google은 일반적으로 링크의 주소를 따라 페이지를 찾으며, 사용자가 눌러야 실행되는 버튼이나 기능을 크롤러가 대신 조작하지 않는다고 설명합니다. 이번 작업은 이 점을 고려해 페이지 사이에 따라갈 수 있는 링크를 제공하는 방향으로 진행했습니다. Google의 페이지 나누기 안내를 기준으로 참고했습니다.
목록과 글 제목의 관계 정리
공통 목록의 H1은 ‘주제별 콘텐츠’, 카테고리명은 H2, 개별 글의 제목은 H3로 정리했습니다. 이와 별도로 개발 포트폴리오 모음은 페이지 제목 아래에 카드 제목이 이어지는 구성이어서 카드 제목을 H2로 맞췄습니다. 제목 단계는 실제 페이지 구성에 맞춰 적용했습니다.
카드의 배경과 본문 대비 개선
카드 배경은 흰색으로, 제목은 짙은 남색 계열로 변경했습니다. 요약과 날짜도 배경에서 분명하게 구분되는 어두운 색상으로 맞췄습니다. 기존 카드의 이미지와 배치 구조를 유지하면서 글을 읽고 비교하는 데 필요한 부분을 손봤습니다.
저장 후에는 공개 목록을 다시 불러왔습니다. 처음에는 공통 색상 연결이 우선 적용되어 입력한 배경색이 공개 화면에 그대로 나타나지 않는 부분이 확인됐습니다. 해당 연결을 정리하고 다시 저장한 뒤 실제 카드 배경과 글자색이 의도한 값으로 표시되는지 확인했습니다.
공개 페이지에서 확인한 결과
2026년 11월 14일 점검 당시 첫 목록에는 글 10개, 2쪽에는 글 10개, 마지막 7쪽에는 글 6개가 표시됐습니다. 2쪽과 7쪽의 글 목록을 각각 첫 목록과 비교했을 때 동일한 글이 반복되는 현상은 없었습니다. 앞으로 새 글이 추가되면 페이지 수와 각 목록의 구성은 달라질 수 있습니다.
또한 2쪽과 7쪽이 각각 자신의 주소를 대표주소로 표시하는 것을 확인했습니다. 대표주소는 검색엔진에 해당 문서의 기준 URL을 알려 주는 정보입니다. 서로 다른 글 목록을 보여 주는 페이지가 모두 첫 목록을 가리키지 않는지 확인하는 과정이었습니다.
최종 색상 확인은 같은 날 오후 12시 6분, 데스크톱 공개 블로그 목록에서 진행했습니다. 카드 두 개의 배경·제목·요약·날짜 색상을 확인하고 하단의 페이지 번호 링크도 함께 점검했습니다. 현재 블로그 목록과 점검 당시 마지막 목록 주소에서 공개 구성을 살펴볼 수 있습니다.
이번 사례에서 확인한 범위와 이후 관리
이번 작업으로 확인한 결과는 페이지 이동 경로, 문서의 제목 구조, 글 카드의 읽기 편의가 개선됐다는 점입니다. 검색 순위와 유입 변화는 검색엔진의 수집 이후 별도 자료로 확인해야 하므로, 이번 화면 수정만으로 특정 키워드의 순위가 상승했다고 설명하지 않습니다.
운영 중에는 새 글이 정상적으로 목록에 포함되는지, 다음 페이지에 다른 글이 나오는지, 제목과 요약이 잘리는 부분은 없는지 이어서 점검할 계획입니다. 화면에서 발견한 문제를 설정값에 반영하고, 다시 공개 페이지에서 결과를 확인하는 과정을 유지합니다.
워드프레스 사이트의 글이 많아지면서 탐색 구조와 디자인을 함께 정비해야 한다면, 더상승마케팅의 SEO·웹사이트 운영 서비스에서 작업 범위를 확인해 주세요. 사이트 주소와 불편한 화면을 함께 알려 주시면 실제 공개 상태를 기준으로 필요한 개선 항목을 검토합니다.