Open Graph(오픈 그래프)

오픈 그래프의 목적은 웹페이지에 대한 정보를 담고 있는 메타데이터의 사용방식을 표준화하여

페이스북 내에서의 링크 공유 시 해당 웹페이지에 대한 정보를 특정 형식의 미리보기 형태로 제공해주는 기능을

모든 웹페이지에서 가능하게끔 하는 것이었고, 이후 트위터와 링크드인에서 이를 차용하여 더 나은 UX를 제공하는 데에 활용하고 있다.

그래프 태그는 og:titleog:urlog:imageog:image:altog:description 이런식으로 og가 붙는 특징이 있다.

위 이미지를 기준으로 다양한 플랫폼에서 미리보기를 테스트해본 결과, 어느 플랫폼에서든 알맞게 표시되는 이미지 크기는 1100x740였다.

프론트엔드 측면에서 웹 사이트 접근성 향상 시키기(Next13)

똑닥닷컴 SEO(a.k.a. 네이버 월 노출 수 1000만 달성기) | 비브로스 기술 블로그