ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • 스킨변경 후 6 네이버 서치어드바이저 관련 작업
    티스토리 만들기 2021. 6. 5. 11:47
    반응형

    안녕하세요 블루이드 입니다.

     

    티스토리 만들기 란 카테고리 안에서 별도로 하나 서브카테고리를 빼야할지도 모르겠네요. 스킨변경해서 진행하는 과정이 꽤 진행이 되었습니다. 예전에 샵1 만들면서 올렸던 내용과 유사하긴 하지만, 업데이트 된 내용들이 있기도 하고 약간씩 차이가 있는 부분들이 있어서 업데이트를 하려고 합니다.

    관련 과거 포스팅의 링크는 아래에 연결해놓도록 하겠습니다. 기본 개념 등은 아래 포스팅을 참고 해주시면 될 것 같습니다.

    검색엔진 최적화 작업

    이번에는 네이버만...

     

    서치 어드바이저는 말 그대로 네이버에서 제공하는 진단툴입니다. 무엇을 진단하는가 하면, 너의 사이트가 네이버 검색엔진에 잘 검색이 될지 안될지 진단하고, 등록하고 해주는 도구 입니다.

     

    일단 윗 글에서 보셨듯이 예~~전에 등록을 해놓았고, 사이트 진단 결과는 짜잔 무려 상위 1%.

     

    그래서 그냥 다들 잘 있는지 확인하고 가려고 했으나 눈에 거슬리는 것을 발견했습니다.

     

    링크관리의 느낌표는 연결이 끊겨있는 링크도 있고, 짐작가는 부분들이 있어서 그러려니 하겠는데, HTML 구조와 모바일 사용성 부분은 뭔가 조치가 필요할 것 같습니다.

     

    왜냐하면, HTML 구조는 왠지 전체글 모드가 아닌 각 카테고리 모드에서 애드센스 광고가 노출되지 않는 이슈와 관계있는것은 아닐까? 라는 느낌이 있고, 모바일 사용성의 경우 반응형 웹사이트 인데 아니라고 써있어서 입니다.

     

    각 항목에 대한 설명과 적용 예제 등은 아래 링크에서 확인하실 수 있습니다.

     

    네이버 서치어드바이저 바로가기

     

    모바일 사용성 개선

    다른건 잘 모르겠고, letter 스킨의 관리자페이지 - 꾸미기 - 스킨편집 - html 편집으로 들어가셔서 아래 처럼 "헤드"와 "/헤드" 사이에서 아래와 같은 줄을 찾습니다. 

     

    initial-scale=1 요렇게 되어있는 부분을 1.0 으로 변경해주십니다. 큰의미는 없을지 모르겠지만 옆이랑 옆옆에는 1.0으로 되어있으니 규격을 맞춰줍니다. ;;

     

    <head>
    
    <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0" />
    
    
    </head>

     

    HTML 구조 개선 방법

    이부분이 좀 난해한데, 일단 아래와 같은 작업을 진행했습니다.

    1. 과거 티스토리 사이트맵이 제공되지 않을 때 sitemap을 수동 제작하여 비공개로 등록해놓은 포스팅 삭제
      → 예전에 사이트맵 제작하는 외부 사이트에서 sitemap.xlm을 제작해서 블로그에 등록한 적이 있습니다.
          이 사이트맵을 당시에 등록할 방법이 없었는데, 비공개 포스팅에 첨부파일로 올리는 방법이었습니다.
    2. 사이트 관련 메타 추가 (아래 코드 부분 참조)
    3. 연관채널 링크 수정
      → 연관채널은 블로그/사이트 운영자가 운영하는 SNS를 등록하는 컨셉입니다.
          최초에는 등록하고, 유효성 검사를 했었는데 유효성 검사와 등록방법은 없어졌더라구요.
          그래도 혹시나 하는 마음에 태그틑 아래처럼 삽입해두었습니다.
    <head>
    2. 오픈그래프 등록용 메타 추가
    <meta name="keywords" content="blueid,IT,life,intuition">
    <meta name="author" content="Blueid">
    
    
    3. 연관채널 정보 등록용 메타 추가
    <!-- 네이버 채널 등록 메타태그 길게 추가 -->
    	<span itemscope="" itemtype="http://schema.org/Organization">
     <link itemprop="url" href="http://blueidblues.tistory.com">
    <a itemprop="sameAs" href=https:///www.facebook.com/페북ID></a>
    <a itemprop="sameAs" href=https:///www.facebook.com/페북페이지ID></a>
    <a itemprop="sameAs" href=https://twitter.com/트윗ID></a>
    <a itemprop="sameAs" href=https://www.instagram.com/인스타ID></a>
    <a itemprop="sameAs" href=https://www.youtube.com/channel/유튭채널ID></a>
    <a itemprop="sameAs" href=https://story.kakao.com/카스ID></a>
    <a itemprop="sameAs" href="https://www.pinterest.co.kr/핀터레스트ID"></a>
    	</span>
    <!-- 네이버 채널 등록 메타태그 길게 추가 끝-->
    
    
    </head>

    서치어드바이저 내에도 해당 코드는 유지해달라는 언급이 있네요. 단, 등록은 하지만 노출해줄지 말지는 네이버에서 결정한다고 합니다.;;

    이 내용이 다시 반영이 되려면, 1~2주 정도 걸려야 할 것 같습니다.

     

    그럼 다른 포스팅거리를 찾아서 다시 고고~!

    반응형

    댓글