Facebook Sharer를 사용할 때 Facebook은 소스에서 가져온 몇 개의 이미지 중 하나를 링크 미리보기로 사용할 수있는 옵션을 사용자에게 제공합니다. 이러한 이미지는 어떻게 선택되며 내 페이지의 특정 이미지가 항상 이 목록에 포함 되도록하려면 어떻게해야 합니까?
답변
내 페이지가 공유 될 때 사용할 이미지를 Facebook에 알리려면 어떻게합니까?
Facebook에는 오픈 그래프 메타 태그 세트가 있습니다 표시 할 이미지를 결정하기 위해 볼 수있는 .
페이스 북 이미지의 핵심은 다음과 같습니다.
<meta property="og:image" content="http://ia.media-imdb.com/rock.jpg"/>
<meta property="og:image:secure_url" content="https://secure.example.com/ogp.jpg" />그리고 내부에 있어야합니다 <head></head>페이지 상단의 태그 .
이 태그가 없으면 이미지를 지정하는 이전 방법을 찾습니다 <link rel="image_src" href="https://stackoverflow.com/myimage.jpg"/>. 둘 다 존재하지 않으면 Facebook은 페이지의 내용을보고 공유 이미지 기준에 맞는 페이지에서 이미지를 선택합니다. JPEG 또는 GIF 형식.
사용자가 이미지를 선택할 수 있도록 여러 이미지를 지정할 수 있습니까?
예, 원하는 순서대로 여러 이미지 메타 태그를 추가하면됩니다. 그러면 이미지 선택기 대화 상자가 나타납니다.
적절한 이미지 메타 태그를 지정했습니다. Facebook에서 변경 사항을 수락하지 않는 이유는 무엇입니까?
URL이 공유되면의 사용자 에이전트가있는 Facebook 크롤러가 facebookexternalhit/1.1 (+https://www.facebook.com/externalhit_uatext.php)페이지에 액세스하여 메타 정보를 캐시합니다. Facebook 서버가 캐시를 지우도록하려면 2010 년 6 월에 시작한 Facebook Url Debugger / Linter Tool 을 사용하십시오. 하여 캐시를 새로 고치고 페이지의 메타 태그 문제를 해결하십시오.
또한 페이지의 이미지는 Facebook 크롤러가 공개적으로 액세스 할 수 있어야합니다. /yourimage.jpg 대신 http://example.com/yourimage.jpg 와 같은 절대 URL을 지정해야합니다 .
이러한 메타 태그를 Javascript 또는 jQuery와 같은 클라이언트 측 코드로 업데이트 할 수 있습니까?
검색 엔진 크롤러와 마찬가지로 Facebook 스크레이퍼는 스크립트를 실행하지 않으므로 페이지를 다운로드 할 때 존재하는 메타 태그는 이미지 선택에 사용되는 메타 태그입니다.
이 태그를 추가하면 내 페이지가 더 이상 유효하지 않습니다. 이 문제를 어떻게 해결할 수 있습니까?
필요한 Facebook 네임 스페이스를 태그에 추가하면 페이지가 유효성 검사를 통과해야합니다.
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:og="http://ogp.me/ns#"
xmlns:fb="https://www.facebook.com/2008/fbml"> 답변
Facebook을 공유 할 때 HTML의 헤드 섹션에 다음 메타 태그를 추가해야합니다.
<meta property="og:title" content="title" />
<meta property="og:description" content="description" />
<meta property="og:image" content="thumbnail_image" />그리고 그게 다야!
FB의 지시에 따라 버튼을 추가하십시오.
필요한 모든 정보는 www.facebook.com/share/에 있습니다.
답변
2013 년 현재 facebook.com/sharer.php(PHP)를 사용하는 경우 다음과 같은 버튼 / 링크를 만들 수 있습니다.
<a class="btn" target="_blank" href="http://www.facebook.com/sharer.php?s=100&p[title]=<?php echo urlencode(YOUR_TITLE);?>&p[summary]=<?php echo urlencode(YOUR_PAGE_DESCRIPTION) ?>&p[url]=<?php echo urlencode(YOUR_PAGE_URL); ?>&p[images][0]=<?php echo urlencode(YOUR_LINK_THUMBNAIL); ?>">share on facebook</a>
링크 쿼리 매개 변수 :
p[title] = Define a page title
p[summary] = An URL description, most likely describing the contents of the page
p[url] = The absolute URL for the page you're sharing
p[images][0] = The URL of the thumbnail image to be used as post thumbnail on facebook
간단합니다. js 또는 다른 설정이 필요하지 않습니다. HTML 원시 링크 일뿐입니다. 원하는 방식으로 A 태그의 스타일을 지정하십시오.
답변
에 다음 태그를 넣으십시오 head.
<link rel="image_src" href="/path/to/your/image"/>에서 http://www.facebook.com/share_partners.php
이 태그가 없을 때 기본값으로 선택하는 한 확실하지 않습니다.
답변
내 경험으로는 http://www.facebook.com/sharer.php 는 메타 태그를 사용하지 않습니다. 전달한 문자열을 사용합니다. 아래를 참조하십시오.
http://www.facebook.com/sharer.php?s=100&p[title]= 이것은 내 제목입니다 & p [요약] = 이것은 내 요약입니다 & p [url] = 이것은 이것은 http : //www.MYURL.com&&p [images] [ 0] = http : //www.MYURL.com/img/IMAGEADDRESS
메타 태그는 다른 Open Graph 정보와 마찬가지로 Facebook 개발자 좋아요 / 보내기 버튼과 함께 작동합니다. 따라서 댓글과 같은 Facebook의 실제 요소 중 하나를 사용하는 경우 모두 Open Graph에 연결됩니다.
업데이트 : 공유자를 사용하는 두 가지 방법이 있습니다 * 쿼리 문자열
1 ==> STRING 에서? s와? u 값을 확인하십시오 : http://www.facebook.com/sharer.php?s + 위에서
~ ~> 문자열에서 정보를 가져옵니다.
2 ==> URL : http://www.facebook.com/sharer.php?u=url 여기서 url은 실제 URL과 같습니다
~~> url 값에 제공된 페이지를 긁습니다
~~> 값을 테스트 할 수 있습니다 여기 : https://developers.facebook.com/tools/debug
답변
옛날 방식은 더 이상 작동하지 않습니다.
<link rel="image_src" href="http://yoururl/yourimage"/>새로운 방법으로보고도 작동하지 않습니다.
<meta property="og:image" content="http://yoururl/yourimage"/>내가 그것을 구현 한 첫날에는 무작위로 효과가 있었지만 그 이후로는 전혀 효과가 없었습니다.
페이지를 검사하는 유틸리티 인 Facebook linter 페이지는 모든 것이 올바르다 고보고하고 선택한 썸네일을 표시합니다 … share.php 페이지 자체가 작동하지 않는 것 같습니다. 페이스 북에서 버그가 있어야합니다. 시스템에서 본이 문제에 관한 모든 버그 보고서가 모두 해결되거나 해결 된 것처럼 수정하지 않아도됩니다.
답변
제목, 설명 및 이미지를 변경하려면 head 태그 아래에 일부 메타 태그를 추가해야합니다.
1 단계 :
헤드 태그 아래에 메타 태그 추가
<html>
<head>
<meta property="og:url" content="http://www.test.com/" />
<meta property="og:image" content="http://www.test.com/img/fb-logo.png" />
<meta property="og:title" content="Prepaid Phone Cards, low rates for International calls with Lucky Prepay" />
<meta property="og:description" content="Cheap prepaid Phone Cards. Low rates for international calls anywhere in the world." />
다음 단계 :
아래 링크를 클릭하십시오
https://developers.facebook.com/tools/debug
텍스트 상자에 URL을 추가하십시오 (예 : http://www.test.com/태그를 언급 한 )에 . DEBUG 버튼을 클릭하십시오.
끝났다.
https://www.facebook.com/sharer/sharer.php?u=http://www.test.com/에서 확인할 수 있습니다.
위의 URL에서 u = 웹 사이트 링크
즐겨 !!!!
