Изменить эскиз ссылки на Facebook

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

http://developers.facebook.com/tools/debug/og/object?q=totelfootball.com

Как изменить изображение?

Я видел похожие сообщения, но не хочу простого решения проблемы? Может ли это быть сделано на Facebook, нет кодирования?

Ответы

Ответ 1

Перейдите к http://developers.facebook.com/tools/debug
Введите URL-адрес, указанный fbrefresh=CAN_BE_ANYTHING

<сильные > Примеры:

http://www.example.com?fbrefresh=CAN_BE_ANYTHING
http://www.example.com?postid=1234&fbrefresh=CAN_BE_ANYTHING
ИЛИ посетите: http://developers.facebook.com/tools/debug/og/object?q=http://www.example.com/?p=3568&fbrefresh=89127348912

У меня была такая же проблема прошлой ночью, и я получил это решение с какого-то веб-сайта.

Facebook сохраняет миниатюру кэша. Миниатюра не изменится, даже если вы удалите изображение с вашего сервера. Но Facebook позволяет обновить, используя fbrefresh

Надеюсь, это поможет.

Ответ 2

вы можете добавить в <head></head>

этот тег <link rel="image_src" href="http://URL-TO-YOUR-IMAGE" / >

ИЛИ измените тег <html> на

<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:og="http://ogp.me/ns#"
xmlns:fb="http://www.facebook.com/2008/fbml">

и добавить в тег <head></head> этот тег

<meta property="og:image" content="http://URL-TO-YOUR-IMAGE" />

Не забудьте проверить свою ссылку с помощью утилиты отладки facebook

Ответ 3

Вы можете выбрать отображение миниатюр, добавив метатег og: image в HTML totelfootball.com: https://developers.facebook.com/docs/opengraph/

Ответ 4

Facebook использует метатеги на странице, которую вы делитесь, чтобы определить, какое изображение, название и описание показывать при публикации ссылки. Синтаксис метатега следует Facebook спецификация OpenGraph.

Наиболее важными метатегами, которые вам нужно определить, являются:

<meta property="og:title" content="The title of the sharing preview" />
<meta property="og:description" content="The first few lines of content below the title" />
<meta property="og:image" content="http://example.com/your-image-1200x630px.jpg" />

Это, конечно, работает только в том случае, если у вас есть полный контроль над сайтом, который вы используете. Если вы используете внешнюю ссылку (например, статью новостей), у вас нет доступа к их сайту и, следовательно, невозможно изменить метатеги. Я использую ShareKit.io, который позволяет вам изменять заголовок, описание и изображение любой ссылки, которую вы используете, без необходимости возиться с метатеги.

Ответ 5

Легче этого.

Перейдите по ссылке, которую вы поделили. Откройте его на новой вкладке.

Правый верхний угол → Обновить вложение Share

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

Надеюсь, что это поможет:)