TUMBLR og: изображение должно быть больше [отредактировано: больше кода]

Я добавил два виджета в свой блог - http://www.raisethecurve.com/ - один на боковой панели и один прикрепленный к каждому сообщению.

Я загрузил 900x900 og:image на статические серверы Tumblr, которые можно найти на моем

FB Debug

После изучения форума и применения всех исправлений, которые я смог найти, ничего не помогло.

Что меня больше всего озадачивает, так это тот факт, что виджет боковой панели box_count работает, а виджет после встраивания - нет.

Если у кого-то есть идеи, я был бы благодарен за вашу помощь.

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

<meta property="og:site_name" content="{Title}" />
<meta property="og:description" content="Poetry, Prose, and Who Knows." />

{block:PermalinkPage}
<meta property="og:type" content="article" />
<meta property="og:url" content="{Permalink}" />

        {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="http://static.tumblr.com/k81rzib/vCnmygjui/finalogo.jpg" />
            {/block:Quote}

            {block:Link}
                <meta property="og:title" content="{PlaintextName}"/>
                <meta property="og:description" content="{PlaintextDescription}"/>
                <meta property="og:image" content="http://static.tumblr.com/k81rzib/vCnmygjui/finalogo.jpg" />
            {/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="http://static.tumblr.com/k81rzib/vCnmygjui/finalogo.jpg" />
            {/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="http://static.tumblr.com/k81rzib/vCnmygjui/finalogo.jpg" />
            {/block:Answer}
        {/block:Posts}
{/block:PermalinkPage}

{block:IndexPage}
<meta property="og:type" content="blog" />
<meta property="og:title" content="{Title}" />
<meta property="og:url" content="{BlogURL}" />
<meta property="og:image" content="http://static.tumblr.com/k81rzib/vCnmygjui/finalogo.jpg" />
{/block:IndexPage}

                                                            {block:Date}
                                                        <div class="meta">
                                                            <ul class="meta-list">
                                                                {block:HasTags}
                                                                <li class="tags">
                                                                    <ul class="tag-list">
                                                                        {block:Tags}
                                                                        <li><a href="{TagURL}">#{Tag}</a></li>
                                                                        {/block:Tags}
                                                                    </ul>
                                                                </li>
                                                                {/block:HasTags}
                                                                {block:IfShowGroupBlogInfo}<li class="post-author"><img alt="{PostAuthorName} Avatar" src="{PostAuthorPortraitURL-16}"> Posted by <a href="{PostAuthorURL}">{PostAuthorName}</a></li>{/block:IfShowGroupBlogInfo}
                                                                <li class="date{block:RebloggedFrom}-reblogged{/block:RebloggedFrom}"><a href="{Permalink}" title="{ShortDayOfWeek}. {Month} {DayOfMonth}, {Year} @ {12Hour}:{Minutes} {AmPm}"><span class="icon"></span>{TimeAgo}</a>{block:RebloggedFrom} <em>&gt;</em> <a class="reblogged-from" href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a>{/block:RebloggedFrom}</li>
                                                                {block:NoteCount}<li class="notes"><a href="{Permalink}#notes"><span class="icon"></span>{NoteCount}</a></li>{/block:NoteCount}
                                                                {block:IfDisqusShortname}<li class="comments hidden"><a id="dsq-{PostID}" href="{Permalink}#disqus_thread"><span class="icon"></span>Comments</a></li>{/block:IfDisqusShortname}
                                                                <li class="permalink"><a href="{Permalink}"><span class="icon"></span>{lang:Permalink}</a></li>
                                                            </ul><!--/.meta-list -->                                                                
              </div>                   
                                <!-- /.meta -->
<!-- Custom code for index page social buttons -->                 
<!-- Custom code for like and reblog button -->
<ul class="like_and_reblog_buttons">
<li>{LikeButton color="grey"}</li>
<li>{ReblogButton color="black"}</li>
<!-- End custom code for like and reblog buttons -->
<!-- Custom code for google plus widget -->
   <li><div class="g-plusone" data-size="tall" data-annotation="none" data-href="{ShortURL}"></div></li>
<!-- End custom code for google plus widget -->
<!-- Custom code for Twitter widget -->
<li><a href="https://twitter.com/share" class="twitter-share-button" data-text="{Title}" data-via="RaiseTheCurve" data-hashtags="Tumblr" data-url="{ShortURL}" data-counturl="{Permalink}" data-count="horizontal" data-dnt="true">Tweet</a>
        <script async"true">!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script></li>
<!-- End custom code for Twitter widget -->
<!-- Custom code for facebook widget -->
<li><div class="fb-like" data-href="{ShortURL}" data-layout="button_count" data-action="like" data-show-faces="false" data-share="true"></div></li>
<!-- End custom code for facebook widget -->
</ul>
<!--End custom code for index page social buttons -->
{/block:Date}
Источник

1 ответ

На данный момент ваша тема запрашивает изображение размером 500 пикселей или меньше:

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

Чтобы запросить самое большое изображение, вам нужно будет использовать следующий тематический блок / переменную:

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

Здесь я бы посоветовал с осторожностью: если не доступна версия изображения с высоким разрешением, альтернативный URL-адрес не всегда предоставляется.

Источник
Другие вопросы по тегам