본문 바로가기

돈버는공부/티스토리 연구

네이버 검색엔진 최적화 - html 마크업 하는법

티스토리 블로그 운영하시는 분들은 대부분 네이버 애널리틱스 또는 네이버 웹마스터도구 를 이용하실것 같습니다 물론 구글에서도 네이버와 같은 툴을 제공하고 있지만 어디까지나 네이버쪽이 보기가 더 쉽고 잘 구성되어 있다는 느낌이 드는것은 사실인것 같습니다 아무래도 티스토리 같은 경우 다음이나 구글보다는 네이버에서 노출되는 글이 많기 때문에 네이버에서 제공하는 정보에 귀를 기울이게 되는것 같은데요 그만큼 관련 정보에 대해서 잘 알아두시는 것이 좋습니다 이번에 알아볼 내용은 네이버 검색엔진 최적화 방법으로 html 마크업 방법에 대해서 알아보려 하는데요 아직 모르셨던 분들은 아래 방법을 잘 숙지하시고 따라해 주시면 되겠습니다







먼저 네이버 웹마스터도구 접속해보시면 그림과 같이 우측 상단에 웹서포트센터 버튼이 보이죠 네이버 검색엔진 최적화를 위해서는 먼저 네이버에서 제공해주는 도움말 가이드를 반드시 한번쯤은 읽어보시는 것이 좋습니다 물론 전문으로 블로그를 운영하시는 분들은 SEO 작업을 이용해서 블로그 최적화 하는데 관심들이 많이 있으실것 같습니다 이런 정보를 얻기 위해서는 다른 것보다는 우선적으로 틈틈히 시간을 내셔서 관련 팁들을 한번 보시는것을 추천드리는데요 바로 여기에 네이버에서 제공하고 있는 HTML 마크업 방법도 같이 제공해주고 있습니다




html 마크업 무엇인가?


대부분 html은 많이 들어보셨을 것입니다 쉽게 컴퓨터 언어라고 이해해주시면 되는데요 티스토리에서도 html편집을 할때 영어 코드를 넣게 되는데 컴퓨터는 이 html 언어를 통해서 웹페이지를 만들고 네이버 로봇은 이 언어코드들을 수집해서 우리에게 출력 해주는 것입니다 따라서 html을 어떻게 입력해 주는지에 따라서 검색엔진 로봇은 해당 사이트를 판단하게 되고 인지하게 되는데요 컴퓨터가 우리가 사용하는 블로그 정보를 수집할때 아무 설명도 해주지 않는 것보다는 이 블로그가 어떤 블로그인지 설명해주는 것이 컴퓨터가 이해하기 좋겠지요 바로 이것이 html 마크업을 하는 이유입니다


물론 해당 정보같은 경우 이미 네이버 웹마스터도구 설명에도 자세하게 나와있지만 그냥 지나치시거나 모르고 사용하시는 분들이 대부분입니다 익숙치 않으신 분들은 저와 함께 따라서 적용해보시면 블로그를 운영하는데 도움이 되실겁니다




가장 먼저 티스토리 html편집 창으로 이동해주셔야 하는데요 위 그림과 같이 tistory 블로그 스킨편집으로 들어가줍니다 



최근 티스토리 블로그가 업데이트 되면서 예전과는 다르게 따로 html편집 버튼을 눌러주셔야 들어갈 수 있게 되었습니다 





html편집창이 나오면 여기서 키보드 단축키로 Ctrl + F 키를 눌러서 <head> 항목을 찾아줍니다 




그러면 위 그림과 같이 <head> </head> 사이 부분에 태그를 적어주시면 되는데요 아래 적혀져 있는 양식을 이용해서 자신에게 맞게 수정하신 다음 붙여넣어 주시면 되겠습니다  


<title>내 사이트 이름</title>

<meta name="description" content="내 사이트 설명">

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

<meta property="og:title" content="내 사이트 이름">

<meta property="oog:description" content="내 사이트 설명">

<meta property="og:image" content="내 사이트 대표이미지">

<meta property="og:url" content="내 사이트 주소">


1. 간단하게 설명을 드리자면 <title>태그 같은 경우 자신의 사이트를 대표하는 이름으로 자신의 블로그 이름을 입력해주시면 되겠습니다 물론 이름을 정하실때에는 금지어는 물론이고 중복되지 않는 이름으로 사용하시는 것이 좋겠죠


2. 다음으로 <description>태그는 사이트를 간단히 설명해주는 태그입니다 이것 역시 최대한 간단하고 자신의 블로그를 명확하게 설명해주시는 것이 좋고 중복된 단어가 없도록 해주세요


3. og태그 같은 경우 소셜미디어 공유 시 가장 먼저 활용되는 정보인만큼 위에서 작성했던 정보랑 동일하게 입력해 주시면 되겠습니다 여기서 내 사이트 대표이미지 같은 경우 있으시면 넣고 없으시다면 넣지 않아도 상관은 없는데요 맨 아래 url태그 같은 경우 소셜미디어에 공유하실때 따로 알리고 싶은 페이지 또는 사이트가 있으실 경우 해당 주소를 넣어 주시면 되겠습니다



이렇게 html 마크업 작업을 해주시면 네이버 검색엔진 에서도 자신의 블로그 이름만 입력하셔도 나오게 하실 수 있는데요 물론 해당 설명을 하지 않으셔도 상관은 없겠지만 어디까지나 수집을 하기 쉽게 만드는 작업이다보니 최적화를 진행해 주시려는 분들은 꼭 이용해 보시는 것을 추천드립니다