Facebook benzeri görüntüyü nasıl kontrol edebilirim? [kapalı]

Bazı gönderiler içeren bir blogum var ve her gönderide Facebook benzeri bir düğme var . Düğmeye basmak, ziyaretçilerimin yayını Facebook'ta bir yorumla paylaşabilmeleri için bir iletişim kutusu açar.

Bununla birlikte, paylaşırken, Facebook tarafından seçilen görüntü, posta minik resmi değil, genel bir posta simgesidir.

Paylaşırken kullanılan görüntüyü nasıl kontrol edebilirim?

Paylaşım için kullanılan resim, sitenizin başlığında aşağıdaki gibi görünen bir kod parçasından alınır:

<link rel="image_src" href="path/to/theme/screenshot.png" />

Genellikle temanızdaki sitenizin ekran görüntüsüne bağlanır. Kodu dosyanın başlığından kaldırdıysanız ve single.php'de döngünün içine koyun ve yazı küçük resminizi href öğesine çağırdı, işe yarayacağına inanıyorum. Yani şöyle bir şey olurdu:

<link rel="image_src" href="<?php the_post_thumbnail(); ?>" />

Bu, birden fazla gönderi listeleyen sayfalarda benzer düğmeleriniz varsa muhtemelen bir görüntünüz olmayacağı anlamına gelir. Yalnızca single.php üzerinde onu kaldıran bazı koşullu kodlar eklediyseniz, single.php şablonu kullanılırken birden fazla gönderi ve benzer düğmesi ve gönderi küçük resmi olan herhangi bir sayfada normal görüntüye sahip olursunuz. Başlık kodu şöyle olur:

<?php if ( is_single() ) { /* do nothing on single pages */ } else { ?>
<link rel="image_src" href="path/to/theme/screenshot.png" />
<?php } ?>

Ardından, single.php dosyasına yazı küçük resmini eklemek için kodu kullanmaya devam edersiniz.

Facebook artık opengraph protokolünü kullanıyor. Şunları kullanarak resim ekleyebilirsiniz:

<meta property = "og: image" content = "http: // YOUR_IMAGE_URL" />

Bu satırı sayfa başlığınıza ekleyin.

Alternatif olarak bunu otomatik olarak yapmak için eklentimi kullanabilirsiniz.

Sadece bu işi yapar ve herhangi bir ayara gerek yoktur.

http://shailan.com/wordpress/plugins/facebook-meta-tags-plugin/

Facebook Açık Grafik Protokolünü kullanmanız gerekiyor. Kabul edilen cevabın neden birçok OG: ilgili cevaplardan biri olmadığından emin değilim (ki oy verdim) ama yanlış.

http://developers.facebook.com/docs/opengraph/

Açık Grafik kullanıyorsanız, başlık, resim, açıklama, kategori, son güncelleme vb. Gibi birçok şeyi özelleştirebilirsiniz. Bu diğer yarı çözümleri kullanırsanız, resmin tamamını kaçırırsınız.

Yaptığım tüm FB çalışmaları için OG Protokolünü takip etmeseydim işten kovulurdum.

Aşağıdakileri yaparsanız:

<link rel="image_src" href="<?php the_post_thumbnail(); ?>" />

Wordpress'in görüntüyü görüntülemek için gereken html'yi, sadece gerçekten istediğiniz SRC'yi değil, çıktısını göreceksiniz.

Gibi bir şey yapmak:

<?php

// Featured Image for FB Like
$feature_image = get_the_post_thumbnail($post->ID);

// Get image source
$doc = new DOMDocument();
$doc->loadHTML($feature_image);
$imageTags = $doc->getElementsByTagName('img');

foreach($imageTags as $tag) {
        $image_url = $tag->getAttribute('src');
    }
?>
<link rel="image_src" href="<?php echo $image_url; ?>" />

yalnızca URL'yi alır. Muhtemelen uzun bir yol ve muhtemelen ancak kısaltılabilir, ancak kesinlikle sorunu çözer.

Umarım bu sizi doğru yola sokar.

Mat.

Belirtilen resim düzgün görünmüyorsa URL'nizi buraya tiftik ettiğinizden emin olun:

http://developers.facebook.com/tools/lint/

Yayınınızın ilk resmini, logonuz gibi bir şeye dönüş olarak küçük resim olarak kullanmak isterseniz, eklentimi deneyin - http://wordpress.org/extend/plugins/facebook-like-thumbnail/ Ekleme açıklaması yedek logo resmi http://blog.ashfame.com/?p=888 adresindedir

<meta property="og:image" content="http://YOUR_IMAGE_URL" />

Bu yöntem "like": s için çalışır ancak daha sonra ur günlüğünde bir bağlantı paylaşmak istiyorsanız (örneğin.) Bu resim otomatik olarak seçilir.

Bu meta etiket olmadan bağlı sitedeki tüm resimler arasından seçim yapabilirsiniz.

Herkes statik "gibi" görüntü tutmak için herhangi bir yol biliyor ama yine de bir url paylaşırken bir görüntü seçin yapmak?

Tamam Meta og: görüntü benim seçim özellikli görüntü ile doldurmak için biraz javascript yazdı. Başlık dosyanıza eklediğiniz bir kerelik bir saldırı.

Benim wordpress yazımda, ben "özellikli görüntü" id eklemek (daha sonra wordpress ile bu yerleşik olduğunu biliyorum, ben eski bir tane).

<xmp><img src="http://mysite.com/catphoto.jpg" id="featured-image" /></xmp>

Blog günlüğüm gibi bir yer tutucuyla og: image için bir meta etiket yazıyorum. Etikete "id =" meta-image "ekleyin, yani

<meta property="og:image" src="http://mysite.com/logo.jpg" id="meta-image" />

Sonra bu javascript'i başlığa ekleyin:

<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"> </script>

<script type="text/javascript">
$(document).ready( function(){
    var featured_image = $("#featured-image").attr("src");
    $('meta[property="og:image"]').attr("content",featured_image);
});