이 글의 목차
먼저 알아둘 답
사진 한 장으로 만든 홈페이지를 글자가 읽히는 HTML 사이트로 바꿀 수 있나요?
글이 사진 안에 들어가 있으면 휴대폰에서 읽기 어렵고 검색 프로그램도 본문을 이해하기 어려울 수 있습니다. 내용을 실제 글자와 링크로 다시 구성하는 작업을 검토하세요. 기존 주소, 중요한 정보와 상담 연결을 함께 유지해야 합니다.
식당: 이미지 한 장인 메뉴판을 읽을 수 있는 본문으로
전체 메뉴를 긴 이미지로 올려 휴대폰에서는 확대해야만 가격이 보입니다.
이렇게 바꿔보세요
대표 사진은 유지하고 음식명·구성·가격·주문 가능 시간을 실제 글로 적습니다. 품절이나 가격 변경 때 해당 항목만 수정할 수 있게 구성합니다.
HTML 본문은 브라우저가 글과 구조를 읽을 수 있는 형태입니다. 이미지에만 있는 정보보다 검색·수정·읽기가 쉬워집니다.
내 사업에서 확인할 일
메뉴 하나를 휴대폰에서 확대 없이 읽고 이름을 복사할 수 있는지 확인하세요.
이 글에 나오는 용어3개 · 뜻과 예시 보기
낯선 용어는 아래 뜻과 예시를 참고하세요.
- HTML페이지의 제목·본문·구조를 만드는 웹 문서 형식
-
글·링크·이미지의 의미와 순서를 구성합니다. 디자인과 기능을 만드는 다른 요소와 함께 홈페이지를 이룹니다.
예를 들면 검색엔진과 보조기술도 제목·본문을 읽을 수 있도록 정보 구조를 구성합니다.
- SEO검색엔진이 홈페이지를 찾고 이해하도록 돕는 작업
-
검색 서비스가 페이지의 제목·본문·주소를 읽을 수 있게 구성하고, 사용자가 질문에 맞는 정보를 찾도록 돕습니다. 순위나 노출을 보장하는 기능은 아닙니다.
예를 들면 제조사의 제품 페이지에 재질·규격·용도를 글로 적고 해당 제품을 설명하는 제목을 붙입니다.
- 접근성다양한 사용자가 내용을 읽고 기능을 쓸 수 있게 하는 조건
-
키보드 사용, 읽기 쉬운 글자, 이미지 설명과 오류 안내 등을 포함합니다. 일부 항목 확인만으로 인증이나 법적 준수를 판정하지 않습니다.
예를 들면 마우스를 쓰기 어려운 사람도 메뉴를 선택하고 상담 링크로 이동할 수 있어야 합니다.
먼저 알아둘 점: 이미지 중심 홈페이지를 HTML로 바꾸기
이미지 속 내용을 그대로 OCR로 옮기면 오탈자와 오래된 조건이 남을 수 있습니다. 운영자가 문구, 가격, 상품 범위를 확인한 뒤 텍스트를 작성하세요. 사진과 도식은 필요한 시각 자료로 남기고 중요한 안내를 이미지에만 두지 않습니다.
결정 전에 비교할 기준
| 확인할 조건 | 판단과 작업 범위 |
|---|---|
| 텍스트 복원 | 오탈자, 상품 조건, 운영자 사실 확인 |
| 이미지 자산 | 사진, 도식, 사용 권한과 적절한 크기 |
| 페이지 구조 | 제목, 내부 링크, 검색 정보와 URL 유지 |
직접 확인할 체크리스트
- 핵심 사업 정보가 HTML 본문에 있는지
- 이미지를 못 봐도 서비스와 조건을 이해하는지
- 모바일, 키보드에서 읽고 이동할 수 있는지
- 기존 주소, 자료, 연락처가 이어지는지
이 자료가 있으면 상담이 구체적입니다
- 원본 이미지와 현재 확정 문구
- 사진, 도식의 사용권
- 기존 URL과 새 페이지 구성
확인할 공식 자료
외부 서비스와 기준은 달라질 수 있습니다. 실제 적용 시 현재 안내와 개별 운영 조건을 확인하세요.
YOUR NEXT STEP WITH 짓고 JiTGO
지킬 자산은 지키고, 바꿀 화면은 명확하게.
현재 주소와 콘텐츠, 운영 계정을 확인해 리뉴얼·이전의 범위를 함께 정합니다.
- 기본형 30만 원 · VAT 별도
- 진단·상담 모두 무료
- 계약금·선결제 없이 먼저 제작
- 5일 검토 · 미채택 비용 0원
- 채택·결제 후 원천 소스 · 첫 1년 기본 서버 운영비 포함
최대 20페이지의 소개형 기본 상품에 적용합니다. 도메인·유료 서비스·추가 기능·별도 유지보수는 제외합니다. 완료 안내 다음 날부터 5일 검토하고 무응답은 미채택·비용 0원으로 자동 종료합니다.
무료 선제작 이용조건 ↗ · 고객 자료는 허락 없이 재사용하지 않습니다.