2013-02-20 3 views
3

meta property="og:image", meta property="og:image:security"link rel="image_src"을 시도했지만 링크를 클릭하면 공유기가 미리보기 이미지를 가져 오지 않습니다. 그것은 제목, 설명 및 URL을 보여줍니다. 이미지를 90x90, 200x200500x500으로 재조정하려했지만 아무 일도 없었습니다. 코드는 다음과 같습니다.Facebook Sharer가 미리보기 이미지를 가져 오지 않습니다.

<meta property="og:url" content="URL"> 
<meta property="og:title" content="TITLE"> 
<meta property="og:description" content="DESCRIPTION" /> 
<meta property="og:type" content="website"> 
<meta property="og:image" content="IMAGE"> 
<meta property="og:site_name" content="SITE NAME"> 

<a href="https://www.facebook.com/sharer/sharer.php?u=url" target="_blank">Share on FB!</a> 

추신 : https도 받았고 시도했습니다. 여기

이 출력됩니다 :

enter image description here

답변

8

이 여러 가지 이유로이 될 수 있지만, 실제 코드를 보지 않고 난 단지 몇 가지 추측을 위험을 무릅 수 (IMAGE, SITE NAME 등으로 지워졌되지 않음) .

  1. 귀하의 사이트가 로컬 호스트 또는 암호가 로컬이 개발하는 경우가 가끔 사람들이 만드는 바보 같은 실수

    을 보호하고 페이스 북 다음 og:image 내용으로 로컬 호스트 이미지에 넣어 이미지를 올바르게로드 할 수 없게됩니다.

  2. 하지 유효한 URL

    로드 og:image URL 볼로드하는 경우. 그렇지 않으면 문제가됩니다.

  3. 귀하의 사진은 유효하지 않습니다. 이것은 무엇을 documentation facebooks하면 이미지 속성에 대해 말하기를 가지고 있습니다 :

    OG : 이미지 - 그래프 내에서 개체를 대표해야 이미지의 URL입니다. 최상의 이미지 품질을 위해서는 최소 200x200 픽셀이 바람직하고 1500x1500 픽셀이 권장되지만 이미지는 최소 50x50 픽셀이어야합니다. 이미지의 최대 종횡비는 3 : 1입니다. 우리는 PNG, JPEG 및 GIF 형식을 지원합니다. 페이지에 여러 이미지를 연결하려면 여러 개의 og : image 태그를 포함 할 수 있습니다. (참고 : 이미지 크기가 크기 5메가바이트 이하 여야합니다.)

  4. 페이스 북이 차단 된 도메인

    는 말도 있지만 가능. 페이스 북 디버거 사용에 관해서는 아래를 참조하십시오.

Facebooks debugger을 사용할 수 있습니다. URL을 입력하면 필요한 모든 정보를 얻을 수 있습니다. og:image 속성을 포함합니다.

아무 것도 찍히지 않으면 페이지에 태그가 올바르게 포함되어 있는지 확인하십시오 (here 참조).

위 작품의 절대적 없음, 그리고 당신이 정말로 당신을 위해 작동 아무것도 얻을 수없는 경우에, 당신은 공유 URL 링크에서 직접 URL을 포함 할 수 있습니다 - 당신을 위해 예를 들어 here을했습니다.

+0

정말 고마워요. 나는 당신이 말한 모든 것을 시도했고 jsfiddle에서 쓴 예제를 사용했습니다! 하지만 배울 점이 하나 더 있습니다. 이렇게 여러 이미지를 얻을 수 있습니까? "images [1]"을 (를) 추가하려고했지만 작동하지 않았습니다. –

+0

좋은 지적입니다 @ BerkeSütçü, 나는 [images] []와 images [0] images [1]을 시도했지만 작동하지 않았습니다. 불행히도이 기능은 페이스 북 어디에나 문서화되어 있지 않기 때문에 가능한지는 알 수 없습니다. – Prisoner

+0

그래서 여러 이미지를 설정하려면 메타 태그를 작동시켜야합니다. 어쨌든 모든 도움을 주셔서 감사합니다. –

관련 문제