#29: Meta와 Alt 태그를 잘 사용하라.

 

 <Meta> 태그는 웹 페이지의 헤드 섹션에 페이지에 대한 추가 정보를 지정하기 위해서 넣는 문자 요소이다. 이 정보는 웹 페이지의 인덱스와 카테고리를 사용하는 검색엔진의 수를 증가시키게 한다. <Meta>태그의 사용은 이런 검색 엔진에서 웹 사이트의 순위를 높여 줄 것이다. 당신의 웹 페이지에 표, 프레임, 자바 스크립트를 사용한다면 <Meta> 태그가 필요할 것이다.

 이 태그의 위치는 아주 중요하다. 이것은 <Head>와 </Head> 태그 사이에 있어야 한다. 이런 태그의 좋은 점은 만들기 쉽다는 것이다. 이런 형식을 설치할 필요는 없다. 모든 메인 페이지에 이런 형식을 삽입하면 된다.

1.Title

 웹 페이지에 타이틀을 주기위해서 이 섹션을 사용한다. 이미 <Title>태그를 가지고 있다면 이것을 망가트릴 필요는 없다.

2.Description

 웹 페이지에 설명을 추가하고 싶으면 이 섹션을 사용한다. 웹 사용자들은 당신의 사이트를 방문할지 이 설명을 읽고 결정한다는 것을 기억해라. 당신의 사이트가 방문하기 좋은 장소로 보이도록 설명을 써라.

3.Keywords

 이 섹션에 준비된 키워드를 삽입해라. 이에 더하여 동의어를 추가하고 타겟 오디언스와 관계가 있다면 다른 언어로도 키워드를 사용하는 것을 고려해 보라.

4.Author

 웹의 저자를 찾기 쉽게 하기위해서 여기에 당신의 이름을 넣어라. 이 태그는 보통 사용되지 않는다. 웹 페이지를 디자인 하는 사람들에게는 이 태그가 중요하지 않기 때문읻.

5.Rating

 이 섹션은 “general”, “Fun for Kids”나 “For Adults Only”같은 순위를 넣게 해주어서 검색 엔진 로봇이 당신의 사이트의 컨텐츠를 소개하게 해준다.

6.Revisit After

 이 섹션은 검색 엔진 로봇에게 다시 방문하도록 해주고 당신의 웹사이트에 일정한 시간 후에 다시 색인을 달아준다. 이 기능은 검색 엔진 리스트에서 웹 페이지 업데이트를 유지하게 해준다. 모든 검색엔진이 이 태그기능에 작동하는 것은 아니다.

 <Meta> 태그에 더하여 많은 검색 엔진들이 당신의 웹 페이지에 위치한 그래픽을 설명하는 <Alt> 텍스트에 색인을 단다. <Alt> 태그는 보통 그래픽을 확인하는데 사용된다. 그러나 간단한 설명을 현명하게 사용해라. <Alt> 텍스트의 기본 문장은 그래픽 파일 이름이다. 웹 페이지 편집자가 사용하면 당신은 쉽게 간단한 설명으로 교체 할수있다. 이 설명은 또한 뷰어에게 환영 메시지를 제공할 수 있고 그래픽이 로딩될 동안 편안하게 할 수 있다. <Meta> 태그처럼 뷰어가 브라우저에서 <Alt> 텍스트를 직접 읽을 수 있다. 그래서 이것을 쓰는데 주의하여야 한다.