개요
로컬 환경에서 웹사이트를 개발하면서 Open Graph 메타 태그를 확인하고 싶으신가요? "Localhost Open Graph Debugger"는 바로 그런 기능을 제공하는 크롬 확장 기능입니다. 이 확장 기능을 사용하면 로컬로 호스팅되는 웹사이트의 Open Graph 메타 태그를 쉽게 확인할 수 있습니다. 특히, 이 확장 기능은 메타 태그를 임시로 호스팅하기 때문에, ngrok과 같은 로컬호스트 터널링 도구를 사용하지 않고도 메타 태그를 쉽게 확인할 수 있습니다.
이 확장 기능을 사용하면 개발 중인 웹사이트의 og:image와 같은 메타 태그 설정을 실시간으로 확인할 수 있어, 로컬 환경에서의 디버깅이 훨씬 편리해집니다.
사용 방법
- 크롬 웹스토어에서 "Localhost Open Graph Debugger"를 설치합니다.
- 로컬에서 실행 중인 웹사이트에 접속합니다.
- 확장 기능 아이콘을 클릭하여 Open Graph 메타 태그를 확인합니다.
- 이렇게 간단한 몇 단계만으로 로컬 환경에서의 메타 태그 설정을 확인할 수 있습니다. 웹 개발 중인 모든 개발자에게 추천하는 유용한 도구입니다!
예
로컬에서 기동한 웹 페이지에서 Localhost Open Graph Debugger 확장기능을 사용하면 아래와 같은 화면으로 이동할 수 있습니다.
위 화면에서 링크를 복사하거나, 트위터, 페이스북 개발자 페이지에서 OPG의 설정을 확인 할 수 있습니다.