체적화의 첫걸음 META TAG for SEO


웹사이트나 블로그에서 체적화 라는 말을 많이 한다.

당연히 최적화된 사이트는 뜨고 그렇지 않은 사이트는 검색엔진에 노출될 확율이 낮은것은 사실이다


검색 엔진이 아닌 특정 사이트나 포털에서 빅 뉴스로 취급해서 상위에 게시해 주는 것 과는 개념이 다르다.
가장 바람직한 것은 트랙픽이 지속적으로 여러가지 검색 엔진이 골고루 이용되는 분포로 내 사이트를 방문하는 트래픽이 발생 하는 것 이다.

그렇게 되기 위해서는 사이트의 최상위 헤드에 메타 태그로 존재해야 하는 몇가지를 알아본다.
사이트 최적화의 첫글음은 충실한 메타태그를 제공해서 세계의 수많은 봇이 읽는데 걸림이 없도록 미리 준비하는것이다.

실제로 메타태그(meta tag)는 웹페이지(Web page)의 차례로도 되며 빠르고 간략한 사이트 정보를 담고 있으며 봇에게 사이트 어드민의 의도를 알릴 수도 있으며 그 봇이 요구하는 최소한의 정보를 공급할수 있어야 한다.


검색엔진 마케팅(Search Engine Marketing)이 인터넷 마케팅의 중요한 장르로 자리매김하면서 그 가치가 인정되고 올바른  메타대그의 적용은 SEO의 첫걸음이 되고 있다.

먼저 사용되고있으며 봇이 요구하는 태그는 어떤것이 있는가를 알아본다.
메타태그(meta tag)는 하이퍼텍스트(Hyper text) 생성 언어 HTML 문서에서 처음 만나는 위치의 태그(tag)인데 <HEAD>와 </HEAD>사이에 존재 해야 하며 어떤경우에도 BODY 태그 앞쪽에 나열되어야 한다.

SEO를 위한 메타태그들의 속성은 아래와 같다.

특정엔진에서 요구하는 태그들이 있지만 전부 나열할 필요는 없으며 구글이나 야후 정도에서 요구하는 태그만 삽입하면된다.
이 규칙은 구글이 먼저 사용했으며 지금은 국제적으로 어느나라 검색엔진이든 이 규칙을 따른다.
우리나라 네이버 웹마스터 도구도 구글과 거의 비슷한 알고리즘일것으로 추측한다.

구글 메타:
<meta name="verify-v1" content="pq/HTwwnWoPsa3bTRvEExyVNAx2J2moHlmdNdQsHMHQ=" />
야후 메타:
<META name="y_key" content="1813effcb12a95ba" >
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />캐릭터 셋을 알려줌-웹페이지 언어
<META HTTP-EQUIV="Expire" CONTENT="-1">   : 캐쉬 완료(파기)시간 정의.
<META HTTP-EQUIV="Last-Modified" CONTENT="Sun,10 Apr 2009 10:20:10"> : 웹페이지의 최종수정일시를 말함.
<META HTTP-EQUIV='Cache-Control' CONTENT='no-cache'> :캐쉬콘트롤 함
<META HTTP-EQUIV='Pragma' CONTENT='no-cache'>   : 캐쉬를 잡지않음
<META HTTP-EQUIV="Imagetoolbar" content="no">   : 이미지의 마우스 오버시 관련 툴바정의.



<META HTTP-EQUIV="Refresh" content="15;URL=http://galaxy.channeli.net/jakalky/sitemap.htm">  : 페이지의 이동
예:<META http-equiv="refresh" content="3; url=http://원하는 주소.net">
3초 후에 http://원하는 곳으로.net로 자동이동하게함.
<META HTTP-EQUIV="Page-Enter" content="RevealTrans(Duration=5/시간 초단위, Transition=21) ">  : 페이지 로딩시 트랜지션 효과(장면 전환 효과)
<META name="Subject" content="홈페이지의 주제목 입력">
<META name="Title" content="홈페이지의 이름 ">
<META name="description" content="웹페이지나 사이트의 설명문">
<META name="Keywords" content="웹페이지나 사이트의 주-키워드">
<META name="Author" content="웹페이지 만든사람">
<META name="Publisher" content="웹페이지의 만든단체나 회사">
<META name="Other Agent" content="관리자나 웹책임자">
<META name="Classification" content="기본 카테고리의 위치나 분류">
<META name="Generator" 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="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" />   : 이 문서도안되고, 링크도 안됨.



Posted by 블로그에세이-BlogEssay Dramatique

댓글을 달아 주세요



Blogger 중심 HTML Template 모양
블로그 스킨에서 HTML 템플릿은 단순한 스킨으로 웹페이지를 표현하는것 외에 조직적이고 합리적인 구성이 필요하며 이때 각종 대형 서치 보트들에게 안내하는 최소한의 규격을 갖추는것도 필요하다.

아래에 구글 blogger의 HTML 스크립트를 에디팅할수 있는 사람들이 최소한 알아야 하는 정의되어 있는 크래식 태그를 보여준다.
구글 블로거에 의한 내용이지만 대부분의 현대 블로그들은 동일한 방법으로 클래식 태그가 구성되었음을 볼수 있다.
Blogger 태그들은 HTML과 비슷하지만.
Blogger 태그와 HTML의 dirrksdml 차이는 대소문자 구분 여부에 있다.

참고(아래는 구글 Blogger 에 관한 내용이지만 눈여겨 볼만하다.
Blogger 태그, 정의됨:<$BlogSiteFeedLink$> - 사이트 피드의 URL을 <link> tag:<link rel="service.feed" type="application/atom+xml" title="Your Blog's Title" href="http://yourblog.blogspot.com/atom.xml" />
내에 출력.

<$BlogEncoding$> - 서식 인코딩 을 콘텐츠 유형 선언에 삽입.
구체적 코드:<meta http-equiv="Content-Type"   content="text/html; charset=<$BlogEncoding$>" />
<BlogSiteFeed><$BlogSiteFeedUrl$></BlogSiteFeed> - 사용자 블로그에 대한 RSS 피드를 지원하는 어그리게이터가 자동으로 발견할 수 있도록 합.
예:<BlogSiteFeed><link rel="alternate"  type="application/rss+xml"  title="RSS"   href="<$BlogSiteFeedUrl$>" />
</BlogSiteFeed>
<$BlogMetaData$> - inserts all blog metadata via one tag. here's sample output:
<meta http-equiv="Content-Type"  content="text/html; charset=UTF-8" />

<meta name="MSSmartTagsPreventParsing" content="true" />

<meta name="generator" content="Blogger" />
<link rel="service.feed" type="application/atom+xml" title="DanoTestMule"    href="http://testmule.blogspot.com/atom.xml" />

<link rel="service.post" type="application/atom+xml"  title="DanoTestMule"     href="http://www.blogger.com/atom/6602135" />

<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://www.blogger.com/rsd.pyra?blogID=6602135" />

<meta name="ROBOTS" content="NOINDEX,NOFOLLOW" />
(이 마지막 태그는 블로그가 unlisted로 설정되어 있는 경우에 나타납.)
<$BlogPageTitle$> - 게시된 블로그 페이지에 스마트 제목을 부여합니다(색인 페이지에는 'Blog Name', 아카이브 페이지에는 'Blog Name: Date Info', 게재 페이지에는 'Blog Name: Post Title'). 이 태그는 템플릿의 <head>의 <title>과 </title> 사이에서만 사용해야 합.

<$BlogTitle$> - 블로그의 제목.
<$BlogDescription$> - 블로그의 설명.
<Blogger> & </Blogger> - 블로그 콘텐츠를 위한 주 '컨테이너 태그'입니다. 다음에 나열되는 대부분의 태그는 이 태그 안(사이)에 있어야 제대로 작동할 수 있습니다.

<BlogDateHeader>
<$BlogDateHeaderDate$>
</BlogDateHeader> - 이 태그는 각 게시물에 대한 날짜 헤더를 설정함.

<BlogItemTitle>
<BlogItemURL>
<a href="<$BlogItemURL$>">
</BlogItemURL>
<$BlogItemTitle$></a>
</BlogItemTitle> - 각 게시물의 제목을 해당 게시물 각각의 external URLs과 링크된 상태로 출력.
Title과의 연결을 해제 하거나 유지 .

<$BlogItemBody$> - 게시물의 콘텐츠.
<$BlogItemAuthor$> - 성과 이름을 포함한 게시물의 작성자.
<$BlogItemAuthorNickname$> - 게시물 작성자의 표시 이름.
<$BlogItemAuthorEmail$> - 게시물 작성자의 이메일 주소.
<$BlogItemAuthorURL$> - 게시물 작성자의 홈 페이지 URL.
<$BlogItemDateTime$> - 게시물의 날짜 및/또는 시간.
<$BlogItemNumber$> - 게시물의 고유한 ID 번호.
<$BlogItemArchiveFileName$> - 게시물의 아카이브 파일 이름.
<$BlogItemPermalinkURL$> - 게시물의 permalink.
<$BlogItemControl$> - 게시물의 빠른 수정 링크.

<BlogDateFooter>
</BlogDateFooter> - 각 게시물에 대한 날짜 푸터.
<BloggerArchives><a href='<$BlogArchiveURL$>'><$BlogArchiveName$></a>
</BloggerArchives>
조건부 태그.

<MainPage></MainPage>
<ArchivePage></ArchivePage>
<ItemPage></ItemPage>
<MainOrArchivePage></MainOrArchivePage>
이전 게시물 코드.

<BloggerPreviousItems>
 <a href="<$BlogItemPermalinkURL$>">
 <$BlogPreviousItemTitle$>

  </a><br />

</BloggerPreviousItems>
코멘트 코드.

<BlogItemCommentsEnabled>
<$BlogItemCommentCount$>
<$BlogItemCommentCreate$>
<$BlogItemCommentFormOnClick$>
<BlogItemComments>
<a name="<$BlogCommentNumber$>"></a>
<$BlogCommentBody$>
<$BlogCommentPermalinkURL$>
<$BlogCommentAuthor$>
<$BlogCommentDateTime$>
<$BlogCommentDeleteIcon$>
<$BlogItemCreate$>
</BlogItemComments>
</BlogItemCommentsEnabled>
프로필 코드.
<$BlogOwnerNickname$><$BlogOwnerFirstName$><$BlogOwnerLastName$><$BlogOwnerFullName$>
<$BlogOwnerEmail$><$BlogOwnerLocation$><$BlogOwnerAboutMe$><$BlogOwnerPhotoUrl$><$BlogOwnerProfileUrl$>



Posted by 블로그에세이-BlogEssay Dramatique

댓글을 달아 주세요


웹사이트 최적화의 첫걸음
META TAG for SEO


웹사이트나 블로그에서 체적화 라는 말을 많이 한다.

seo 최적화

당연히 최적화된 사이트는 뜨고 그렇지 않은 사이트는 검색엔진에 노출될 확율이 낮은것은 사실이다
검색엔진이 아닌 특정 사이트나 포털에서 빅뉴스로 취급해서 상위에 게시해 주는 것 과는 개념이 다르다.

가장 바람직한 것은 트랙픽이 지속적으로 여러가지 검색엔진이 골고루 이용되는 분포로 내 사이트를 방문하는 트래픽이 발생 하는 것 이다.

그렇게 되기 위해서는 사이트의 최상위 헤드에 메타태그로 존재해야 하는 몇가지를 알아본다.
사이트 최적화의 첫글음은 충실한 메타태그를 제공해서 수많은 봇이필요로 하는 정보의 나열열이 있어야한다.

실제로 메타태그(meta tag)는 웹페이지(Web page)의 차례로도 되며 빠르고 간략한 사이트 정보를 담고 있으며 봇에게 사이트 어드민의 의도를 알릴수도 있으며 그 봇이 요구하는 최소한의 정보를 공급할수도 있다.

검색엔진 마케팅(Search Engine Marketing)이 인터넷 마케팅의 한 장르로서 그 중요성이 인정되면서 바른 메타대그의 적용을 SEO의 첫걸음으로 말하고 있다.

현재 사용되고 있으며 봇이 요구하는 태그는 어떤것이 있는가를 알아본다.

메타태그(meta tag)는 하이퍼텍스트(Hyper text) 생성 언어 HTML 문서에서 처음 만나는 위치의 태그(tag)인데 <HEAD>와 </HEAD>사이에 존재 해야 바람직하며  어떤경우에도 BODY 태그 앞쪽에 나열되어야 한다.

SEO를 위한 메타태그들의 속성은 아래와 같다.

특정엔진에서 요구하는 태그들이 있지만 전부 나열할 필요는 없으며 대개는 구글이나 야후 정도에서 요구하는 태그만 삽입 하고 있다.



구글 서치 확인:구글웹마스터센터에서 획득
<meta name="verify-v1" content="pq/HTwwnWoPsa3bTRvEExyVNAx2J2moHlmdNdQsHMHQ=" />
야후 서치확인:야후메타에서획득
<META name="y_key" content="1813effcb12a95ba" >

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />캐릭터 셋을 알려줌-웹페이지 언어
<META HTTP-EQUIV="Expire" CONTENT="-1">   : 캐쉬 완료(파기)시간 정의.
<META HTTP-EQUIV="Last-Modified" CONTENT="Sun,10 Apr 2009 10:20:10"> : 웹페이지의 최종수정일시를 말함.
<META HTTP-EQUIV='Cache-Control' CONTENT='no-cache'> :캐쉬콘트롤 함
<META HTTP-EQUIV='Pragma' CONTENT='no-cache'>   : 캐쉬를 잡지않음
<META HTTP-EQUIV="Imagetoolbar" content="no">   : 이미지의 마우스 오버시 관련 툴바정의.
<META HTTP-EQUIV="Refresh" ontent="URL=http://XXXX.net/XXX/sitemap.htm">  : 페이지의 이동
예:<META http-equiv="refresh" content="3; url=http://원하는 주소.net">
3초 후에 http://원하는 곳으로.net로 자동이동하게함.
<META HTTP-EQUIV="Page-Enter" content="RevealTrans(Duration=5/시간 초단위, Transition=21) ">  : 페이지 로딩시 트랜지션 효과(장면 전환 효과)
<META name="Subject" content="홈페이지의 주제목 입력">
<META name="Title" content="홈페이지의 이름 ">

<META name="description" content="웹페이지나 사이트의 설명문">
<META name="Keywords" content="웹페이지나 사이트의 주-키워드">
<META name="Author" content="웹페이지 만든사람">
<META name="Publisher" content="웹페이지의 만든단체나 회사">
<META name="Other Agent" content="관리자나 웹책임자">
<META name="Classification" content="기본 카테고리의 위치나 분류">
<META name="Generator" 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="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" />   : 이 문서도안되고, 링크도 안됨.

'컴퓨터/인터넷/네트웍/IT' 카테고리의 다른 글

파이어폭스에서 사라진글  (0) 2010.08.14
티스토리와 텍스트큐브  (4) 2010.07.20
초대장  (11) 2010.07.20
티스토리 초대장 배포 5개  (38) 2010.06.10
티스토리 초대장  (6) 2010.05.20
웹사이트 최적화의 첫걸음  (0) 2010.05.07
4월 초대장 방출 6매  (4) 2010.04.28
NEXT iPhone 은 지금 시험중?  (1) 2010.04.27
오페라 모바일 에뮬레이터.  (2) 2010.04.23
탑20 소시얼북마킹 리스트  (0) 2010.04.13
애드센스 공익광고  (0) 2010.03.06
Posted by 블로그에세이-BlogEssay Dramatique

댓글을 달아 주세요



티스토리 툴바