Facebook為博客開放圖形標簽 - OG圖像太小。 我可以指定全尺寸圖像而不是縮略圖嗎？

Question

Blogger不允許您在每個帖子中指定一個打開的圖形圖像。 目前，模板中有一段代碼將自動生成的縮略圖指定為facebook的開放圖形圖像。 問題是，縮略圖圖像是72 * 72，Facebook現在要求OG圖像中的寬度至少為200px，或者默認為符合條件的頁面上的第一個圖像，即我的標題圖像。

我的問題是：我可以在我的模板中修改此代碼，以指定帖子中的完整大小圖像而不是生成的縮略圖嗎？ 如果是這樣，怎么樣？ 如果你能提供幫助，非常感謝你！

Answer 1

我知道這是一個老問題（2年前），但我希望我的答案可以幫助其他人尋找解決方案。

目前，我們使用此代碼在Facebook上共享鏈接時創建縮略圖：

<meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>

而Blogspot將生成如下所示的HTML代碼：

<meta property="og:image" content="http://1.bp.blogspot.com/-t5-HTAnnThU/Vicp0SSNPeI/AAAAAAAACZw/9lbrjwRY64A/s72-c/get-free-xyz-domain.png" />

是的，正如你所說，它是一個72x72的圖像。 但是你知道我們可以根據圖片網址更改圖片大小嗎？

當您將s72-c替換為w600-h315-c （600x315）時：

現在，問題是我們如何更換新鏈接？ 我使用了以下技巧：

<meta expr:content='"http://junookyo.freevnn.com/?img=" + data:blog.postImageThumbnailUrl' property='og:image'/>

這是簡單的PHP代碼：

<?php

if (isset($_GET['img']) && filter_var($_GET['img'], FILTER_VALIDATE_URL)) {

    $img = $_GET['img'];

    if (strpos($img, '/s72-c/') !== FALSE) {

        $img = str_replace('/s72-c/', '/w600-h315-c/', $img);

        header("Location: {$img}");

    }

}

exit;

最終結果：

閱讀我的博客文章了解更多詳情。