본문 바로가기

기타 투자/블로그로 돈벌기

티스토리 블로그 최적화 작업3. 메타태그 입력 방법


티스토리 블로그 최적화 작업 #3. 메타태그 입력 방법


요즘 저는 계속 검색엔진에 최적화하기 위한 방법을 꾸준하게 연구하고 있습니다. 검색엔진을 특정하기 보단 네이버에 최적화된 블로그를 만들기 위해서 이것저것 다 해보고 있는 중이지요. 소스가 계속 바뀌어서 저품질이 되는게 아닌지는 모르겠지만 일단 지금까지 네이버 유입이 없어서 그러거나 말거나 입니다.


메타태그<head></head> 사이에 들어가는 정보로 브라우저와 검색 엔진에서 사용할 수 있도록 문서의 정보를 포함하고 제공해주는 역할을 합니다. 그렇기 때문에 검색 엔진이 내 블로그의 키워드가 머고 소유자가 누구고 제목이 머고 하는 등등의 정보를 여기서 얻어가게 되는 것이지요


티스토리 블로그에 메타태그를 입력해보자티스토리 블로그에 메타태그를 입력해보자



글만 열심히 고품질의 글을 쓰면 되겠거니 했더만 티스토리는 이래저래 신경을 써줘야하는게 많네요. 일단은 아래와 같이 없는거보다 있는게 낫겠다 싶어서 확인할 수 있는 메타태그는 모두 넣어준 상태입니다. 


<찌쏘 블로그의 메타태그 입력현황>

<meta name="robots" content="All"/>

<meta name="robots" content="index,follow"/> 

<meta name="keywords" content="주식투자수익,차트분석,관심종목,단타매매,증시현황,조건검색식,주식기초,매수매도"/>

<meta name="Subject" content="[##_title_##]"/>

<meta name="description" Content="[##_desc_##]" />

<meta name="author" content="[##_blogger_##]"/>

<meta name="writer" content="[##_blogger_##]"/>

<meta name="copyright" content="[##_blogger_##]"/>

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

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

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

 ※ 퍼가실수 있게 하면 좋은데.. 마크업을 어떻게 적용하는지 몰라서 죄송합니다. ㅠㅠ


이게 맞게 넣은건지는 모르겠지만.. 일단 검색엔진이 다양한 정보를 취할 수 있을테니 다다익선이라고 생각하고 넣었습니다. 



<meta name="robots" content="index,follow"/> 


이 부분은 검색로봇이 제 블로그에 들어오는 접근을 제어할 수 있는 태그입니다. noindex를 사용하면 해당 페이지가 검색결과에서 제외가되고, nofollow를 사용하면 제 페이지내에 걸려있는 링크를 수집하지 않는 설정입니다. 위에 제가 적어놓은 것처럼 기본적으로 index, follow를 사용하니 참고하시면 될 것 같습니다. 



검색엔진 최적화를 위해 메타태그를 설정하자



<meta name="keywords" content="주식투자수익,차트분석,관심종목,단타매매,증시현황,조건검색식,주식기초,매수매도"/>

<meta name="Subject" content="[##_title_##]"/>

<meta name="description" Content="[##_desc_##]" />

<meta name="author" content="[##_blogger_##]"/>

<meta name="writer" content="[##_blogger_##]"/>

<meta name="copyright" content="[##_blogger_##]"/>


다음은 제 블로그의 키워드 제목, 설명, 작성자, 저자, 저작권자 등을 설정하는 메타태그 입니다. 키워드는 제 블로그를 대표할수 있는 키워드들이 무엇이 있을지 생각해서 몇개의 단어를 집어넣어보았습니다. 


나머지부분에는 티스토리에서 제공하는 치환자(치환자 보러가기)를 사용해서 작성을 하였는데요. 해당 링크를 참고하시면 다양한 치환자들이 존재하는데 알맞은 걸로 선택하셔서 사용하시면 됩니다. 



네이버 웹마스터도구는 웹페이지 최적화로 오픈그래프(Open Graph)를 검토한다네이버 웹마스터도구는 웹페이지 최적화로 오픈그래프(Open Graph)를 검토한다



그 다음이 바로 오픈그래프입니다. 이 코드를 넣었다 뺐다 하고 있는데요 오픈그래프사이트가 소셜 미디어로 공유될 때 우선적으로 활용되는 정보입니다. 


메타태그나 도찐개찐인거 같은데요. 제가 넣었다가 뺐다가 한이유는 바로 티스토리가 기본적으로 오픈그래프를 제공하고 있는 것같아서 입니다. 어디도 설명이 나와있는데 찾기도 힘들고 하다가 코코소프트 님의 글을 보고 제외시키기로 했습니다. 



포스팅을 인터넷익스플로에서 F12를 누르면 소스코드를 볼 수 있다.포스팅을 인터넷익스플로에서 F12를 누르면 소스코드를 볼 수 있다.



티스토리에서 기본적으로 오픈그래프 정보를 제공한다


위에 보시는 붉은색 표시가 인터넷익스플로에서 F12를 눌러서 제 포스팅의 소스코드를 본 화면인데요. 보시는 것처럼 오픈그래프가 소스코드에 떡하니 붙어있습니다. 


네이버 웹마스터도구에서 요구하는 수준으로 잘 나오고 있는 것같아서 과감하게 넣지 않기로 했습니다. 굳이 적용을 하시고 싶으시다면, 네이버웹마스터 도구에 웹 표준 HTML 마크업 가이드(웹 표준 HTML 마크업 가이드 바로 가기)를 보시면 소스코드를 복사하여 쉽게 적용하실 수가 있습니다. 



네이버 웹 표준 HTML 마크업 가이드의 표준설정 화면네이버 웹 표준 HTML 마크업 가이드의 표준설정 화면



참 별짓을 다하면서 블로그를 운영하고 있는 것 같습니다. 네이버의 독점적 지위로 네이버 블로거들은 그냥 글만쓰면되는데.. 티스토리 블로그를 운영한다는 죄로 이런 복잡한 과정들을 하나하나 신경써야하다니.... 티스토리 선택해서 운영한 죄죠머;;;;;



반응형


Visitor : 2,160,707
POWERED/DESIGN/COPYRIGHTⓒ BY JJISSO