Как в Facebook обновить превью сайта

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

Суть задачи - вы написали статью, хотите поделиться ею в Facebook, нажимаете кнопку поделиться, фейсбук любезно показывает вам, как пост будет выглядеть в этой соцсети... и тут вы понимаете, что что-то пошло не так! Например, подтянулась не та картинка. Или заголовок. Или описание.

Вы возвращаетесь к редактированию статьи, меняете картинку, описание, заголовок, статья теперь выглядит совсем по другому, вы нажимаете поделиться в facebook, но превью выглядит так, как будто вы ничего не меняли?

Дело в том, что когда в первый раз вы, или еще кто-то, нажимает "поделиться", фейсбук берет "слепок" сайта на момент нажатия, и сохраняет его у себя на сервере. Это сделано для того, что бы снизить нагрузку как на сервера фейсбука, так и на ваш сайт. В дальнейшем, когда кто-то ссылается на вашу статью, сохраненное превью берется непосредственно с сервера, на ваш сайт бот фейсбука не заходит за новой версией. Это выглядит гадски, если вы не знаете, как самому сбросить сохраненную версию статьи. А всё, на самом деле, просто:

  1. Переходим по ссылке на инструментарий разработчика: тыц!
  2. В строку адреса вбиваем адрес статьи (можно даже указать чужую) и нажимаем debug:
  3. Facebook показывает, как выглядит предпросмотр присланной ссылки, когда была взята информация и т.п. Видите кнопку Scrape Again (справа от "Время скрапинга")? Так вот надо её нажать и фейсбук возьмет свежую информацию.

Всё! Теперь, когда вашей статьей будет кто-то делиться, информация будет актуальной.

Тэги: