본문 바로가기
  • 휴식같은 여행으로의 초대 ♪♩♬~
요리.IT.일상 이야기

네이버 웹마스터도구 웹페이지 최적화 앱링크문제 해결

by 휴식같은 친구 2018. 5. 13.
반응형

네이버 웹마스터도구 웹페이지 최적화 앱링크문제 해결

 

 

티스토리 블로그를 운영하다보니 검색에 신경을 많이 쓰게 되는데요.

제 티스토리블로그의 블로그 유입순위를 보면 다음이 70% 정도, 네이버가 15% 정도, 그리고 구글이 8% 내외를 차지합니다.

 

네이버 검색이 전체 포털 중 73%를 차지하는데 비해 제 블로그는 반대로 다음검색이 70%를 넘고 있습니다.

 

티스토리 블로그가 다음에서 운영하고, 네이버 블로그가 아니라는 한계가 있기 때문이지만 차이가 너무 많아 조금이라도 네이버검색 유입을 늘려보려고 네이버웹마스터도구를 기웃거리게 되네요.

 

그래서 최근에는 굳이 하지 않아도 되는 네이버 웹마스터도구의 사이트 최적화, 사이트 내 링크구조개선에 대해서 포스팅을 했는데요.

 

네이버 웹마스터도구 사이트최적화 '사이트내 링크구조개선' 방법

 

이번에는 웹페이지 최적화 앱링크문제 해결에 대해서 알아 봤습니다.

 

앱링크문제

네이버 웹마스터도구검증메뉴에서 세번째 메뉴인 '웹페이지 최적화'를 클릭해서 들어갑니다.

웹페이지 최적화에서 본인의 포스트 한 개를 적어서 확인을 클릭합니다.

 

대부분 녹색 체크(V)박스가 나와 있어 정상입니다.

 

앱링크문제_2

검색로봇수집, 콘텐츠, 링크 등은 모두 정상, 

그런데 '모바일 사용성의 앱링크'만 빨간색으로 'X표시가 되어 있습니다. 

 

 

앱링크란 무엇일까요?

스마트폰이 등장한 이후부터 웹보다는 모바일이 대세로 자리매김 했지만 웹의 하이퍼링크와 같이 앱은 연결되지 않는다고 합니다.

 

보통 모바일에서 공유된 링크를 누르면 앱이 설치되어 있는데도 불구하고 해당 앱으로 가는 것이 아니라 모바일웹으로 가는 현상을 경험한 적이 있을 것입니다.

 

앱링크는 이런 현상을 방지하고 해당 링크의 앱으로 바로 연결되게 하는 기능이라고 보면 될것 같습니다.

앱으로 연결될 일이 업는 포스트는 상관이 없지만 혹시나 있는 경우를 대비해서 일단 앱링크문제를 해결해 두기로 했습니다.

 

'웹페이지와 연동되는 모바일 웹링크가 존재합니다' 라는 문구가 있습니다.

앱링크의 '?'를 클릭했습니다.

 

앱링크문제_3

'HTML 문서와 연결되는 모바일 앱 링크입니다. 

자세한 내용은 웹표준 HTML 마크업 가이드를 참고하세요.'

 

참고하라는 부분의 밑줄을 클릭합니다.

 

앱링크문제_4

'모바일 앱연결' 부분에는 뭔지 모르지만 <meta>태그가 7줄 적혀 있습니다.

한마디로 웹문서 콘텐츠가 모바일 앱으로 제공한다면 앱링크정보를 넣어달라는 말입니다.

 

그래서 <HEAD>와 </HEAD> 태그만 뺀 7줄을 일단 복사합니다.

 

웹페이지 최적화

그리고 티스토리블로그 블로그관리에서 '꾸미기 - 스킨편집'을 클릭해서 들어갑니다.

 

웹페이지 최적화_2

그리고 화면처럼 우측상단의 'html 편집'을 클릭합니다.

 

웹페이지 최적화_3

그러면 복잡한 HTML 코딩이 나옵니다.

위 사진처럼 <HEAD>와 </HEAD> 사이의 적당한 곳에 복사한 <META>태그를 붙여넣기(복사) 합니다.

 

그리고 마지막으로 '저장'을 클릭합니다.

이 부분만 채워지면 웹페이지최적화 앱링크문제가 모든 페이지에 대해서 완전히 해결됩니다.

 

웹페이지 최적화_4

다시 네이버 웹마스터도구의 검증 - 웹페이지 최적화 - 모바일 사용성 - 앱링크를 확인해 보면  녹색 체크(V)박스가 나타난 걸 확인할 수 있습니다.

 

일단 빨간색 경고는 일단 찜찜하잖아요.

녹색으로 바꾸어 놓으니 안심이 됩니다..ㅎㅎ

 

이상으로 네이버 웹마스터도구에서 웹페이지 최적화, 앱링크문제를 해경하는 내용이었습니다.

감사합니다.

 

 

반응형

댓글