쉽고 간편한 메타태그 알아보기
홈페이지를 네이버 다음 구글 빙 등 웹마스터 도구에
등록하고자 하실 때 기본적으로 요구되는 부분이 바로
메타태그 정보들인데요.
기존에 홈페이지 SEO 최적화에 대해서 아시는 분들이라면
다들 기본적으로 알고 계시는 정보들이겠지만 초보
분들에게는 복잡한 용어일 거예요.
오늘 이 시간에는 메타태그를 어떻게 작성해야 하는지에
대해서 알아보도록 하겠습니다.
메타태그가 뭐야?
메타태그는 각 포털사이트 검색 로봇들이 기본적으로 읽는
로봇 언어라 생각하시면 빠르게 이해되실 거 같아요.
크롬 브라우저 또는 파이어폭스 네이버 웨일 브라우저를
이용하시는 분이시라면 홈페이지에다 우측 마우스를 눌러
페이지 소스 정보를 선택하시면 HTML로 이루어진
페이지 소스를 보실 수 있는데 그중 최상단에
<head>와 </head> 사이에 meta로 시작하는 언어들이
보이실 거예요.
검색 로봇들은 이 언어들을 읽고서 해당 홈페이지가 또는
해당 콘텐츠가 어떤 제목인지 등을 이해하고 해당
메타태그 정보들을 바탕으로 포털사이트에 색인 생성을
해주게 됩니다.
그래서 어떻게 웹마스터도구에 등록 하는데?
성격 급하신 분들이 계실듯해 바로 본론으로 들어가
메타태그는 아래 태그들을 참고해 주시기 바랍니다.
<title>사이트 제목</title>
<meta name="description" content="사이트 소개 문구를 적는곳">
<meta name="keywords" content="관계된 키워드를 컴마로 구분 예) 홈페이지,홈페이지제작">
<link rel="canonical" href="http 또는 https 포함 홈페이지 주소를 적는곳" />
<!-- sns OpenGraph tag -->
<meta property="og:type" content="website 또는 blog 로 표현" />
<meta property="og:site_name" content="사이트 이름 적는곳" />
<meta property="og:title" content="사이트 이름 적는곳"/>
<meta property="og:description" content="사이트 소개 문구를 적는곳" />
<meta property="og:image" content="대표 이미지 경로 주소 적는곳 파일형식 포함"/>
<meta property="og:url" content="대표홈페이지 주소 적는곳"/>
<meta name="twitter:card" content="summary" />
<meta name="twitter:description" content="사이트 소개 문구를 적는곳">
<meta name="twitter:title" content="사이트 제목" />
위 내용보다 다양한 메타태그가 존재합니다.
하지만, 일부러 다 적을 필요 없이 위에 있는 것들만
적으셔도 웹마스터도구 등록하는데 무방합니다.
위 태그들은 홈페이지 메인 index.html 파일
또는 index.php 파일 최상단에 <head>와 </head>
사이에 메타태그들을 넣어 주시면 됩니다.
만약 홈페이지 관리자 페이지에서 사이트 제목
그리고 사이트 설명 문구 등 홈페이지 정보들을
넣을 수 있는 기능을 제공한다면 sns opengraph tag
윗부분들은 넣지 않으셔도 됩니다.
다만 OG 태그는 필수로 들어가야 하는 태그이기에
관리자 페이지에서 설정 후 적용하시고 페이지 소스
보기로 OG 태그가 지원되는지 확인해보셔야 합니다.
OG 태그는 무엇인가요?
우리가 흔히 카톡이나 트위터 페이스북 블로그 등에
링크를 걸게되면 미리 보기가 지원되는 SNS 의 경우
사이트 대표 이미지와 사이트 제목 사이트 주소
그리고 사이트 설명 문구가 보여지게
해주는 역활을 합니다.
만약 콘텐츠 게시물을 링크 했다면 게시물 제목과
게시물에 올린 이미지 1개 그리고 링크
글 내용 일부가 보여지게 됩니다.
끝으로…
웹마스터 도구를 등록한 후 또 다른 중요한
부분이 있다면 게시물을 작성하거나 페이지를
생성했을 때 또는 카테고리마다 그 고유의 메타태그가
자동으로 생성되거나 만들어줘야 합니다.
만약, 콘텐츠마다 고유의 메타태그가 없다면
어떤 게시물을 작성하더라도 홈페이지 메인 <head>와
</head> 사이의 내용들로 자동 인식해 모든 게시물이
중복으로 인식하게 되며 이는 SEO에 악영향을 끼치게
되는 부분이니 꼭 이 부분에 대해서 해결을 하시거나
자동으로 지원되는 기능을 구현하셔야 합니다.
워드프레스의 경우는 SEO 관련 플러그인을 설치하면
해결이 되며 그누보드5는 자동으로
메타태그가 생성이 됩니다.
XE 또한 자동 생성으로 알고 있습니다.