Добавить изображение к статье при шаринге в соц. сети

@Paul_Check · Регистрация: 28.07.2016

Студворк — интернет-сервис помощи студентам

Хочу сделать иллюстрацию к сайту при размещении ссылки в социальных сетях

HTML5
1
<link rel="image_src" href="./images/ab.png"/>

Но при вставке в соц сети ссылки, иллюстрация не подргужется, тегш линк вставляю в head, в чем ошибка?

@Fedor92 · 09.09.2016, 15:18

Сообщение от Paul_Check

Но при вставке в соц сети ссылки, иллюстрация не подргужется, тегш линк вставляю в head, в чем ошибка?

Тег link не создаёт ссылок... Читаем матчасть http://htmlbook.ru/html/link... А из картинок с помощью тега link вставляется только фавикон! Возможно Вам просто нужен тег <a> для создания ссылки? Чтобы вставить картинку юзаем тег <img>

@Paul_Check · 09.09.2016, 16:37 **[ТС]**

Fedor92, Мне нужно, чтобы при вставке моей ссылки в соц сеть какую нибудь, отображалась картинка с сайта (иллюстрация вроде называется) значит тэг img использовать? А куда его вставить? в head?

@Fedor92 · 09.09.2016, 18:27

Сообщение от Paul_Check

Мне нужно, чтобы при вставке моей ссылки в соц сеть какую нибудь, отображалась картинка с сайта (иллюстрация вроде называется) значит тэг img использовать?

А допёр до сути махинации... То есть, если человек решит поделиться записью в соц сети, чтобы была картинка сопровождающая статью при размещении... Так? У Вас установлена какая-нибудь CMS?

@evikza · 09.09.2016, 18:43

Paul_Check, существуют мета теги для социальных сетей. Помещается сие чудо в <head>. В вашем случае:

HTML5
1
<meta property="og:image" content="./images/ab.png" />

Не по теме:

Для vk.com, иллюстрация 720px шириной, для полной красоты.

@Fedor92 · 09.09.2016, 18:52

Сообщение от evikza

Это только для facebook годится, если мне память не изменяет...

@evikza · 09.09.2016, 19:01

Fedor92, Вконтакте прекрасно понимает:

HTML5
1
2
3
<meta property="og:title" content="title" />
<meta property="og:description" content="description" />
<meta property="og:image" content="image" />

@Fedor92 · 09.09.2016, 19:02

Сообщение от evikza

Вконтакте прекрасно понимает

Тогда вопросов нет, если надо сделать только для контакта...

В wp есть просто плагин SEO Pro, в котором можно выставить все необходимые значения...

@evikza · 09.09.2016, 19:12

Не по теме:

Fedor92, ну вдруг ТС непривередливый :jokingly:

А так да, если полноценная CMS, лучше воспользоваться плагинами/скриптами которые сделают все за тебя.

@Paul_Check · 11.09.2016, 13:56 **[ТС]**

evikza, а для одноклассников тоже сработает?

Добавлено через 19 часов 36 минут
evikza, сработало! спасибо =)

Новые блоги и статьи Все статьи Все блоги /
Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT bedvit 28.01.2026 Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .	Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 28.01.2026 Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .	Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL3_image 8Observer8 27.01.2026 Содержание блога SDL3_image - это библиотека для загрузки и работы с изображениями. Эта пошаговая инструкция покажет, как загрузить и вывести на экран смартфона картинку с альфа-каналом, то есть с. . .	влияние грибов на сукцессию anaschu 26.01.2026 Бифуркационные изменения массы гриба происходят тогда, когда мы уменьшаем массу компоста в 10 раз, а скорость прироста биомассы уменьшаем в три раза. Скорость прироста биомассы может уменьшаться за. . .
Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android 8Observer8 26.01.2026 Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .	Установка Android SDK, NDK, JDK, CMake и т.д. 8Observer8 25.01.2026 Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .	Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf 8Observer8 25.01.2026 Содержание блога Если у вас не установлены Android SDK, NDK, JDK, и т. д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера Скачайте. . .	Использование SDL3-callbacks вместо функции main() на Android, Desktop и WebAssembly 8Observer8 24.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .

@Paul_Check 3 / 4 / 0 Регистрация: 28.07.2016 Сообщений: 192
	09.09.2016, 16:37 [ТС]
	Fedor92, Мне нужно, чтобы при вставке моей ссылки в соц сеть какую нибудь, отображалась картинка с сайта (иллюстрация вроде называется) значит тэг img использовать? А куда его вставить? в head? 0

@evikza 968 / 530 / 244 Регистрация: 20.05.2015 Сообщений: 776
	09.09.2016, 19:12
	Не по теме: Fedor92, ну вдруг ТС непривередливый :jokingly: А так да, если полноценная CMS, лучше воспользоваться плагинами/скриптами которые сделают все за тебя. 0

@Paul_Check 3 / 4 / 0 Регистрация: 28.07.2016 Сообщений: 192
	11.09.2016, 13:56 [ТС]
	evikza, а для одноклассников тоже сработает? Добавлено через 19 часов 36 минут evikza, сработало! спасибо =) 0