디자인·편집

베이커리 이미지 출처와 대체 텍스트, 처음 만드는 운영자의 편집 순서

제품 사진의 사용 권한을 확인하고, 장식 이미지와 정보 이미지에 맞는 대체 텍스트를 작성한 뒤 실제 화면에서 검수하는 순서를 안내합니다.

TalkTalkMySite

베이커리 사이트의 사진은 제품을 소개하는 동시에 주문 판단을 돕습니다. 하지만 보기 좋은 이미지를 고르는 것만으로 편집이 끝나지는 않습니다. 어디서 가져왔는지 기록하고, 이미지가 전달하는 정보를 대체 텍스트로 정리해야 합니다. 아래 순서는 처음 운영하는 사람이 상품 사진 한 장을 게시하기까지 적용할 수 있는 실무 절차입니다.

1. 사진을 고르기 전에 용도를 정합니다

먼저 이미지가 무엇을 해야 하는지 결정하세요. 첫 화면의 분위기를 만드는 사진인지, 특정 빵의 모양과 토핑을 보여주는 상품 사진인지 구분합니다. 상품 사진이라면 사진만으로 전달해야 할 핵심 정보도 적어 둡니다. 예를 들어 겉모양, 잘린 단면, 장식처럼 실제 주문 선택에 도움이 되는 정보입니다.

AI 대화와 실시간 편집으로 사이트를 만드는 TalkTalkMySite 작업실
대화로 요청하고, 화면에서 직접 다듬는 사이트 편집
  • 사용할 위치와 목적을 메모합니다: 첫 화면, 상품 목록, 상품 상세 중 어디인지 적습니다.
  • 필요한 컷을 정합니다: 전체 모습 한 장인지, 단면과 포장 사진도 필요한지 결정합니다.
  • 파일명에 상품과 촬영 시점을 알아볼 수 있게 표시합니다. 예: `무화과깜빠뉴_단면_2025-04.jpg`.

**가상 예시:** 새로 등록할 무화과 깜빠뉴 상세 페이지라면, 전체 빵 사진은 모양을 보여주고 단면 사진은 속의 무화과와 조직을 보여주도록 역할을 나눕니다. 사진에 실제로 보이지 않는 재료나 제조 방식을 설명에 덧붙이지 않습니다.

2. 출처와 사용 권한을 확인합니다

직접 촬영한 사진인지, 사용 허가를 받은 사진인지, 라이선스가 확인된 이미지인지 구분하고 근거를 함께 보관하세요. 검색 결과에서 찾았다는 사실만으로 웹사이트에 사용할 권한이 생기는 것은 아닙니다. 촬영자가 제공한 조건이나 라이선스 범위가 불분명하면 게시를 미루고 확인합니다.

TalkTalkMySite에는 라이선스가 있는 스톡 이미지·동영상을 검색하는 기능이 있습니다. 그래도 선택한 자산의 사용 조건과 표시 요구 사항은 확인하고, 필요한 출처 정보를 사이트 운영 기록에 남기세요. 이 기능이 모든 외부 이미지의 권리까지 대신 확인해 주는 것은 아닙니다.

AI 대화와 실시간 편집으로 사이트를 만드는 TalkTalkMySite 작업실
대화로 요청하고, 화면에서 직접 다듬는 사이트 편집
  • 출처 유형을 기록합니다: 직접 촬영, 허가받은 제공, 라이선스 스톡 등.
  • 파일명이나 관리 메모에 제공처, 확인 날짜, 조건을 연결해 둡니다.
  • 사용 범위가 애매하거나 인물·상표가 두드러지는 이미지는 확인 전 게시하지 않습니다.

3. 편집기에서 이미지와 대체 텍스트를 입력합니다

이미지를 정한 뒤 TalkTalkMySite의 시각 편집에서 해당 페이지나 상품 영역을 열고 이미지를 배치합니다. 주변 제목과 설명이 이미지 내용을 이미 전달하는지도 살펴보세요. 대체 텍스트는 사진을 못 보는 사람에게 필요한 정보를 짧고 구체적으로 전달하는 문장입니다. 파일명이나 사진 출처를 복사해 넣는 칸이 아닙니다.

  • **정보가 있는 이미지:** 화면에서 중요한 특징을 사실대로 씁니다. 예: “무화과 조각이 보이는 깜빠뉴 단면”.
  • **장식용 이미지:** 주변 내용과 같은 정보를 반복한다면 편집기에서 장식 이미지로 처리하거나, 비워 둘 수 있는 설정을 사용합니다. 설정이 없다면 중복 문구를 억지로 덧붙이지 말고 페이지 구조를 확인합니다.
  • **텍스트가 이미지 안에 있는 경우:** 꼭 필요한 문구가 본문이나 버튼에도 있는지 확인합니다. 대체 텍스트만으로 중요한 안내를 전달하지 않습니다.

대체 텍스트에는 “사진”, “이미지” 같은 불필요한 시작말이나 검색어 나열을 피합니다. 맛, 향, 신선도처럼 사진만으로 단정할 수 없는 내용도 쓰지 마세요. 상품명은 페이지에서 이미 명확하다면 매번 반복하지 않아도 됩니다.

4. 모바일 화면과 게시본을 검수합니다

저장 후 미리보기에서 이미지가 잘리거나 흐려지지 않는지 확인합니다. 특히 제품의 단면이나 장식이 화면 가장자리에서 사라지지 않는지, 이미지와 상품명·가격이 올바르게 연결되어 있는지 살펴보세요. 화면 확대만 확인하지 말고 실제 모바일 폭에서도 읽어 봅니다.

  • 대체 텍스트가 이미지와 일치하고 과장된 설명이 없는지 확인합니다.
  • 이미지가 로드되지 않는 상황을 가정해 주변 문장만으로 상품을 이해할 수 있는지 봅니다.
  • 출처와 사용 조건 기록이 업로드한 파일과 연결되어 있는지 다시 확인합니다.
  • 게시 후 실제 페이지를 열어 수정 사항이 반영됐는지 확인합니다.

5. 범위와 다음 작업을 정합니다

대체 텍스트는 이미지의 의미를 전달하는 데 도움을 주지만, 접근성이나 검색 결과를 보장하지는 않습니다. TalkTalkMySite의 Basic은 공통 SEO를 지원하고, Standard는 페이지별 SEO를 지원합니다. 이는 이미지 권리 확인이나 검색 순위 보증과는 별개입니다. HEAD 메타 태그는 게시된 사이트에서 작동하며, 사용자 지정 스크립트는 고객 도메인이 연결된 경우에만 실행됩니다. 이번 작업에 스크립트를 추가할 필요는 없습니다.

  • 먼저 자주 방문되는 상품 한 페이지에 이 절차를 적용합니다.
  • 사진 출처 기록과 대체 텍스트를 확인한 뒤 게시 화면에서 다시 검수합니다.
  • 다음으로 같은 기준을 다른 상품 사진에 적용하고, 촬영 또는 라이선스 기록이 빠진 파일을 따로 정리합니다.

다음 행동은 간단합니다. 게시할 상품 하나를 고르고, 사진의 목적·출처·대체 텍스트를 각각 한 줄로 적은 뒤 편집기에서 실제 화면을 확인하세요.

국가 선택 · Choose your country

새 쇼핑몰의 결제 설정에 적용됩니다. 기존 쇼핑몰의 판매 국가는 변경되지 않습니다.