Изображение веб-сайта по умолчанию при публикации на Facebook отображается неправильно

Я пытаюсь заставить логотип моего веб-сайта правильно отображаться в новостных лентах Facebook. Когда я вставляю ссылку на свой сайт в свою ленту новостей (делюсь ею) в Facebook, изображение появляется, но миниатюра — это всего лишь часть моего логотипа. В частности, отображается только центральная часть моего логотипа.

Мое изображение/логотип экспортируется через GIMP 2.8 и имеет размер 1200 на 349 пикселей. Я сделал его таким, потому что это самое близкое к рекомендованному Facebook 1200 x 650 пикселей (или что-то в этом роде).

РЕДАКТИРОВАТЬ: я не уверен, что это лучший способ публичного обмена изображениями, но это точно похоже на мой логотип, за исключением текста и цвета: http://2imgs.com/2i/i/53d2dd5f/22d0e1223be1e43544446b27ab6b4b3c/377394be6d.f.jpg

Затем, когда я уменьшаю изображение (в GIMP 2.8) до того, что кажется подходящим, изображение, похоже, ничего не меняет.

Я использую отладчик Open Graph здесь: https://developers.facebook.com/tools/

Я делаю подобные вещи (и многие другие): Изображение веб-сайта по умолчанию для обмена в социальных сетях < /а>

Вот заголовок моего Index.php:

<head>
    <link href="html5reset-1.6.1.css" rel="stylesheet">
    <meta charset="utf-8" />
    <meta name="description" content="my business description here" />
    <!-- For facebook -->
    <meta property="og:image" content="http://www.example.com/imagename_w1200h349.jpg">
    <meta property="og:image:type" content="image/jpg">
    <meta property="og:image:width" content="1200">
    <meta property="og:image:height" content="349">

    <link rel="icon" type="image/png" href="myiconpic.png" />
    <title>my business title here</title>
</head>

Что мне не хватает? Это первый сайт, который я создал.


person mountainclimber11    schedule 25.07.2014    source источник


Ответы (3)


Убедитесь, что изображение Open Graph всегда общедоступно, оно недоступно для Facebook.

О правильных размерах: https://developers.facebook.com/docs/opengraph/howtos/maximizing-distribution-media-content#images

person luschn    schedule 25.07.2014
comment
Я не понимаю. imagename_w1200h349.jpg не является настоящим именем моего файла изображения. Как сделать изображение общедоступным для Facebook? - person mountainclimber11; 26.07.2014
comment
Или публично, чтобы вы могли видеть это, чтобы помочь мне? Я счастлив. Вы знаете, где я могу опубликовать его в Интернете, чтобы все могли его увидеть? Я не могу использовать URL своего веб-сайта. - person mountainclimber11; 26.07.2014
comment
Я добавил ссылку на свой вопрос выше, которая включает пример логотипа. См. РЕДАКТИРОВАТЬ. - person mountainclimber11; 26.07.2014
comment
о, я думал, что это твой файл изображения. потому что похоже. почему вы не можете использовать URL своего веб-сайта? Кстати, это другое изображение для меня просто маленькая белая точка, ЕСЛИ это работает, то я понятия не имею, почему... лол - person luschn; 26.07.2014
comment
Я отредактировал свой ответ ниже, добавив новую ссылку на указанное изображение / логотип. Спасибо за внимание. Я не могу поделиться ссылкой на свой бизнес, потому что не хочу, чтобы мои действия на stackoverflow.com ассоциировались с моим бизнесом... на всякий случай. - person mountainclimber11; 26.07.2014

Я разобрался. У меня было две проблемы:

1) Раздел предварительного просмотра отладчика Open Graph Facebook не обновляется сразу, когда вы загружаете новый файл Index.php и изображение на мой хост. Мне пришлось оставить его на несколько минут, а затем обновить страницу, чтобы обновить предварительный просмотр.

2) Я не уверен, что это правда на 100%, но у меня это сработало: я сделал свое изображение размером 1200 x 1200 с белым пространством холста над и под логотипом (черным). Поскольку Facebook рекомендует использовать изображения размером 1200 x 630 пикселей, мое решение здесь кажется ошибочным, но оно работает, поэтому я публикую его.

Вот мой пример изображения, который работает: РЕДАКТИРОВАТЬ: (Предыдущая ссылка не работала. Надеюсь, эта работает.) " rel="nofollow">http://2imgs.com/2i/i/53d3c78d/6719aed50ed239e3331cdeeadc572cf1/577394be6d.f.jpg

person mountainclimber11    schedule 25.07.2014

вы можете проверить, почему изображение вашего сайта не загружается на facebook.

Поисковый робот Facebook «очистит» ваш поиск по сайту в поисках изображения, чтобы использовать его при публикации. Если вы хотите указать, какое изображение использовать, поместите его в раздел вашего сайта:

Facebook мог кэшировать копию предыдущего случайного изображения. чтобы изменить или обновить для более нового изображения. и вы можете проверить это на свой ответ.

https://developers.facebook.com/tools/debug/

person MD Alauddin Al-Amin    schedule 15.06.2017