블로그 글의 표와 목록은 내용의 형태에 맞을 때만 씁니다. 순서가 있는 내용은 번호 목록으로 씁니다. 같은 급의 항목을 나열할 때는 글머리 목록을, 둘 이상의 대상을 여러 기준으로 비교할 때는 표를 씁니다. 그리고 표와 목록은 이미지가 아니라 글자(HTML)로 넣고, 바로 앞에 무엇을 정리했는지 알리는 문장을 한 줄 둡니다. 이렇게 하면 독자가 내용을 한눈에 파악하기 쉽습니다. 검색엔진과 생성형 AI도 내용의 구조를 그대로 읽어 답변에 옮기기 쉬워집니다.

표와 목록이 검색과 AI 답변에 쓰이는 이유

검색엔진과 생성형 AI는 글을 사람처럼 눈으로 보지 않고 HTML 구조로 읽습니다. 문단 안에 섞인 다섯 가지 항목은 어디서 끊어지는지 문맥으로 짐작해야 합니다. 반면 목록으로 나눈 다섯 항목은 각각이 하나의 단위라는 것이 태그로 드러납니다.

「어떤 단계를 거치나요」, 「무엇이 다른가요」 같은 질문의 답은 원래 목록이나 표의 모양을 하고 있습니다. 질문의 형태와 글의 형태가 맞으면 검색 결과의 요약이나 AI 답변이 그 부분을 떼어 쓰기 쉬워집니다.

다만 표나 목록을 넣었다고 노출이 보장되지는 않습니다. 형식은 이미 좋은 답을 더 잘 읽히게 하는 수단이며, 답의 내용을 대신하지 않습니다.

순서가 있다단계·절차·점검 순서순서가 바뀌면 뜻이 달라짐번호 목록
같은 급을 나열한다준비물·기능·주의점순서와 관계없음글머리 목록
여러 기준으로 비교대상 둘 이상기준 둘 이상표
이유와 맥락왜 그런지, 언제 다른지쪼개면 뜻이 흐려짐문단
형식은 꾸밈이 아니라 내용의 모양에 따라 고릅니다.

내용의 형태에 맞는 형식 고르기

형식은 꾸밈이 아니라 내용의 모양을 보고 정합니다. 기준은 다음 네 가지입니다.

  • 순서가 바뀌면 안 되는 내용은 번호 목록으로 씁니다. 가입 절차, 설정 단계, 점검 순서가 여기에 해당합니다.
  • 순서와 관계없는 같은 급의 항목은 글머리 목록으로 씁니다. 준비물, 기능 목록, 주의할 점이 여기에 해당합니다.
  • 둘 이상의 대상을 둘 이상의 기준으로 비교하는 내용은 표로 씁니다. 방식별 비용과 준비 기간 비교가 여기에 해당합니다.
  • 이유와 맥락을 설명하는 내용은 문단으로 씁니다. 왜 그런지, 어떤 경우에 달라지는지는 목록으로 쪼개면 오히려 뜻이 흐려집니다.

목록 항목이 한두 개뿐이면 문장으로 쓰는 편이 자연스럽습니다. 표도 같습니다. 비교할 행이 하나뿐인 표는 표로 만들 이유가 없습니다.

목록 항목은 한 항목에 한 가지만 담습니다

목록은 항목 하나가 따로 떨어져 인용되어도 뜻이 통해야 합니다. 이를 위해 세 가지를 지킵니다.

항목의 첫머리에 핵심어를 둡니다

「이 부분에서는 주소를 짧게 하는 것이 좋은데」처럼 돌려 시작하지 않습니다. 「주소는 핵심 검색어로 짧게 만듭니다」처럼 핵심어로 시작하면 독자도 기계도 항목의 주제를 바로 파악합니다.

항목끼리 문장 형태를 맞춥니다

어떤 항목은 명사로 끝나고 어떤 항목은 긴 문장으로 끝나면 같은 급의 항목인지 알아보기 어렵습니다. 모두 「~합니다」로 끝내거나 모두 명사로 끝내는 식으로 형태를 통일합니다.

목록 안에 목록을 겹겹이 넣지 않습니다

하위 목록이 두 단계를 넘어가면 어느 항목이 어디에 속하는지 흐려집니다. 하위 항목이 많다면 소제목(h3)으로 나누고, 그 아래에 목록을 따로 두는 편이 구조가 분명합니다.

표는 머리줄과 첫 칸이 뜻을 정합니다

표를 읽는 쪽은 머리줄(열 제목)과 첫 칸(행 제목)을 기준으로 각 칸의 뜻을 이해합니다. 머리줄이 「구분」, 「내용」처럼 모호하면 칸 하나를 떼어 냈을 때 무엇에 대한 값인지 알 수 없습니다.

  • 머리줄에는 비교 기준을 구체적으로 적습니다. 「비용」보다 「월 비용」, 「기간」보다 「적용까지 걸리는 기간」이 뜻이 분명합니다.
  • 첫 칸에는 비교 대상의 이름을 적습니다. 같은 대상은 본문과 표에서 같은 이름으로 부릅니다.
  • 한 칸에는 값 하나를 넣습니다. 칸 안에 긴 문장이 필요하다면 그 내용은 표보다 문단이 맞습니다.
  • 빈칸을 남기지 않습니다. 해당하지 않으면 「해당 없음」처럼 적어 값이 빠진 것이 아님을 밝힙니다.
  • 셀 병합은 꼭 필요할 때만 씁니다. 합쳐진 칸은 어느 행과 열에 속하는지 잘못 읽히기 쉽습니다.

폰으로 읽는 독자도 고려합니다. 열이 많으면 좁은 화면에서 옆으로 밀어 봐야 하므로, 꼭 비교해야 할 기준만 열로 남깁니다.

앞뒤 문장이 표와 목록의 뜻을 완성합니다

표나 목록만 덩그러니 있으면, 그 부분을 떼어 낸 검색 요약이나 AI 답변에서는 무엇을 정리한 것인지 알 수 없습니다. 그래서 바로 앞에 무엇을 어떤 기준으로 정리했는지 한 문장으로 밝힙니다. 예를 들어 「아래는 세 가지 방식을 비용, 준비 기간, 관리 부담으로 비교한 것입니다」처럼 씁니다.

표나 목록 뒤에는 결론을 한 문장 둡니다. 표를 읽은 독자가 자기 상황에서 무엇을 고르면 되는지 조건과 함께 알려 주는 문장입니다. 이 문장이 있으면 표의 숫자를 다시 해석하지 않아도 답을 얻을 수 있습니다.

소제목과의 관계도 맞춥니다. 소제목 아래 첫 문장이 답이라면, 표와 목록은 그 답을 뒷받침하는 세부 정보 자리에 둡니다. 답보다 표가 먼저 나오면 독자는 결론을 찾아 표를 끝까지 읽어야 합니다.

이미지로 넣은 표사람 눈에는 표로 보임기계에는 그림 한 장행·열 구조가 전달되지 않음읽히지 않음
스크립트로 그린 표실행 뒤에야 내용이 생김수집 시점에 비어 보일 수 있음불안정
HTML 글자로 넣은 표처음 받은 HTML에 내용 포함머리줄·칸 구조가 그대로 전달그대로 읽힘
같은 표라도 글자(HTML)로 넣어야 검색엔진과 AI가 행과 열을 읽을 수 있습니다.

이미지로 만든 표는 읽히지 않습니다

디자인을 위해 표를 이미지로 만들어 넣는 경우가 있습니다. 사람 눈에는 같은 표이지만 검색엔진과 AI에게는 글자 없는 그림 한 장입니다. 대체 텍스트를 달아도 행과 열의 구조까지 전하기는 어렵습니다.

스크립트가 실행된 뒤에야 그려지는 표와 목록도 비슷한 위험이 있습니다. 수집기가 스크립트를 실행하지 않거나 늦게 실행하면 내용이 빈 페이지로 읽힐 수 있습니다. oblog 는 서버에서 본문까지 완성한 HTML 을 보내므로 스크립트를 끄고 열어도 글이 그대로 보입니다. 다른 사이트에서 운영한다면 같은 방법으로 직접 확인할 수 있습니다.

발행 전에는 다음 순서로 점검합니다.

  1. 표와 목록마다 내용의 형태(순서·나열·비교)에 맞는 형식인지 확인합니다.
  2. 표와 목록 앞에 무엇을 정리했는지 알리는 문장이 있는지 확인합니다.
  3. 표의 머리줄과 첫 칸이 칸 하나만 떼어 봐도 뜻이 통하게 적혀 있는지 확인합니다.
  4. 브라우저에서 스크립트를 끄고 글을 열어 표와 목록이 글자로 남아 있는지 확인합니다.

자주 묻는 질문

표와 목록을 많이 넣을수록 AI 답변에 더 잘 쓰이나요?

그렇지 않습니다. 표와 목록은 내용이 순서·나열·비교의 형태일 때만 효과가 있습니다. 이유와 맥락을 설명하는 내용까지 목록으로 쪼개면 오히려 뜻이 흐려집니다.

표를 디자인 이미지로 넣으면 대체 텍스트로 충분한가요?

충분하지 않습니다. 대체 텍스트는 그림을 짧게 설명할 뿐이고 행과 열의 구조까지 전하기는 어렵습니다. 비교 내용은 글자로 된 표로 넣는 것이 안전합니다.

표 앞에 설명 문장을 꼭 넣어야 하나요?

넣는 것이 좋습니다. 표만 떼어 인용되면 무엇을 어떤 기준으로 정리했는지 알 수 없기 때문입니다. 앞에는 정리 기준을, 뒤에는 결론을 한 문장씩 둡니다.

내 글의 표와 목록이 제대로 읽히는지 어떻게 확인하나요?

브라우저에서 스크립트를 끄고 글을 열어 봅니다. 표와 목록이 글자로 그대로 보이면 처음 받은 HTML에 내용이 들어 있는 것입니다. 비어 있거나 그림만 보이면 형식을 바꿔야 합니다.