Question

tôi có những liên kết chia sẻ xã hội đơn giản:

FB share link 
    <a href="#" class="share-fb" onclick='window.open("https://www.facebook.com/sharer/sharer.php?u=http://mysite.org", "myWindow", 
        "status = 1, height = 300, width = 600, resizable = 0")'></a> 

TWITTER share link 
<a href="#" class="share-tw" onclick='window.open("https://twitter.com/intent/tweet?url=http://mysite.org", "myWindow", 
       "status = 1, height = 300, width = 600, resizable = 0")'></a> 
GOOGLE PLUS 
<a href="#" class="share-g" onclick='window.open("https://plus.google.com/share?url=http://mysite.org", "myWindow", 
       "status = 1, height = 300, width = 600, resizable = 0")'> 
      </a> 

những liên kết này mở ra một cửa sổ popup nơi để chia sẻ liên kết trang.

Điều tôi muốn là add a fixed site image preview cho mỗi người dùng liên kết sẽ chia sẻ.

Tôi làm cách nào để thêm hình ảnh xem trước, cố định, bỏ qua (FB, TWITTER, G +) của chúng?

NB: với hình ảnh xem trước tôi có nghĩa là một trong những thể hiện trong bức ảnh này (bên cạnh các liên kết www.google.it):

Đối với sharer FB i tryed: <meta property="og:image" content="URL of your image" />

nhưng dường như không hoạt động

Answer 1

Để sharer.php hoạt động, bạn nên điền vào một số thẻ mở biểu đồ mở. Hãy xem trang web này: http://ogp.me/

Bạn luôn có thể kiểm tra trang web của mình trong Trình gỡ lỗi Facebook: https://developers.facebook.com/tools/debug Trình gỡ lỗi cũng hiển thị cảnh báo/lỗi, vì vậy nó hoàn hảo để thử nghiệm.

Twitter không có hình ảnh. Vâng, điều đó không đúng, bạn phải tạo một "Thẻ Twitter" cho trang của bạn. Đó là giải thích ở đây: https://dev.twitter.com/docs/cards

Về Google+, điều này sẽ làm việc:

<meta itemprop="image" content="http://www....."> 

(Hãy so sánh ở đây: http://www.google.com/intl/en/webmasters/+1/button/index.html)

Ngoài ra hãy xem tại chủ đề này: Google +1 Generated Thumbmail in Profile