본문 바로가기메뉴 바로가기

뷰 본문

도와줘 싸만코

[Tip]이미지에 alt 속성을 추가해 검색결과에 유리하게 콘텐츠 운영을!

번역beta

Translated by kakao i

번역할 언어 선택

안녕하세요. 싸만코입니다. :-)


싸만코에서 이미지 위주로 콘텐츠를 만드는 경우가 종종 있죠?

그런데 텍스트가 없으니 검색으로 찾기는 쉽지 않았고요.ㅎㅎ

이미지를 대체할 텍스트 정보를 추가하면 이런 문제는 해결됩니다. 'alt' 속성을 추가해 보세요.

이미지 컴포넌트의 설명 필드에서 { } 꺾쇠를 사용하세요. 꺾쇠 안에는 원하는 내용을 입력하시면 됩니다.

꺾쇠 안에 들어간 alt 속성은 콘텐츠뷰에는 표시되지 않는, 숨겨져있는 메타 정보입니다.
하지만 alt 속성은 정말 막강한데요, 이런 장점이 있어요.

  • alt 속성으로 입력한 문자열은 검색엔진에 색인됩니다. 이미지만 있는 콘텐츠도 쉽게 검색할 수 있습니다.
  • 스크린리더를 쓰는 사용자에게 이미지 정보를 제공할 수 있습니다.
  • 로딩 실패로 이미지를 표시할 수 없을 때 대체 정보를 제공할 수 있습니다.
텍스트 없이 이미지 위주로 제작하는 카드뉴스 콘텐츠에서 아주 유용한 기능이겠죠? :-)
alt 속성 입력은 자유롭게 할 수 있어요. 다만 해당 이미지 소스에 부합하는 내용으로 간결하게 입력해주시면 좋을 것 같습니다.

해시태그

작성자 정보

도와줘 싸만코

    번역중 Now in translation
    잠시 후 다시 시도해 주세요 Please try again in a moment