본문으로 바로가기
728x90
반응형
SMALL

안녕하세요.

 

티스토리 블로그를 운영하다보면 자연스럽게 네이버 웹마스터 도구와 구글 서치 콘솔을 이용하시게 될 것인데요.

 

구글은 딱히 신경쓰이는 것이 없는데 네이버에서 신경쓰이는 부분이 한가지 있습니다.

 

바로 아래 사진과 같이 HTML 구조에 X 표가 되어 있는 경우를 볼 수 있습니다.

 

사이트 구조 개선
사이트 구조 개선

 

 

저도 꽤 오랜시간 저것이 해결되지 않고 지금까지 저렇게 되어있었고 이를 해결하기 위해 웹마스터 가이드를 한번 찬찬히 살펴보겠습니다.

 

내용을 하나씩 찬찬히 살펴보도록 하겠습니다.

 

사이트 구조 문제
사이트 구조 문제

 

먼저 메타 속성을 줘야 합니다. 저는 예전에 다 설정을 해놨었는데 스킨을 변경하면서 재등록하는 것을 깜빡했고 그 것이 원인 이 되었던 것 같습니다.....

 

메타 속성을 주는 것을 한번 해 보도록 하겠습니다.

 

티스토리 관리 > 스킨 편집 > html 편집으로 이동해서 <head></head> 안을 살펴봅니다.

 

아래 내용이 없다면 복사해서 넣어줍니다.

 

<meta charset="utf-8">

 

그리고 위 내용을 보면 meta description 이 없으면 안된다고 합니다. 꼭 필요한 내용이고 저는 이 부분이 스킨을 변경하면서 누락되었기 때문에 넣어 줬습니다.

 

메타 속성을 넣기 위한 방법은 두가지 방법이 있습니다.

 

 

1. html 편집기에 직접 넣는 방법

html 편집에서 <head></head> 사이에 다음 내용을 직접 적어서 붙여넣기 하시면 됩니다.

키워드는 쉼표로 구분해서 쭉 적어주시면 됩니다.

 

<meta name="description" content="블로그 설명">
<meta name="keywords" content="블로그 키워드">

 

 

2. 티스토리의 플러그인을 이용하는 방법

 

다음은 플러그인을 이용해서 넣는 방법입니다. 이 방법으로 네이버 웹마스터 도구 메타 정보도 넣어주시면 됩니다.

이 방법이 좋은 점은 스킨을 변경하거나 해서 메타 속성이 실수로 누락되는 것을 방지해 줄 수 있습니다.

 

먼저 관리페이지 > 플러그인 > 메타태그 등록을 선택해줍니다.

 

티스토리 플러그인
티스토리 플러그인

플러그인 메타태그
플러그인 메타태그

 

 

그 다음 메타를 입력해주시면 됩니다.

 

메타태그 등록
메타태그 등록

 

위와 같이 적어주시면 되는데 naver-site-verification 에는 네이버 소유권 등록하실 때 복사하신 코드안의 내용을 적으시면 됩니다.

구글도 위와같이 추가하시면 되지만 혹시 구글 서치 콘솔 플러그인을 사용하시는 분들은 위에 적으면 중복이 되게 되니 둘 중 하나만 적고 사용하시면 됩니다.

 

소유권 등록 및 서치콘솔 이용 방법은 아래 포스팅을 참고하시면 됩니다.

 

2020/09/18 - [라이프/잡동사니] - 티스토리 블로그 구글에 검색 노출 시키기 - ① 구글 웹마스터도구

2020/09/18 - [라이프/잡동사니] - 티스토리 블로그 구글에 검색 노출 시키기 - ② RSS 및 사이트맵 등록

 

 

2020/10/06 - [라이프/잡동사니] - 티스토리 블로그 네이버에 노출시키기 (웹마스터도구)

 

 

 

 

그리고 아래 내용을 더 확인해보면 frame 태그를 사용하지 말라고 하고, <body></body> 안에 <title>이 없어야 된다고 합니다.

해당 내용은 직접 확인을 해 보셔야 하는데, 가장 쉽고 직관적인 방법은 직접 소스보기에서 찾아보는 것입니다.

 

앵커 텍스트
앵커 텍스트

 

 

먼저 본인의 게시글 하나를 열어봅니다.

그리고 글 내부에서 우클릭 후 페이지 소스보기를 눌러줍니다.

 

페이지 소스 보기
페이지 소스 보기

 

 

 

아래와 같이 복잡한 페이지가 나오게 되는데 여기에서 윈도우는 ctrl + F, 맥은 cmd + F 를 이용해서 검색을 할 수 있습니다.

 

페이지 소스 보기
페이지 소스 보기

 

<frame<title>

 

을 검색해서 존재하는지, 그리고 <title> 태그가 <body> 안에 있는지 한번 검색을 해 봅니다.

 

눈이 아프고 머리가 어지러우시겠지만 잘 보다보면 확인하실 수 있을 것입니다.

 

 

 

 

그 다음은 앵커 텍스트와 alt 속성인데 앵커 텍스트는 웬만하면 따로 설정하지 않는 한 문제가 없을 것입니다.

 

문제는 alt 속성인데... 이는 이미지를 업로드 할 때 일일이 설정을 해 주셔야 합니다.

 

이미지에 alt 속성을 입력하는 부분은 추후에 따로 다뤄 보도록 하겠습니다.

 

앵커 텍스트 문제
앵커 텍스트 문제

 

이상으로 포스팅을 마치겠습니다.

 

감사합니다.

 

728x90
반응형
LIST