В последних обновлениях Facebook отключил возможность “подтягивать” любую картинку к ссылке поста. Ранее эту картинку можно было загрузить прямо с компьютера. Но Фейсбук начал бороться с фейковыми новостями и теперь это стало сделать намного сложнее. Теперь для того, чтобы ссылка на страницу сайта подтягивала нужную картинку понадобится доступ к самому сайту.
5 шагов, чтобы сделать кликабельную картинку в Facebook
- Создать любую картинку 940×492 пикселей.
- Загрузить картинку на любой сайт, лучше конечно на свой, и запомнить ссылку.
- Между тегами <head> и </head> страницы, которую в дальнейшем нужно постить вставить:1<meta property="og:image" content="http://site.com/image.jpg" />
Для сайтов WordPress
123<?php if( is_front_page() ) { ?><meta property="og:image" content="http://site.com/image.jpg" /><?php } ?>Ссылку http://site.com/image.jpg поменять на ссылку картинки.
- Перейти по ссылке: https://developers.facebook.com/tools/debug/ и ввести ссылку страницы сайта, которую нужно постить в Фейсбук. Если изменений не произошло – нажать кнопку “Повторить скрапинг”, чтобы изменения вступили в силу.
- Ввести ссылку в поле для поста Facebook.
Для сайтов WordPress все эти действия можно сделать с помощью плагина All in One Seo Pack.
- Установить и активировать плагин All in One Seo Pack
- Установить и активировать модуль социальные мета
- Создать любую картинку 940×492 пикселей.
- Для главное страницы All in One Seo Pack – Социальные мета – Настройки главной страницы – Загрузить изображение
Загрузить нужное изображение. Это изображение будет отображаться в социальных сетях при создании поста главной страницы сайта.
![Как сделать кликабельную картинку в Фейсбук | Красивая ссылка в Facebook + видео[:en]Как](https://stepfor.top/wp-content/uploads/2017/09/AllinOneSeoPack-500x208.jpg)
- Для страниц записей All in One Seo Pack – Социальные мета – Настройки изображения – Выбрать источник OG:image
Рекомендую поставить – Изображение записи. Таким образом ко всем записям будет подтягиваться картинка загруженная вручную для каждой записи. Ее всегда всегда можно загрузить индивидуально.
![Как сделать кликабельную картинку в Фейсбук | Красивая ссылка в Facebook + видео[:en]Как](https://stepfor.top/wp-content/uploads/2017/09/AllinOneSeoPack1-500x281.jpg)
![Как сделать кликабельную картинку в Фейсбук | Красивая ссылка в Facebook + видео[:en]Как](https://stepfor.top/wp-content/uploads/2017/09/AllinOneSeoPack.jpg)
![Как сделать кликабельную картинку в Фейсбук | Красивая ссылка в Facebook + видео[:en]Как](https://stepfor.top/wp-content/uploads/2017/09/AllinOneSeoPack1.jpg)
Видеоинструкция
![Как сделать кликабельную картинку в Фейсбук | Красивая ссылка в Facebook + видео[:en]Как](http://i1.ytimg.com/vi/vVPspRpX3gA/maxresdefault.jpg)
Добрый день!
Сделали все по вашей инструкции, при открытии кода HTML сайта указанный тэг отображается, но фейсбук по-прежнему выдает ошибку, что этих тэгов нет. В чем может быть причина?
Спасибо
Нужно очистить кеш сайта, а далее снова “Отладка” и “Повторить скрапинг” для достижения нужного результата.