我的tumblr帖子在facebook的帖子中没有显示图片和链接(HTML问题)

时间:2014-12-08 21:55:59

标签: html facebook twitter thumbnails tumblr

我的朋友和我刚刚在tumblr上创建了一个关于电子游戏新闻的新网站(这是西班牙语中的btw)。除了细节之外,一切都很棒。每次我向tumblr(包括twitter和facebook)发布文章时,该文章的缩略图似乎只是纯文本,没有文章链接和自己的图像。我已经尝试了一切,机器人没有用。

您可以在我的facebook page中看到所有缩略图都只是纯文字。他们既没有图片也没有链接。

当我将文章的网址复制并粘贴到Facebook's Open Graph Object Debugger时,会提示以下消息:

"网址' http://gamediac.tumblr.com/post/104694903762/fifa-15-retoma-la-primera-posicion-de-juegos-mas'类型'网站'是无效的,因为给定的值''对于财产' og:url'无法解析为类型' url'。"

我的Facebook Open Graph看起来像这样:

<!-- >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> -->

<!-- FACEBOOK OPEN GRAPH -->
<!-- >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>-->

                <meta property="og:site_name" content="{Title}"/>

                {block:PermalinkPage}

                        <meta property="og:url" content="{PermalinkPage}"/>
                        <meta property="og:type" content="website"/>

                                {block:Posts}
                                        {block:Text}
                                                {block:Title}<meta property="og:title" content="{PlaintextTitle}"/>{/block:Title}
                                                <meta property="og:description" content="{PlaintextBody}"/>
                                        {/block:Text}

                                        {block:Photo}
                                                <meta property="og:image" content="{PhotoURL-500}"/>
                                                {block:Caption}<meta property="og:description" content="{PlaintextCaption}"/>{/block:Caption}
                                        {/block:Photo}

                                        {block:Photoset}
                                                {block:Photos}
                                                <meta property="og:image" content="{PhotoURL-500}"/>
                                            {/block:Photos}
                                                {block:Caption}<meta property="og:description" content="{PlaintextCaption}"/>{/block:Caption}
                                        {/block:Photoset}

                                        {block:Quote}
                                                <meta property="og:title" content="{PlaintextQuote}"/>
                                                <meta property="og:description" content="{PlaintextSource}"/>
                                                <meta property="og:image" content="{PortraitURL-64}"/>
                                        {/block:Quote}

                                        {block:Link}
                                                <meta property="og:title" content="{PlaintextName}"/>
                                                <meta property="og:description" content="{PlaintextDescription}"/>
                                                <meta property="og:image" content="{PortraitURL-64}"/>
                                        {/block:Link}

                                        {block:Chat}
                                                <meta property="og:title" content="{PlaintextTitle}"/>
                                                <meta property="og:description" content="{block:Lines}{block:Label}{Label}: {/block:Label}{Line} &bull; {/block:Lines}"/>
                                                <meta property="og:image" content="{PortraitURL-64}"/>
                                        {/block:Chat}

                                        {block:Audio}
                                                <meta property="og:title" content="{block:Artist}{Artist} - {/block:Artist}{block:TrackName}{TrackName}{/block:TrackName}"/>
                                                <meta property="og:description" content="{PlaintextCaption}"/>
                                                {block:AlbumArt}<meta property="og:image" content="{AlbumArtURL}"/>{/block:AlbumArt}
                                        {/block:Audio}

                                        {block:Video}
                                                {block:Caption}<meta property="og:description" content="{PlaintextCaption}"/>{/block:Caption}
                                        {/block:Video}

                                        {block:Answer}
                                                <meta property="og:title" content="{PlaintextQuestion}"/>
                                                <meta property="og:description" content="{PlaintextAnswer}"/>
                                                <meta property="og:image" content="{PortraitURL-64}"/>
                                        {/block:Answer}

                                {/block:Posts}

                {/block:PermalinkPage}

                {block:IndexPage}
                                <meta property="og:title" content="{Title}"/>
                                <meta property="og:type" content="blog"/>
                                <meta property="og:description" content="{MetaDescription}"/>
                                <meta property="og:image" content="{PortraitURL-64}"/>
                {/block:IndexPage}

此调试器中还有另一个名为&#34的部分;请确切了解我们的刮刀在您的网址中看到的内容&#34;并且打开的图形部分显示如下:

<meta property="og:url" content="">
<meta property="og:type" content="website">
<meta property="og:title" content="FIFA 15 retoma la primera posición de juegos mas vendidos en el Reino Unido">
<meta property="og:description" content="FIFA 15 amaneció como el juego mas vendido de la semana pasada en el Reino Unido después casi un mes de no estar en la primera posición por los lanzamientos de ‘Call of Duty: Advanced Warfare’ y ‘Grand Theft Auto V’. 

我注意到og:url的内容是空的,为什么会这样?

我还要明确表示我正在根据&#34; Text&#34;创建帖子。按钮。每当我使用该选项编写时,我也会包含图像。我尝试过使用&#34; Image&#34;选项,但它也不会显示缩略图照片。 (我从我的电脑上获取图片)

您还可以检查整个&#34;确切了解我们的刮刀看到您的网址&#34;第here页。我的tumblr网站是:http://gamediac.tumblr.com/

在Twitter页面中,它会正确显示所有内容但图片。例如,推文看起来像this

如果有人可以帮我解决这个问题,我真的很感激。互联网上几乎没有关于这个问题的文章。

0 个答案:

没有答案