검색유입에 도움이 되는 메타태그 활용하기

검색유입에 도움이 되는 메타태그 활용하기

● 딸기아빠 블로그의 META TAG

메타태그의 용도가 검색봇이 컨텐츠를 분석하는데 사용됩니다.

티스토리의 경우는 메타태그를 HTML/CSS 스킨에 넣지 않아도 기본적인 메타태그는 자동으로 포함되어서 출력됩니다.

<meta name="content-language" content="kr" />

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<meta http-equiv="Cache-Control" content="No-Cache" />

<meta http-equiv="Expires" content="-1">

<meta http-equiv="X-UA-Compatible" content="IE=edge">

<meta name="viewport" content="user-scalable=no,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,width=device-width,target-densitydpi=device-dpi">

<meta name="google-site-verification" content="구글웹마스터툴의 키" />

<meta name="naver-site-verification" content="네이버웹마스터툴의 키"/>

<meta name="robots" content="ALL">

<meta name="author" content="영은파더♥">

<meta name="keywords" content="맛집 여행 캠핑 일상 생활, 검색유입에 도움이 되는 메타태그 활용하기">

<meta name="description" content="딸기아빠의 블로그 설명">

<meta property="og:type" content="website">

<meta property="og:title" content="딸기아빠의 블로그">

<meta property="og:description" content="딸기아빠의 블로그 설명">

<meta property="og:image" content="대표아이콘 url">

<meta property="og:url" content="http://itrooms.tistory.com">

open graph는 티스토리에서 자동으로 생성해주더군요.

description 속성도 자동으로 생성이 되니깐 안 넣어주셔도 됩니다.

keywords 속성은 구글이나 네이버는 검색엔진최적화(SEO) 에 도움이 안되는 것 같습니다. 하지만 다른 검색봇에서는 필요할 수도 있습니다.

▶ robots (robots.txt 에서도 할 수 있지만 메타태그에서도 가능)

<meta name="robots" content="ALL"> 모든 검색봇에 모두허용

<meta name="googlebot" content="noindex"> 구글봇은 현재 문서수집 불가능

<meta name="robots" content="index,follow"> 모든 검색봇에 현재 문서수집 가능, 링크수집 가능

<meta name="robots" content="noindex,follow"> 모든 검색봇에 현재 문서수집 불가능, 링크수집 가능

<meta name="robots" content="index,nofollow"> 모든 검색봇에 현재 문서수집 가능, 링크수집 불가능

<meta name="robots" content="noindex,nofollow"> 모든 검색봇에 현재 문서수집 불가능, 링크수집 불가능

▶ author 속성

<meta name="author" content="작성자">

티스토리 스킨이라면 치환자 영은파더♥ 를 넣어주면 됩니다.

▶ keywords 속성

<meta name="keywords" content="검색 키워드"> 검색 키워드를 content 안에 넣으면 됨

티스토리 스킨이라면 치환자 검색유입에 도움이 되는 메타태그 활용하기 이 부분을 넣어주면 됩니다.

그런데 keywords 속성이 구글이나 네이버는 의미가 없는듯 하여 패스하셔도 무방할 듯 싶네요.

▶ description 속성

<meta name="description" content=""> 사이트 설명을 적으면 됨

티스토리라면 자동으로 생성이 됩니다. 따로 스킨에 넣어줄 필요 없습니다.

▶ viewport 속성 (반응형 웹 설정시 사용되며, 모바일에서 접속시 설정 옵션입니다.)

user-scalable

- yes : 사용자가 화면을 확대 및 축소를 할 수가 있음.

- no : 사용자가 화면을 확대 및 축소를 할 수가 없음.

initial-scale

ex) 1.0 : 배수 1로 보여짐

maximum-scale

ex)1.0 : 최대 확대 가능한 배수

minimum-scale

ex)1.0 : 축소 가능한 배수

width

device-width : 디바이스의 width

320, 360 이 대부분임.

target-densitydpi 옵션

- device-dpi : 디바이스 설정을 따름.

- low-dpi : 120dpi

- medium-dpi : 160dpi

- high-dpi : 240dpi

위의 메타태그들을 적절히 수정하여 관리자 페이지 HTML/CSS 편집 메뉴에서 추가해주면 됩니다.