PDF 제품 설명서는 독립된 문서입니다. 서로 연결된 HTML 페이지 세트는 탐색 가능한 웹사이트입니다. 전자를 후자로 변환하면 검색 엔진을 통해 콘텐츠를 검색할 수 있고 브라우저가 있는 모든 장치에서 액세스할 수 있으며 전체 문서를 다시 생성하지 않고도 쉽게 업데이트할 수 있습니다. PDF 내보내기를 HTML로 변환하면 정적 PDF가 제공할 수 없는 웹 기본 탐색 기능이 추가되면서 콘텐츠가 보존됩니다.
변환에는 PDF를 HTML로 저장하는 것 이상이 포함됩니다. 각 장이나 주요 섹션은 자체 HTML 페이지가 됩니다. 내부 상호 참조는 페이지 간의 하이퍼링크가 됩니다. 목차는 탐색 사이드바 또는 메뉴가 됩니다. 페이지 번호는 명명된 앵커로 대체됩니다. 그 결과 PDF 매뉴얼로 시작된 문서 웹사이트가 탄생했습니다.
WukongPDF의 웹에서 PDF로 도구는 양방향으로 작동하여 웹 콘텐츠에서 PDF 생성과 PDF에서 웹용 내보내기를 모두 지원합니다.
PDF에서 HTML 구조 계획
변환하기 전에 PDF 구조를 웹 구조에 매핑하십시오. 각 HTML 페이지가 시작되고 끝나는 위치를 식별합니다. 10개 장으로 구성된 100페이지 분량의 PDF 설명서는 약 10~12개의 HTML 페이지가 되며, 소개, 각 장 및 부록이 별도의 페이지로 구성됩니다. 매핑을 통해 변환 시 PDF 페이지당 하나의 HTML 파일이 아닌 논리적 웹 탐색 구조가 생성됩니다.
하이퍼링크가 될 PDF의 내부 상호 참조를 식별합니다. PDF의 자세한 내용은 5장을 참조하여 읽는 문장은 5장 HTML 페이지에 대한 클릭 가능한 링크가 됩니다. 목차 항목은 탐색 링크가 됩니다. 색인 항목은 참조 섹션에 대한 링크가 됩니다. 변환 중에 이 상호 참조 구조를 유지하면 문서 유용성이 유지됩니다.
방법 1: Microsoft Word를 통해 HTML로 내보내기
Acrobat Pro의 Word로 내보내기 기능이나 온라인 변환기를 사용하여 PDF를 Word 형식으로 변환합니다. Microsoft Word에서 결과 DOCX를 엽니다. Word의 제목 스타일을 사용하여 문서 전체에서 일관된 제목 계층 구조를 유지하세요. 각 제목 1은 잠재적인 HTML 페이지 중단점이 됩니다.
Word에서 파일, 다른 이름으로 저장으로 이동하고 형식 드롭다운에서 웹 페이지, 필터링을 선택합니다. 필터링된 HTML 옵션은 표준 웹 페이지 옵션을 부풀리는 Office 관련 마크업 없이 더욱 깔끔한 HTML을 생성합니다. Word에서는 문서를 이미지가 포함된 단일 HTML 파일로 저장합니다. 여러 페이지로 출력하려면 Word 문서를 장별로 별도의 파일로 나누고 각각을 HTML로 저장하세요.
방법 2: 전용 PDF-HTML 변환기
PDF를 구조화된 HTML로 변환하는 데 특화된 여러 도구가 있습니다. 파일, 내보내기 아래의 Adobe Acrobat Pro의 HTML로 내보내기 옵션은 간단한 레이아웃에 대해 괜찮은 결과를 생성합니다. 출력에는 텍스트 형식, 이미지 배치 및 기본 테이블 구조가 유지됩니다. PDF 내의 링크는 HTML 하이퍼링크로 변환됩니다.
보다 복잡한 PDF의 경우 전문적인 변환 서비스와 pdf2htmlEX와 같은 오픈 소스 도구를 사용하여 더 높은 충실도의 출력을 생성합니다. pdf2htmlEX는 정확한 시각적 레이아웃을 유지하면서 정확한 위치의 텍스트와 이미지가 포함된 HTML 페이지로 각 PDF 페이지를 변환합니다. 단점은 HTML이 의미론적으로 구조화되지 않고 레이아웃에 중점을 두기 때문에 구조화된 콘텐츠로 작성된 HTML보다 편집 및 유지 관리가 더 어렵다는 것입니다.
방법 3: 최상의 품질을 위한 수동 HTML 재구축
문서 작업 흐름의 경우, 품질과 유지 관리 용이성이 중요한 매뉴얼의 경우 콘텐츠를 추출하고 HTML로 다시 작성하면 최상의 결과를 얻을 수 있습니다. 깔끔한 단락 추출 장에 설명된 기술을 사용하여 PDF에서 모든 텍스트를 추출합니다. 모든 이미지를 전체 해상도로 추출합니다. 정적 사이트 생성기나 간단한 HTML 템플릿을 사용하여 페이지를 구성하세요.
실제로 수동 재구축 접근 방식은 처음에는 더 많은 시간이 걸리지만 깔끔하고 의미가 있으며 업데이트하기 쉬운 HTML을 생성합니다. 제품이 변경되어 매뉴얼을 수정해야 하는 경우, 잘 구성된 HTML 페이지를 편집하는 것이 전체 PDF를 다시 내보내고 다시 변환하는 것보다 빠릅니다. 깨끗한 HTML에 대한 초기 투자는 이후의 각 업데이트 주기에 걸쳐 회수됩니다.
페이지 간 탐색 생성
각 섹션을 자체 HTML 페이지로 변환한 후 페이지 간 탐색을 구축합니다. 각 페이지의 상단과 하단에 이전 및 다음 링크를 추가합니다. 목차 항목에서 탐색 사이드바를 만듭니다. 문서 계층 구조의 현재 페이지 위치를 보여주는 탐색경로 탐색을 추가합니다.
실제로 이를 살펴보면 상호 탐색은 독립형 HTML 페이지 모음을 응집력 있는 웹 문서로 변환합니다. 검색 엔진 결과의 페이지를 방문한 독자는 검색 결과로 돌아가지 않고도 인접한 페이지로 이동할 수 있습니다. 탐색 구조는 콘텐츠를 통한 독자의 여정을 존중합니다.
시간이 지나도 변환된 HTML 유지관리
변환된 HTML 페이지는 소스 PDF가 변경될 때 업데이트되어야 하는 살아있는 문서입니다. 업데이트 동기화 프로세스를 설정합니다. PDF 매뉴얼이 개정되면 전체 사이트를 다시 생성하는 대신 변경된 섹션을 식별하고 해당 HTML 페이지만 업데이트하십시오.
PDF 소스와 함께 버전 제어에 HTML 소스를 저장합니다. 각 형식에 대한 각 개정 내용이 추적되고 PDF 섹션과 HTML 페이지 간의 관계가 문서화됩니다. 버전 제어 저장소는 설명서의 PDF 및 HTML 버전 모두에 대한 단일 정보 소스 역할을 합니다.
PDF 매뉴얼을 상호 연결된 HTML 페이지로 변환하면 웹 검색, 모바일 장치 및 브라우저 기반 읽기를 선호하는 사용자에게 문서 범위가 확장됩니다. 변환은 이전에 다운로드 가능한 파일로만 존재했던 콘텐츠에 대한 지속적인 웹 존재를 생성하는 일회성 투자입니다.
| 전환 접근 방식 | 노력 | 출력 품질 |
|---|---|---|
| Word를 통해 HTML로 내보내기 | 낮은 | 깨끗하지만 복잡한 서식이 손실될 수 있음 |
| PDF-HTML 전용 도구 | 중간 | 좋은 레이아웃 보존 |
| HTML에서 수동으로 다시 작성 | 높은 | 최고의 품질, 최고의 제어력 |
제품 문서 팀의 문서 작업 흐름과 관련하여 PDF에서 HTML로의 변환은 인쇄 중심 작성 작업 흐름과 현대 사용자가 기대하는 웹 기반 제공 사이의 격차를 해소합니다. PDF는 신뢰할 수 있는 인쇄 버전으로 유지됩니다. HTML은 접근 가능하고 검색 가능하며 연결 가능한 웹 버전을 제공합니다.
변환된 HTML을 모바일 장치에 반응하도록 만들기
대부분의 도구에서 PDF 변환의 초기 HTML 출력은 일반적으로 PDF 페이지 크기와 일치하는 고정 너비 레이아웃을 사용합니다. 휴대폰이나 태블릿에서는 제대로 작동하지 않습니다. 변환 후 다양한 화면 너비에 맞게 콘텐츠를 리플로우하는 반응형 CSS를 추가하세요. 최대 너비와 유연한 이미지를 갖춘 간단한 반응형 래퍼는 변환된 콘텐츠를 모바일 화면에 맞게 조정합니다.
반응형 디자인은 콘텐츠 전달에 있어서 PDF에 비해 HTML이 갖는 주요 장점 중 하나입니다. 휴대폰에서 보는 PDF를 읽으려면 핀치 앤 줌이 필요합니다. 반응형 디자인을 갖춘 HTML 페이지는 텍스트를 읽을 수 있는 크기로 자동으로 다시 지정합니다. 반응형 변환 단계는 기본 형식 변환 이상의 가치를 추가합니다.
검색 엔진 메타데이터는 변환된 HTML 페이지의 검색 가능성을 향상시킵니다.
일반적으로 변환된 HTML 페이지는 PDF에 필요하지 않은 메타데이터의 이점을 활용합니다. 각 페이지에 제목 태그, 메타 설명, 오픈 그래프 태그를 추가하세요. HTML 제목은 섹션 제목과 일치해야 합니다. 메타 설명은 섹션 내용을 150~160자로 요약해야 합니다. 이러한 추가 기능을 통해 변환된 콘텐츠를 검색 엔진을 통해 검색할 수 있습니다.
여러 페이지로 구성된 문서 세트의 경우 모든 HTML 페이지를 나열하는 sitemap.xml 파일을 추가하세요. 검색 엔진에 사이트맵을 제출하세요. 페이지 사이의 내부 링크는 관련 키워드가 포함된 설명 앵커 텍스트를 사용해야 합니다. SEO 추가 기능은 변환된 HTML을 정적 문서 덤프에서 검색에 최적화된 웹 리소스로 변환합니다.
HTML 변환 중 이미지 및 그래픽 처리
PDF에 포함된 이미지는 추출되어 HTML 페이지에 대한 별도의 이미지 파일로 저장되어야 합니다. Acrobat Pro HTML로 내보내기는 이미지를 자동으로 추출하여 하위 폴더에 저장합니다. HTML은 상대 경로로 이미지를 참조합니다. 웹 서버에 업로드할 때 이미지 폴더가 HTML 파일과 함께 이동하는지 확인하세요.
문서 처리 시 다이어그램, 스크린샷 또는 사진이 포함된 매뉴얼의 경우 PDF 추출의 이미지 품질은 일반적으로 웹 표시에 적합합니다. PDF 이미지는 일반적으로 화면에 필요한 것보다 높은 인쇄 해상도를 갖습니다. HTML 내보내기는 이미지를 자동으로 다운샘플링할 수 있습니다. 출력 이미지 해상도를 확인하고 이미지가 픽셀화되거나 지나치게 크게 나타나는 경우 내보내기 설정을 조정합니다.
일반적으로 PDF 매뉴얼의 상호 연결된 HTML 버전은 PDF만으로는 도달할 수 없는 독자에게 서비스를 제공합니다. 쿼리를 통해 특정 섹션을 찾는 검색 엔진 사용자입니다. 반응형 텍스트가 필요한 모바일 리더. PDF보다 HTML에서 더 잘 작동하는 보조 기술을 사용하는 사용자입니다. HTML 버전은 PDF를 신뢰할 수 있는 인쇄 버전으로 대체하지 않고도 문서 범위를 확장합니다.
인쇄본과 웹 사용자 모두에게 서비스를 제공하는 문서의 경우 PDF를 마스터로 유지하고 HTML을 배포 형식으로 생성하면 두 가지 장점을 모두 얻을 수 있습니다. PDF는 인쇄 충실도를 유지합니다. HTML은 웹 접근성을 제공합니다. 둘 다 동일한 권위 있는 콘텐츠에서 파생됩니다.
문서 작업 흐름과 관련하여 대부분의 문서에 대해 여기에 설명된 PDF-HTML 변환 작업 흐름은 인간 독자와 검색 엔진 모두에 서비스를 제공하는 출력을 생성합니다. HTML 버전은 PDF 원본과 비교할 수 없는 방식으로 검색, 탐색 및 액세스가 가능합니다. PDF는 신뢰할 수 있는 버전으로, HTML은 액세스 가능한 배포 형식으로 사용되므로 두 형식은 서로를 보완합니다.
문서화 팀의 경우 PDF와 HTML 형식의 콘텐츠를 모두 제공하면 모든 사용자(다운로드 및 인쇄를 선호하는 사용자, 온라인에서 읽고 검색하는 것을 선호하는 사용자)의 요구 사항을 충족할 수 있습니다. 이중 형식 접근 방식은 인쇄하고 주석을 달 필요가 있는 사람부터 온라인으로 검색하고 읽는 사람에 이르기까지 모든 청중의 선호도에 걸쳐 문서 콘텐츠의 접근성과 도달 범위를 극대화합니다.