헤딩 태그를 칸마다 짚는 점검표

점검 전의 요지

본문 제목을 H1부터 H6까지 등급으로 나눠 표시하는 요소이며, 문서 내용을 계층으로 묶는 뼈대 구실을 한다. 헤딩 태그는 도면을 넘겨받은 자리에 따라 H1~H6, Heading Tags라고 표기하는 자료가 따로 있다.¹ 아래에 묶어 둔 칸은 헤딩 태그를 도면에 얹을 때 짚을 자리를 차례로 모았다.

칸을 열기 전에 볼 뿌리와 구조

검색엔진최적화를 겨냥해 도면을 다시 뜨는 쪽이 도면과 함께 볼 바탕은 이렇게 남는다.² 긴 문서를 화면에서 훑어 읽는 방식이 일반화되면서 제목 등급으로 단락을 가르는 구조가 읽기와 기계 해석 양쪽의 기준이 됐다.

도면이 실물로 바뀌는 이치

대조 전에 구조가 어떻게 작용하는지 보면 대조할 곳이 층마다 갈라진다. 등급 숫자가 작을수록 상위 묶음을 뜻하므로, 크롤러와 보조 기술은 등급 순서를 따라 문서 구조를 조립하고 각 단락의 주제를 상위 제목에 붙여 읽는다.

직접 맞춰 볼 점검표 한 장

• 노트를 작업 지시로 옮길 때 할 일은 작업 지시 한 칸으로 이렇게 추린다. 발행 전에 제목 구조를 목록으로 펼쳐 등급이 한 단계씩 내려가는지 보고, 장식 목적으로 쓰인 제목은 일반 문단으로 되돌린다.

• 경계가 흐릿한 항목과 대조하면 쓰임이 갈리는 분간이 선다. 결과 목록에 쓰이는 타이틀 태그와 달리, 이쪽은 화면 본문에 보이는 제목이며 문단 사이의 포함 관계를 나타낸다.

• 도면과 실제 화면이 벌어지는 지점은 경계할 곳으로 이렇게 적어 둔다. 글씨 크기를 키우려고 등급을 고르면 구조가 어긋나고, 한 문서에서 최상위 등급을 여러 번 쓰면 주제가 분산된다.

• 대조할 자리가 어디인지 알고 싶으면 들여다볼 곳을 아래 한 줄에 담는다. 브라우저 개발자 도구나 접근성 검사 도구에서 제목 구조 목록을 뽑아 등급이 건너뛰거나 뒤섞인 자리를 찾는다.

• 조건을 덜어 낸 설명이 낳은 착각은 사실과 견주어 이렇게 고쳐 둔다. 제목 요소에 주제어를 넣는 것만으로 순위가 정해진다고 보기 쉬우나, 이 요소의 주된 몫은 구조 전달이며 내용이 제목을 뒷받침해야 한다.

확인을 마친 내용을 배치 순서로 이어 보려면 내부링크구조 쪽에서 사이트 단위로 따로 맡는다.

꾸며 본 상황으로 자리까지 확인하기

대조 결과가 어떻게 드러나는지 보려고 가정한 예 하나를 아래에 남긴다. 가령 설치 안내 문서라면 최상위 등급에 문서 주제를 두고 준비물과 단계별 작업을 하위 등급으로 내려 묶는 배치가 구조에 맞는다.

칸을 다 짚은 뒤 작업대에 새길 핵심

검색엔진최적화를 두고 적는 월별 작업 일지에 헤딩 태그를 넘길 쪽지 한 줄로 쓴다면 이렇다. 문서를 읽는 순서와 포함 관계를 기계와 사람에게 동시에 알려 주는 구조 표시다.

관련 자료

목록을 한 장 넘기면 나오는 문서로는 타이틀 태그와 목차가 다음 쪽에 준비되어 있다. 구획 묶음 끝에는 클릭 유도 문구와 메타 키워드 표제어도 도면 옆에 걸려 있다. 문서 최상단 제목은 타이틀 태그와 주제를 맞추는 것이 보통이고, 등급 구조가 정리돼 있으면 목차 생성도 수월해진다.