Проблема с кнопкой Share от Facebook
Полезный инструмент от Facebook — URL Debugger решает проблему с кнопкой Share на WordPress.
Сегодня ко мне обратилась моя давняя знакомая Настя Манно с вопросом о кнопке Share от Facebook на ее блоге. Проблема в том, что эта кнопка у нее не работала. Остальные кнопки добавляли статью исправно, с картинкой, заголовком и куском текста, все, как и положено. А вот Facebook глючил. Он выдавал только адрес блога и пустое окно. Любопытно, что у меня у самого недавно возникла такая же проблема на блоге. Я на это забил как-то, но тут решил разобраться. Надо же помогать друзьям, да и самому полезно знать :)
Сначала подозрение пало на сервис социальных кнопок от Яндекса. Именно такие кнопки установлены у Насти и на моем блоге. Но попытка заменить их на кнопки от AddThis или вообще чистой кнопки Share от самого Facebook ни к чему не привели.
Тут я вспомнил, как однажды, ковыряясь со своим блогом, обнаружил, что кнопка Facebook вместо моей картинки из поста добавляет картинку-заглушку от плагина All in One SEO Pack. И, кстати, вся эта кутерьма началась как раз после обновления плагина. В его последней версии появилась специальная утилита для работы с социалками — Соц.мета (Social Meta). Я спросил у Насти. Она подтвердила, что у нее тоже установлен этот плагин и недавно она его тоже обновляла.
Я полез искать в интернетах и таки нашел. Спасибо Хабралюдям! Как я и предполагал, у Facebook есть какой-то хитроумный кэш, куда он добавляет варианты обращения к сайтам, с которых уже «лайкались» посты. И если какая-то ошибка уже была, то она, зараза, там прописывается, и Facebook упорно не хочет выдавать нормальное окно добавления поста, а выдает какую-то куцую версию оного. Именно по этой причине любые манипуляции с настройкой плагина All in One SEO Pack, в том числе и его утилиты Соц.мета, ничего не давали.
В общем, чтобы больше не парить мозг, рассказываю, что надо сделать. Для начала заходим в настройки плагина All in One SEO Pack, активируем там утилиту Соц.мета и в ее настройках в разделе Image Setting выставляем показывать первую картинку из поста (First Image In Content), а в разделе настроек для Facebook ставим галку в Automatically Generate Article Tags.
А теперь самое важное! У Facebook есть специальный инструмент для исправления подобных ошибок. Называется он URL Debugger. Заходим туда, вписываем адрес нашего блога или конкретной статьи и нажимаем кнопку Debug.
Если все путем, то сервис выдаст сообщение о том, как он увидел ваш сайт или страницу и пример того, что Facebook уже готов расшарить. Если же нет, и вы получили красные «ворнинги», то сразу жмите на кнопку Fetch new scrape information. Тем самым вы сбросите кэш вашей страницы в Facebook, и он будет видеть ее теперь как надо.
Enjoy!
Не знала об этой функции в Фейсбуке. Как-то не задавалась этой проблемой, точнее не обращала внимания, есть такая проблема на моём сайте или нет. Но всё же попробовала эти настройки сделать. Отлично получилось.
Спасибо за подсказку.
Пожалуйста, Наталья! Рад, что пригодилось :)