카테고리 없음

페이스북의 디버거(debugger)는 어떻게 만들까요?캐시빼기/ogp확인

DKel 2022. 8. 14. 03:05
반응형
페이스북의 디버거(debugger)란?
여러분 페이스북 디버거는 사용해보셨나요?

IT기업에 다니시면서 엔지니어나 마케팅 직종에 종사하시는 분들은 업무상으로 필요해서 사용할 기회가 생길 것 같습니다.
페이스북 디버거는 페이스북 사이트나 메신저에서 특정 사이트가 공유되었을 때 어떤 정보(이미지, 제목, 설명문 등)가 표시되는지 테스트하기 위한 도구입니다.

이번 시간에는 페이스북 디버거 사용법에 대해 소개하겠습니다.
페이스북의 디버거(debugger) 사용법
페이스북의 디버거(debugger)의 사용법은 매우 간단합니다.

아래 URL에 접속하여 원하는 사이트의 URL을 입력하고 디버깅 버튼을 누르기만 하면 됩니다.
페이스북 디버거
디버깅 결과를 보는 방법
트위터나 페이스북 등의 SNS에서는 ogp(Open Graph protocol)라고 하는 그 사이트의 제목이나 URL, 개요 등을 head 태그 내에 매립하여 SNS에서 공유되었을 때 그 정보를 바탕으로 공유되는 구조가 있습니다.
수정이 필요한 문제
ogp 설정에서 문제가 있는 경우 이와 같이 ′수정이 필요한 문제′로 경고가 표시됩니다.

사이트를 운영하고 있는 분은 이 경고가 사라지도록 적절한 ogp 설정을 실시합니다.
스크레이핑
디버깅을 실행하면 페이스북 크롤러가 지정한 URL에 접속할 수 있습니다.그 때의 시간이 표시되어 있습니다만, ′다시 스크레이핑′ 버튼을 누르면, 재차 크롤러를 날릴 수 있습니다.
여기에서는 크롤러가 취득한 리스폰스 코드, 커노니컬 URL 등이 표시되어 마지막으로 공유했을 때 표시되는 프리뷰를 확인할 수 있습니다.
Open Graph 객체 디버거
또한 보다 자세한 ogp 설정 확인은 아래 URL의 다른 디버거에서 확인할 수 있습니다.
(사용법은 상기의 디버거와 같으며 URL을 입력하기만 하면 됩니다)
Open Graph 객체 디버거
이럴 때 페이스북 디버거를 사용하자!
ogp 설정을 확인하고 싶을 때
자사 사이트가 페이스북이나 메신저로 제대로 공유되고 있는가?쉐어되었을 때의 표시 방법은? 화상은 제대로 나와 있어?등을 확인하고 싶을 때 이용합니다.

ogp 설정을 제대로 하면 기대만큼 점유율이 표시되는 방식이 될 것 같으니, 잘 점유율이 안 되신 분들은 디버거를 사용해서 한 번 ogp 설정을 확인해 보겠습니다.
쉐어등의 캐시를 줄이고 싶을 때
디버거에 URL을 입력하고 크롤러로 오도록 함으로써 페이스북에 한번 캐시된 ogp 정보와 공유되었을 때의 표시를 최신 정보로 갱신할 수 있습니다.

캐시가 업데이트되지 않으면 Open Graph 오브젝트 디버거의 ′새로운 스크래핑 정보 가져오기′를 시도해 ogp와 표시 결과가 최신 정보로 나타나는지 확인합니다.
정리
어떠셨는지요?페이스북을 이용한 마케팅은 SNS가 이렇게 유행하는 시대에는 필수적인 도구가 되고 있습니다.사이트를 새로 만들 때에도 페이스북이나 트위터의 ogp 설정은 잊어버리기 쉬우므로 다시 한번 내 사이트의 ogp 설정을 페이스북 디버거를 통해 확인해봅시다!
반응형