Janna111 пишет: Выбор картинки возможен если я копирую ссылку в адресной строке и публикую ее на фейсбук.
Если нажимаю кнопку мне нравиться, то он автоматически выбирает фотографию, но не ту, которая прописана под данный текст
Все верно. Вот такая информация наличествует на сей счет в Сети:
Проблема решаема, если использовать мета-теги Open Graph для точного задания как изображения анонса, так и заголовка, адреса статьи или описания.
Таким образом, чтобы решить проблему с неверно выбранным изображением, можно использовать следующий мета-тег (между тегами <head>):
Code:
<meta property="og:image" content="http://www.mysite.ru/article_image.jpg"/>
При этом, путь к картинке должен быть абсолютным, с указанием адреса сайта.
Также можно использовать и другие полезные теги Open Graph:
Code:
<meta property="og:title" content="Заголовок статьи или новости"/>
<meta property="og:type" content="article"/>
<meta property="og:url" content="http://такой-то"/>
<meta property="og:image" content="http://такой-то"/>
<meta property="og:site_name" content="Имя сайта"/>
<meta property="fb:admins" content="USER_ID"/>
<meta property="og:description" content="Короткое описание для анонса ссылки."/>
И в тег <html> желательно добавить путь к xmlns:
Code:
<html xmlns:og="http://ogp.me/ns#">
Таким образом, задав все нужные мета-теги, нажатие кнопки like от фейсбука даже на странице комментариев или другой (с другим адресом статьи или с дополнительным параметром в адресе) будет корректно отрабатывать событие. Мета-тег og:image также может помочь отобразить нужную картинку при прикреплении ссылки вконтакте.
Добавить теги OpenGraph можно на той же странице, где вы добавляли кнопку Like от Фейсбука. Если вы используете WordPress, то для вас могут оказаться полезными плагины
Open Graph
или
OpenGraph Meta
. Для движка TextPattern используйте эти
инструкции
.
Подробнее о протоколе OpenGraph
Также полезным для просмотра og:разметки страницы или при смене картинки является инструмент
URL Linter
. Введите в форме адрес вашей страницы и смотрите, как Facebook будет воспринимать её, исходя из используемых мета-тегов.
