공유가 미리보기 이미지를 표시하지 않습니다.

Question

website에서 소셜 미디어 또는 북마크 사이트로 공유 할 때 미리보기 이미지가 표시되지 않습니다.

아무도 정확한 이유를 말해 줄 수 있습니까?

내 웹 사이트의 소스 코드를 살펴볼 수 있습니다.

Answer 1

사실 엄지 손톱 (페이스 북에서 atleast)을 보여주고 있지만, 사이트에서 기본적인 "이미지 없음"사진을 사용하고 있습니다. http://youthdrum.com/wp-content/themes/mesocolumn/images/noimage.png

이미지를 원하는 미리보기 이미지로 대체 할 수 있지만 사이트에서 이미지를 사용하는 위치에 관계없이 이미지를 대체 할 수 있습니다. 그러나 당신이 wordpress를 사용하고 있기 때문에 가장 쉽고 간단한 방법은이 플러그인을 사용하는 것이고, 이것은 당신의 경우에 매우 유용 할 것입니다. http://wordpress.org/plugins/easy-facebook-share-thumbnails/

Answer 2

다른 플러그인을 사용하지 않으려는 경우 소셜 미디어 사이트에 표시 할 이미지를 직접 지정할 수 있습니다.

예를 들어 Facebook의 경우 어떤 이미지를 표시할지 지정해야합니다. 이것을 어떻게할지는 플러그인과 같은 임베디드 Facebook 유형에 달려 있습니다.

일반적으로 대부분의 사람들은 지정된 정보를 코드에 넣고 있습니다. 페이스 북은 오픈 그래프라는 기술을 사용, 그래서 당신은 예를 들어, 코드에서 특별한 메타 정보를 넣어해야합니다

<meta property="og:image" content="http://yoursite.com/image.jpg" /> 

는 이제 페이스 북은 image.jpg를이 스트림에 배치해야합니다 알고있다.

하지만 통합 된 Wordpress 축소판 시스템을 사용한다면 어떨까요? 주어진 한 페이지에 Wordpress 축소판 URL을 얻는 방법은 무엇입니까? 그럼 당신은 header.php이를 투입해야

<?php echo get_fbimage(); ?> 

을 : 입력하여

function get_fbimage() { 
$src = wp_get_attachment_image_src(get_post_thumbnail_id($post->ID), '', ''); 
if (has_post_thumbnail($post->ID)) { 
$fbimage = $src[0]; 
} else { 
global $post, $posts; 
$fbimage = ''; 
$output = preg_match_all('/<img.+src=[\'"]([^\'"]+)[\'"].*>/i', 
$post->post_content, $matches); 
$fbimage = $matches [1] [0]; 
} 
if(empty($fbimage)) { 
$fbimage = "http://www.gogirlfinance.com/wp-content/uploads/2011/03/logo.jpg"; 
} 
return $fbimage;  } 

그런 다음 당신은 단순히 미리보기 이미지 URL을 얻을 수 있습니다 :

는 functions.php이 코드를 넣어 :

<?php if (is_single()) : ?> 
<meta property="og:image" content="<?php echo get_fbimage(); ?>" /> 
<?php endif; ?>