티스토리 뷰

오픈그라프수정

 

네이버 웹마스터도구를 이용하여 최적화하는 방법에 대해서 계속 포스팅 하고 있는데요 이번시간에는 오픈그래프

제목과 설명을 넣는 방법에 대해서 알아보도록 하겠습니다. 오픈그래하면 생소하게 들리실텐데요. 내가만든

홈페이지에 소셜네트워크 서비스를 연동해서 마켓팅 플렛폼으로 활용하는기법을 말하는거에요~

 

콘텐츠관리

 

자그럼 이제 네이버 웹마스터도구로 들어가서 현황 - 사이트최적화 메뉴를 클릭하셔서 해당 페이지로 이동

하시게 되면 사이트 Open Graph 제목, 사이트 Open Graph 설명 두군데 X 표시가 되어 있는것을 알수 있습니다

그위에 사이트 설명이 아직 X 표시가 되어 있는데요 지난시간에 수정을 했는데 아직 적용이 안된듯합니다.

이것은 기다리면 체크표시로 바뀔테니 너무 염려하지 않으셔도 되구요 오픈그래프 제목과 설명을 넣어 보도록

하겠습니다.

 

 

오픈그래프가이드

 

동그라미안에 ?표 있는것을 클릭하시면 설명글이 뜨는데요 빨간 네모박스친 곳을 클릭하면 개선방법에 대해서

설명페이지로 이동하게 되는데요. 클릭을 해서 이동해도보록 하겠습니다.

 

 

 

가이드내용

 

요런페이지로 이동하게 됩니다. <head>태그안에 오픈그래프 내용을 메타태그안에 넣어주시면되구요

그 밑에 소셜미디어 같은 경우는 사용하는 소셜미디어를 넣어주면 되는데요. 현재 우리는 오픈그래프만

사용하기 때문에 위의것만 수정하도록 하겠습니다.

 


<meta property="og:type" content="website">
<meta property="og:title" content="명성만두전골 함흥냉면">
<meta property="og:description" content="대전맛집,송촌동맛집,명성만두전골,함흥냉면,미니족발,매운양념족발,수제만두,부추칼국수,만두육계장,만둣국 전문점">
<meta property="og:image" content="http://j3pr.woobi.co.kr/theme/noodle/img/logo.png">
<meta property="og:url" content="http://j3pr.woobi.co.kr">

요렇게 수정해주시면되는데요.

 

FTP로수정

 

 

FTP프로그램을 열어 웹사이트에 접속해주시구요 리모트 사이트를 해당 디렉토리로 변경시켜주시면 되는데요

저 같은경우는 그누보드5의 테마를 사용했기 때문에 테마디렉토리로 이동해서 head.sub.php파일을 선택해

주시면 되는데요 그누보드5가 아닐경우에는 <head>태그가 있는 파일을 수정해주시면 됩니다. 이제 오른쪽

마우스를 눌러서 보기/편집을 눌러서 에디터나 메모장을 열어주시면 됩니다.

 

 

에디터나 메모장이 열리면 <head>태그 밑에 메타태그들이 있는데요 그부분에 아까 수정한 내용을 붙혀넣고 저장

해주신다음에 FTP프로그램에서 확인을 누르시면 웹사이트에 적용이 됩니다.

 

 

확인

 

다시 웹마스터도구로 들어가서 현황 - 사이트 최적화 : 콘텐츠 관리 를 보게 되면 X 표시가 V표시로 바뀔텐데요

바로 안바뀌었다고 잘못했나 걱정은 하지마세요 적용이 아직 안되어서 그런것이니 늦으면 최장 일주일정도 걸리

기도 하니까요 느긋하게 기다리시면 적용이 될겁니다. 오늘은 오픈그래프에 대해서 알아보았는데요~이렇게

하나씩 최적화 하다보면 내사이트가 전체적으로 최적화 되어감을 알수있을겁니다.

댓글