메타태그?메타태그는 meta 와 tag 의 합성어 입니다. meta 는 중간 사이 넘어가는 이런 의미를 갖고 있죠. tag 는 저번에 말했듯이 라벨입니다. 즉 중간에 삽입하는 라벨 표지 정도로 생각하면 될 것 같습니다. 이것이 하는 일은 많습니다. 검색엔진의 봇 들을 불러들이거나 거부를 하거나 키워드를 등록하거나 하여 검색엔진에서 그 태그들이 걸리게 하는 일을 합니다. 즉 만약에 내가 어떠한 포탈사이트에 검색엔진 등록을 하지 않았다고 해도 검색엔진 봇 들이 움직이면서 내 블로그를 잡아가게 되는 거죠. 그렇게 될 경우에 등록하지 않은 검색엔진에서도 검색이 될 수도 있습니다. 세부적으로 설정도 가능하여 핵심 키워드를 지정해두면 검색에 도움이 될 수 있습니다. 때에 따라 그 블로그나 웹사이트의 속성을 안내하기도 합니다.
이처럼 메타태그는 이러한 일을 합니다. 즉 등록해두면 좋다는 거죠. 등록하는 게 조금 귀찮아서 그렇지 그렇게 어려운 건 없습니다.
메타태그 등록은 ?메타태그 등록은 생각보다 간단합니다. “ 꾸미기 >> HTML편집 >> 가젯 형태 보기체크 >> 메타등록 ” 간단합니다. 등록은 아래 이미지를 참고해주세요.
그리고 주의 할 점은 <hade> 와 </hade> 사이에 넣어줘야 한다는 겁니다. 그곳을 벗어나 등록을 하게 되면 정상적으로 작동을 하지 않습니다. 때에 따라 페이지가 안 뜨는 경우도 있으니 이점 주의해서 등록을 하셔야 합니다.
기본 HTML 편집 |
위에서처럼 저곳에서 추가를 시켜주시면 됩니다. 그럼 메타태그 속성값과 내용을 알아봐야 합니다. 블로그나 웹사이트 같은 경우 타이틀과 키워드만 동록을 합니다. 타이틀은 자동으로 지정해주기 때문에 필요 없는 경우도 있고 키워드도 역시 블로그 자체에서 지원하는 경우가 있습니다. 제 기억으로 티스토리가 그러했던 것 같은데 아쉽게도 제가 운영중인 블로거 에는 그러한 기능은 찾아볼 수가 없습니다. 손수 추가를 해야 합니다.
메타태그 속성값
1 . 검색엔진 로봇 관련 메타태그
- <meta name="robots" content="ALL"/>
– 검색엔진 로봇이 사이트의 모든 내용을 긁어 갑니다.
- <meta name="robots" content="index,follow"/>
– 인덱스와 링크만 긁어갑니다.
- <meta name="robots" content="noindex,follow"/>
– 인덱스는 그대로 두고 링크만 긁어갑니다.
- <meta name="robots" content="index,nofollow"/>
– 인덱스는 긁어가지만 링크는 제외시킵니다.
- <meta name="robots" content="noindex,nofollow"/>
– 검색엔진 로봇이 내 사이트를 수집하지 못하게 합니다.
2 . 페이지 관련 속성값
- <meta name="Subject" content="웹사이트 제목"/>
- <meta name="Title" content="웹사이트 타이틀 지정"/>
- <meta name="description" content="웹사이트 요약 내용"/>
- <meta name="Classification" content="웹사이트의 분류"/>
- <meta name="Generator" content="웹사이트 제작 소프트웨어 등"/>
- <meta name="Author" content="웹사이트 제작자"/>
- <meta name="Publisher" content="웹사이트 단체/개인"/>
- <meta name="Other Agent" content="웹사이트 관리자"/>
- <meta name="Reply-To(Email)" content="이메일 주소"/>
- <meta name="Filename" content="파일이름"/>
- <meta name="Author-Date(Date)" content="제작일"/>
- <meta name="Location" content="위치"/>
- <meta name="Distribution" content="배포자"/>
- <meta name="Copyright" content="저작권"/>
- <meta name="Keywords" content="키워드 입력"/>
3 . 파일에 대한 속성값
- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
– 웹 페이지의 문자 인코딩 euc-kr / utf-8
이 정도가 주요 포인트 입니다. 나머지는 안내할 필요가 없을 것 같아 그냥 넘어가도록 했습니다. 나머지는 페이지의 큰 필요가 없거나 블로그같은 경우 이미 모두 처리를 하고 있는 부분이라 생각돼서 빼기로 했습니다. 이 정도만 알고 있어도 충분 합니다. 저는 이것을 모두 적용하지는 않고 세 네 가지만 적용해보겠습니다. 솔직하게 말하면 모두 필요는 없습니다. 검색엔진 봇 같은 경우 등록을 하거나 거부를 하면 도움이 되는 경우가 있지만 블로그는 기본적으로 개방되어있습니다. 그리고 소통을 위한 블로그라면 봇 을 차단하는 것은 필요가 없다고 생각됩니다. 또한 페이지 속성값 같은 경우 어떠한 등록을 하거나 이 부분을 가져와서 사용하지 않는 이상 필요로 하는 부분은 아닙니다. 보통 웹사이트는 보기만 하지 속성을 보지는 않기 때문인데요. 그래서 블로그에서는 보통 블로그 제목 이나 키워드 정도만 그리고 언어 셋 정도 등록해두면 도움이 될 수 있습니다. 주로 사용되는 부분에 대해 굵게 표시를 해두도록 하겠습니다.
적용방법을 알아봅시다.
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<meta name="Keywords" content="블로그,블로그꾸미기,블로거,블로그스팟,blogger,blogspot,adsens,iphone,아이폰,bloggertip" />
<meta name="description" content="소시카의 이것저것 블로그. 리뷰도하고 글도적고 블로그도 꾸미고" />
이런 식으로 작성을 해주시면 됩니다. 기본적으로 3가지는 모두 추가를 해주셔야 합니다. 하지만 이미 문자 인코딩 케릭셋 부분은 시작점에 제시가 되어있습니다. 즉 <meta http-equiv="Content-type" content="text/html; charset=utf-8"> 이 부분은 빼셔도 됩니다. 소스보기를 보셔서 맨 위에 utf-8 이나 euc-kr 등이 작성되어있다면 삭제를 하시고 없다면 사이트의 속성에 따라 euc-kr 이나 utf-8로 지정해주시면 됩니다. 블로그라면 이 부분은 빼셔도 됩니다.
이제 메타태그를 추가해봅시다.
메타태그 추가 |
위에 이미지처럼 입력시켜주시면 됩니다. 간단하죠? 적당하게 추가를 하시는 건 좋습니다만 많은 량은 페이지 로딩에 문제가 될 수도 있습니다. 그러니 적당하게 핵심 단어만 추가를 하시는 것을 추천 드립니다.
하지만..많은 블로그들이 상업적으로 바뀌면서 일명 낚시성 블로그가 많이 생겨나고 있습니다. 블로그는 보통 검색을 해서 블로그에 찾아서 갑니다. 홈페이지처럼 자주 찾는 곳에 즐겨 찾기를 하고 가는 경우는 많지 않습니다. 수많은 사용자들 중에 일부분이 그러할 것입니다. 검색키워드를 무작정 등록해두고 들어가서 보면 외부로 링크가 되어있는 글을 쉽게 볼 수 있습니다. 클릭유도가 될 수 있겠죠. 이런 경우엔 얻고자 하는 내용도 못 얻을 뿐만 아니라 시간도 낭비하고 때에 따라서 악성코드에 감염되는 경우도 있습니다. 항상 블로그를 가서 바로 링크로 외부를 유도 한다면 의심을 해볼 필요가 있습니다.
이번 글은 내용이 상당히 길어진 것 같습니다. 가끔 밤에 휴대폰으로 블로그를 들어와 잘 뜨는지 확인하는 경우가 있습니다. 글을 읽어보면 같은 단어를 중복하는 경우도 많고 오타도 많이 발견이 됩니다. 재빨리 수정을 해도 오타와 말도 안 되는 말은 점점 늘어날 뿐이더라고요. 그래서 이번에는 신경을 많이 섰습니다. 오타라던지 잘못된 부분 그리고 궁금한 점은 언제든지 댓글 주시면 보는 즉시 답변 드리겠습니다:D
6 개의 댓글:
헤드와 헤드사이에 이렇게 넣어주면 되는건가요?? 계속 하는데 저장이 안되길래 인터넷창 왼쪽 아래 보니깐 느낌표가 떠있더라구요. 오류메시지를 열어보니 'Tef_onBeforeUnload'가 정의되지 않았습니다. 라고 나오는데 혹시 왜그런지 아시는지요 ㅠㅠ 이상하게 언제부턴가 사이드바에 애드센스가 안들어가더니....;;;
(meta name="Keywords" content="도서리뷰,영화리뷰,IT,IT매뉴얼,비즈니스")
(meta name="description" content="호시우보의 도서리뷰")
@호시우보
블로거 에서 스킨을 수정하시거나 추가하실때는 꼭 끝을 /> 로 끝내셔야 합니다. 글을 수정을 못했는데 바로 수정하도록 하겠습니다.
ㅁ, ㅁ, ㅁ, ㅁ" />
이렇게 하셔야 할겁니다^^
아 저건 태그로 인식할까봐 괄호로 처리한거에요 ㅋ 저거 없이도 에러는 뜨는데;;;;;ㅠㅠ 기초가 문제야 기초가 ㅠㅠ
@호시우보
어제 소스부분을 수정 추가하였습니다. 다시한번 복사하셔서 변경을 해보세요. ^^
@sosica
하하 성공 ^^ 감사!!!
@호시우보
축하드립니다 ^^
댓글 쓰기
덧글은 큰 힘이 됩니다.
리플레이는 기본 양식뒤에 글을 작성해주시면 댓글이 작성됩니다.