티스토리 블로그 운영자라면 html 몰라도 alt태그는 알아야 하는이유

728x90

SMALL

티스토리나, 구글 SEO의 경우는 반드시

알아야 할 태그가 alt 태그입니다.

검색자의 색인을 사전에 도와주는 크롤러가

(crawler) 화면 읽기 도구에서 자동 사용돼

시각장애우에게는 매우

중요한 기능 중 하나의 기능입니다.

크롤러란?
(crawler=spider)
웹페이지 내부 링크 검색로봇

alt 태그는 시각장애우 태그

alt 태그 구글 SEO쉽게 말해 alt 태그는

블로그에 올린 사진 들에 대해

시각장애우에게 내용을 이해할 수 있도록

도와주는 이미지 설명 태그입니다.

특히 티스토리 블로그의 경우 구글에

노출되는 영역으로 티스토리 블로그를

운영하는 분이라면 반드시 사용해

보시길 권합니다.

예를 들어보겠습니다.

일반인 얼짱 선발대회가 있었는데

결승전에 올라온 후보들이 10명이라면

그들 개개인의 사진을 모두 올리고

소개하려면 당연히 한 장 한 장 사진에

alt 태그에 달아 설명해 주어야 할 것입니다.

수십 장의 사진이 들어가야

하는 경우는 여러 장의 사진을

포토스케이프에 가져가서 한 장으로

이어 붙이기 해주고 한 번만 alt 태그를

달아 설명 해면 해결된다는 것이죠.

alt 태그 넣는 법

사진에 설명을 먼저 넣어줍니다.

html을 열어보면

사진 이미지 사이즈와 제목이 나오게

되는데 그 뒤에 alt="설명"을

추가적인 넣어주면 해결됩니다.

그렇게 어려운 것이 아니니

어떻게 추가하는지 알아보겠습니다.

티스토리의 경우 문안 작성 시 상단에

기본 모드에서 html을 선택해보시면

아래와 같이 태그가 보이게 됩니다,

HTML에 alt 태그 넣어주기

사진 가로 세로 사이즈가 나온 곳 뒤에

alt 태그. 사진 파일명, 사진 타이틀이

보이게 됩니다.

참고로 섬네일 사진 이미지는 대부분

정사각형으로 노출이 되는데

직사각형의 이미지가 잘리게 되어

클릭률을 떨어뜨릴 수 있습니다.

사진을 넣어주실 때는 가능한 크기를

정사각형 1 대 1 비율로 잘라주세요.

1:1 사진 자르는 방법

1, 사진 편집 → 2. 편집 →3. 자르기

→4.1:1 →5.v 자르기 →6. 저장

이어 붙이는 방법

1, 이어 붙이기 → 2. 수평 선택

3. 첫 번째 이미지 크기 클릭 →

4. 다운로드해 주세요.

저장 품질은 최대로 해주세요.

티스토리 파일 용량 처리 방법과

이미지 처리 방법에 대해서는

별도로 포스팅하겠습니다.

오늘은 여기서 포스팅 마칠게요.

LIST

저작자표시 비영리 변경금지 (새창열림)