알트 태그 너무 어렵게 생각하느라 티스토리 시작이 늦어졌습니다. 대체 텍스트 삽입 입력으로 간단하다는 걸 알게 되었습니다. 기존 방법이 아닌 새로운 방법을 처음 경험하며 이미지 알트 태그 삽입 방법에 대해 정리해봅니다.
알트 태그 쉽게 넣는 방법
1. 사진을 넣기 위해 이미지를 선택합니다.
2. 이미지 삽입 후 이미지 위에 마우스를 올려놓으면 몇 가지 아이콘들이 보이는데 이 중에서 이미지 모양으로 생긴 가장 오른쪽에 있는 아이콘이 이미지 알트 태그 아이콘입니다.
3. 아이콘 위에 마우스를 올려놓으면 편집 메뉴가 나타나는데 대체 텍스트 삽입이라는 문구가 보입니다.
4. 아이콘을 선택하고 대체 텍스트 삽입하라는 곳에 삽입한 이미지를 설명하기 위한 텍스트를 넣어줍니다.
5. '알트 태그 확인방법'이라고, 택스트를 넣고 확인하면 됩니다.
6. 입력한 내용이 제대로 되었는지 확인하는 방법은 '기본 모드'에서 'HTML'모드로 변경하고 확인할 수 있습니다.
7. 아래 이미지는 HTML 모드로 변경하고 본 HTML 소스입니다. 소스에서 "alt"라고 적혀 있는 위치에 위에서 적었던 '알트 태그 확인방법'이 보이며, 이것은 대체 텍스트 삽입에 적어 넣은 이미지 알트 태그 부분이고 "HTML모드"라고 적혀 있는 부분은 사진 캡션 내용입니다.
7. 이미지를 설명해 보세요. 란에 이미지를 설명할 수 있는 캡션을 달아주세요. 벚꽃이라고 적어 넣고 확인을 눌러줍니다.
8. 벚꽃이라는 캡션이 보입니다.
마무리
사진을 삽입할 경우 이미지에 대한 설명을 간단하게 입력하면 시각장애가 있으신 분들도 불편하지 않게 이미지의 내용을 알 수 있다고 합니다. 이미지를 글로 풀어 설명하는 태그라고 생각해도 될 것 같습니다. 그리고 더 중요하게 생각하는 것은 구글 SEO 최적화를 위해서이기도 한 것 같습니다. 독학을 통해 이해하고 정리한 부분이라 틀린 부분이 있을 수 있습니다. 혹시라고 발견하신다면 알려주세요. 더욱더 발전하고 성장하는 블로거가 되겠습니다. 저와 같이 이제 시작하는 초보의 입장이라면 우리 함께 성장해요.
댓글