메타데이터 최적화

URL을 처음 공유하거나 좋아요를 설정하면 Facebook 크롤러에서 분석된 표준 URL과 해당 메타데이터를 캐시합니다. 이 캐시의 결과를 보거나 공유 디버거로 다시 스크랩할 수 있습니다.

크롤러에는 오픈 그래프 메타 태그만 제공하고 일반 사용자에게는 콘텐츠 자체만 제공하는 방법으로 콘텐츠를 최적화할 수 있습니다. 또는 크롤러가 <link rel="opengraph" href="..."/>를 사용하는 메타데이터에만 사용되는 개별 페이지를 가리키도록 선택할 수 있습니다.

포인터로 대형 개체 처리

콘텐츠에 대량의 메타데이터가 있으면 두 개의 개별 URL에서 메타데이터와 콘텐츠를 제공하고 포인터로 두 페이지를 링크하여 성능을 향상시킬 수 있습니다. 이 접근 방법을 사용하면 데스크톱과 모바일 브라우저 둘 다에 동일한 페이지를 제공할 수 있으므로 반응형 사이트에 이상적입니다.

콘텐츠를 호스팅해야 하는 URL에는 필수 오픈 그래프 태그를 사용해야 합니다.

그런 다음 추가 메타데이터가 호스팅되는 페이지를 가리키는 태그를 추가합니다.

<link rel="opengraph" href="{DESTINATION_URL}"/>

대상 URL에서 원본 페이지의 포인터 외에도 추가 메타데이터를 포함합니다.

<meta property="og:type" content="metadata"/>
<link rel="origin" href={SOURCE_URL}/>

유의 사항:

• 소스 URL에는 기본 태그가 포함되어야 합니다.
• 소스 URL에는 원하는 만큼 많은 수의 포인터가 포함될 수 있지만, 소스 URL이 가리키는 각 페이지는 link rel="origin" 태그로 다시 소스 URL을 가리켜야 합니다.
• 포인터의 레벨은 하나뿐이므로 ‘metadata’ 유형의 페이지에는 다른 link rel="opengraph"가 포함될 수 없습니다.

모바일 하위 도메인에 맞게 최적화

모바일 최적화된 버전용 하위 도메인을 사용하는 웹 앱에서는 동일한 콘텐츠의 데스크톱 보기를 가리키는 표준 URL을 사용하여 페이지의 모바일 보기에 메타데이터를 더 추가하지 않을 수 있습니다.

모바일 URL에 이 메타 태그만 추가하면 됩니다.

<link rel="canonical" href="DESKTOP_OBJECT_URL" />

표준 href 값에는 상대 경로가 아니라 절대 경로를 사용하세요.

콘텐츠의 기본 오픈 그래프 태그는 Facebook의 스크래퍼에서 해당 콘텐츠를 고유하게 식별하는 데 사용하므로, 데스크톱 페이지에 포함되어야 합니다.