문서를 웹에 공개할 때: HTML·이미지·PDF의 읽기 경험 설계

핵심 안내는 첨부 파일 밖에서도 읽히게 합니다

행사 시간과 신청 방법, 변경된 일정처럼 즉시 알아야 할 정보는 웹 본문에도 적는 편이 좋습니다. 파일을 내려받아야만 내용을 알 수 있으면 휴대폰 사용자와 검색을 통해 들어온 사람이 맥락을 파악하기 어렵습니다. 본문 요약과 첨부 원문을 함께 제공하되 두 버전의 날짜와 수치가 어긋나지 않도록 수정 책임을 정합니다.

공지에 수정이 생기면 첨부 파일만 교체하지 말고 본문과 이미지도 함께 확인하세요. 변경일과 달라진 항목을 짧게 표시하면 이전 파일을 받은 사람이 어떤 내용을 다시 봐야 하는지 알 수 있습니다. 파일 이름에 최종이라는 단어를 반복해서 붙이기보다 일관된 날짜와 버전 규칙을 쓰는 것이 도움이 됩니다.

HTML은 제목과 문단의 의미를 살립니다

한글 문서를 HTML로 옮길 때는 종이 한 장의 위치를 고정하는 것보다 제목·문단·목록·표의 구조를 유지하는 데 초점을 둡니다. 큰 글씨만 써서 제목처럼 보이게 하는 대신 문서 안의 제목 단계가 논리적으로 이어지는지 확인하세요. 게시판의 스타일이 다시 적용될 수 있으므로 붙여 넣은 뒤 최종 게시 화면에서 문단 간격과 목록 순서를 점검합니다.

표는 좁은 화면에서 읽을 대안을 마련합니다

열이 많은 표는 휴대폰 화면 밖으로 넘어가거나 글씨가 지나치게 작아질 수 있습니다. 중요한 열을 먼저 설명하고 단위와 기준일을 표 주변에 적어 주세요. 모든 열을 억지로 한 화면에 축소하기보다 가로 스크롤이나 별도 파일을 제공하는 편이 나을 수 있습니다. 표를 이미지로 바꾼다면 핵심 수치와 결론을 본문에서도 읽을 수 있게 남깁니다.

이미지는 맥락을 설명하는 캡션과 함께 씁니다

사진이나 화면 캡처의 파일명만으로는 무엇을 비교하는지 알기 어렵습니다. 캡션에 화면의 의미, 비교 순서와 확인할 위치를 구체적으로 적습니다. 본문의 핵심 정보를 이미지에만 담지 않으면 이미지가 로드되지 않아도 내용을 이해하는 데 도움이 됩니다. 작은 글씨가 많은 캡처는 축소 화면에서 직접 읽어 보고 필요하면 영역을 나누어 제공합니다.

PDF 사본의 역할을 분명히 합니다

출력할 양식이나 확정본의 페이지 구성이 중요하면 PDF 사본을 함께 둘 수 있습니다. 다만 이미지 기반 PDF는 문장 검색과 복사가 어려울 수 있으므로 그 특성을 확인해야 합니다. 원문 수정이 필요한 협업자에게는 DOCX나 HWPX를 별도로 제공할지 검토합니다. 첨부 링크에는 파일 형식과 자료의 목적을 적어 사용자가 어떤 파일을 받는지 예측할 수 있게 합니다.

공개 전 권리와 개인정보를 다시 검사합니다

내부에서 읽던 문서를 공개하면 열람 대상과 검색 노출 범위가 달라집니다. 본문, 표, 사진과 파일명에 공개하면 안 되는 이름과 연락처가 남아 있는지 확인하세요. 이미지와 인용 자료의 이용 권한도 점검합니다. 최종 게시 화면에서 링크가 맞는 자료를 가리키는지 확인하고, 공개 사본과 내부 원본을 나누어 보관하면 이후 정정과 교체도 쉽게 관리할 수 있습니다.

실제 업무에 적용하는 예

행사 안내를 공개한다면 날짜, 장소와 신청 링크를 웹 본문에 적고 포스터는 시각적 안내 자료로 사용합니다. 인쇄가 필요한 사람을 위한 PDF에는 동일한 날짜와 연락처가 들어 있는지 확인하세요. 일정이 바뀌면 본문, 포스터와 PDF를 하나의 점검 목록으로 묶어 수정합니다. 외부 링크는 주소가 존재하는지뿐 아니라 실제로 해당 신청 화면으로 연결되는지도 열어 봅니다. 긴 표가 있는 안내는 휴대폰에서 가로 스크롤이 가능한지 확인하고, 핵심 조건을 표 밖의 문장으로 설명합니다. 자료를 처음 읽는 사람에게 제목만 보고 내용을 찾을 수 있는지 검토해 달라고 요청하면 작성자가 놓친 맥락을 발견하는 데 도움이 됩니다. 공개용 사본의 작성일과 갱신일을 남겨 오래된 자료와 혼동하지 않도록 합니다.