꽃·식물 사이트 이미지 출처와 대체 텍스트, 첫 편집 순서

처음 사이트를 편집할 때는 사진을 먼저 올리기보다 어디서 가져왔고 무엇을 전달하는지부터 정리하세요. 꽃 사진은 분위기를 만들지만, 식물 이름이나 관리 방법을 보여주는 사진은 정보이기도 합니다. 출처를 확인하고 이미지 역할에 맞는 대체 텍스트를 작성하면 운영자가 나중에 사진을 교체하거나 내용을 갱신할 때도 기준이 분명해집니다.

1. 이미지가 맡을 역할부터 정하기

페이지별로 필요한 이미지를 목록으로 적습니다. 예를 들어 첫 화면은 브랜드의 분위기, 상품 목록은 품종 구분, 관리 안내는 잎이나 흙의 상태를 보여줄 수 있습니다. 같은 사진을 여러 곳에 반복하기보다 각 이미지가 맡을 정보를 정하세요.

• 첫 화면, 상품 카드, 관리 안내 중 어느 위치에 쓸지 표시합니다.
• 이미지가 장식용인지, 내용을 이해하는 데 필요한 정보용인지 구분합니다.
• 파일명에 식물명이나 촬영 장면을 적어 찾기 쉽게 합니다. 예: `몬스테라-새잎-관리안내.jpg`.

**가상 예시:** ‘초록정원’이라는 가상 식물 가게의 관리 안내 페이지라면, 화분 전체 사진은 상품 분위기를 보여주고 잎 끝의 갈변 사진은 상태를 설명할 수 있습니다. 두 사진에 같은 설명을 붙이지 않습니다.

2. 출처와 사용 범위 확인하기

직접 촬영한 사진인지, 라이선스가 확인된 이미지인지, 사용 허락을 받은 자료인지 기록하세요. TalkTalkMySite에서는 라이선스가 적용된 스톡 이미지와 동영상을 검색할 수 있습니다. 그렇더라도 사용할 자료를 선택할 때 제공되는 라이선스 조건과 적용 범위를 확인하고, 출처나 조건을 기록해 두세요. 검색 결과에 보인다는 이유만으로 임의의 웹 이미지도 사용할 수 있다고 가정하지 마세요.

• 출처, 다운로드한 날짜, 파일명, 확인한 사용 조건을 한곳에 적습니다.
• 사진의 인물, 매장 표식, 타인의 작품이 포함됐는지 확인합니다.
• 편집·재배포·상업적 사용 관련 조건이 불명확하면 사용을 보류하고 확인합니다.

이 안내는 라이선스에 대한 법률 판단을 대신하지 않습니다. 구체적인 권리나 허용 범위를 확신할 수 없다면 해당 자료의 조건을 확인하거나 다른 이미지를 선택하세요.

3. 역할에 맞춰 대체 텍스트 쓰기

대체 텍스트는 보이지 않는 이미지를 글로 설명하는 문장입니다. 장식용 이미지는 주변 문장을 반복해 설명하지 않도록 하고, 편집기에서 장식 이미지로 표시할 수 있다면 그 설정을 사용하세요. 상품명이나 관리 정보를 전달하는 이미지라면 이미지 자체에서 중요한 내용을 짧고 구체적으로 적습니다.

• 정보용 예: `큰 화분에 심긴 몬스테라의 새잎`.
• 관리 안내 예: `잎 끝이 갈색으로 마른 스킨답서스`.
• 장식용 예: 꽃 배경이 본문 내용을 더하지 않는다면 주변 문구를 중복해 쓰지 말고 장식 처리 여부를 확인합니다.

**가상 예시:** 가상 상품 ‘화이트 튤립 10송이’의 상품 사진은 품종과 수량을 확인하는 데 중요하므로 `흰색 튤립 10송이를 묶은 꽃다발`처럼 씁니다. 실제 사진에 없는 향기나 크기를 덧붙이지 않습니다. 대체 텍스트를 키워드 목록이나 홍보 문구로 채우지도 마세요.

4. 편집기에서 실제로 적용하기

TalkTalkMySite의 시각 편집에서 페이지를 열고 이미지 블록을 선택합니다. 출처와 사용 조건을 확인한 파일을 올리거나 라이선스가 적용된 스톡 자료를 검색해 선택한 뒤, 이미지의 역할에 맞는 대체 텍스트를 입력합니다. AI 채팅으로 초안이나 구성에 도움을 받을 수도 있지만, 이미지 설명과 출처 기록은 운영자가 실제 이미지 및 사용 조건과 대조해 확정해야 합니다. AI 결과가 언제나 정확하다고 가정하지 마세요.

한국어 글꼴이 사진 위에 놓인다면 제공되는 여섯 가지 OFL 한국어 글꼴의 실시간 미리보기로 작은 화면에서도 읽히는지 확인할 수 있습니다. 글꼴 선택은 이미지 권리 확인이나 대체 텍스트 작성을 대신하지 않습니다. 화면에서 이미지가 잘려 보이면 크롭을 조정하되, 식물의 특징을 보여주는 부분이 빠지지 않는지 확인하세요.

5. 게시 전 점검하고 다음 편집 정하기

저장한 뒤 실제 게시 화면과 모바일 미리보기를 확인합니다. 화면에 보이는 이미지가 설명과 일치하는지, 대체 텍스트가 다른 사진에 복사되지 않았는지, 이미지가 페이지 목적에 맞는지 점검하세요. 여러 이미지가 움직이는 첫 화면 슬라이더를 쓴다면 최대 다섯 장까지 사용할 수 있으므로, 각 장의 메시지와 설명을 따로 확인합니다.

• 이미지별 출처와 사용 조건을 기록했는지 확인합니다.
• 대체 텍스트가 사진의 실제 내용과 페이지 맥락에 맞는지 확인합니다.
• 모바일 화면에서 핵심 부분이 잘리거나 글자가 사진에 묻히지 않는지 확인합니다.
• 수정한 페이지를 다시 열어 저장 내용이 게시 화면에 반영됐는지 확인합니다.

이미지를 잘 골랐다고 검색 순위, 방문자 수, 매출이 보장되는 것은 아닙니다. 다음 작업으로는 사이트의 이미지 목록을 열어 각 사진 옆에 ‘출처 확인’, ‘장식/정보’, ‘대체 텍스트’ 세 항목을 적고, 비어 있는 항목부터 하나씩 보완하세요.