Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.72/18: Рейтинг темы: голосов - 18, средняя оценка - 4.72
 Аватар для Paul_Check
3 / 4 / 0
Регистрация: 28.07.2016
Сообщений: 192

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

09.09.2016, 14:56. Показов 3499. Ответов 9
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Хочу сделать иллюстрацию к сайту при размещении ссылки в социальных сетях
HTML5
1
<link rel="image_src" href="./images/ab.png"/>
Но при вставке в соц сети ссылки, иллюстрация не подргужется, тегш линк вставляю в head, в чем ошибка?
0
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
09.09.2016, 14:56
Ответы с готовыми решениями:

Доработка соц. сети. Нужно добавить сообщества.
http://network.url.ph/ я хочу добавить туда группы (сообщества) кто бесплатно поможет?

Как установить на сайт привязку к соц аккаунтам и авторизация через соц сети
Добрый вечер форумчане, вопрос имею, есть сайт с логинами и паролями в базе, хочу сделать чтоб в личном кабинете пользователя была привязка...

Алгоритм "добавить в друзья" для мини-соц.сети
Нужно сделать что-то вроде функции &quot;добавить в друзья&quot;, но, если честно, не особо представляю как это сделать. Подскажите пожалуйста, как...

9
Эксперт HTML/CSS
 Аватар для Fedor92
2964 / 2621 / 1068
Регистрация: 15.12.2012
Сообщений: 10,091
Записей в блоге: 11
09.09.2016, 15:18
Цитата Сообщение от Paul_Check Посмотреть сообщение
Но при вставке в соц сети ссылки, иллюстрация не подргужется, тегш линк вставляю в head, в чем ошибка?
Тег link не создаёт ссылок... Читаем матчасть http://htmlbook.ru/html/link... А из картинок с помощью тега link вставляется только фавикон! Возможно Вам просто нужен тег <a> для создания ссылки? Чтобы вставить картинку юзаем тег <img>
0
 Аватар для Paul_Check
3 / 4 / 0
Регистрация: 28.07.2016
Сообщений: 192
09.09.2016, 16:37  [ТС]
Fedor92, Мне нужно, чтобы при вставке моей ссылки в соц сеть какую нибудь, отображалась картинка с сайта (иллюстрация вроде называется) значит тэг img использовать? А куда его вставить? в head?
0
Эксперт HTML/CSS
 Аватар для Fedor92
2964 / 2621 / 1068
Регистрация: 15.12.2012
Сообщений: 10,091
Записей в блоге: 11
09.09.2016, 18:27
Цитата Сообщение от Paul_Check Посмотреть сообщение
Мне нужно, чтобы при вставке моей ссылки в соц сеть какую нибудь, отображалась картинка с сайта (иллюстрация вроде называется) значит тэг img использовать?
А допёр до сути махинации... То есть, если человек решит поделиться записью в соц сети, чтобы была картинка сопровождающая статью при размещении... Так? У Вас установлена какая-нибудь CMS?
0
 Аватар для evikza
968 / 530 / 244
Регистрация: 20.05.2015
Сообщений: 776
09.09.2016, 18:43
Paul_Check, существуют мета теги для социальных сетей. Помещается сие чудо в <head>. В вашем случае:

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

Не по теме:

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

1
Эксперт HTML/CSS
 Аватар для Fedor92
2964 / 2621 / 1068
Регистрация: 15.12.2012
Сообщений: 10,091
Записей в блоге: 11
09.09.2016, 18:52
Цитата Сообщение от evikza Посмотреть сообщение
<meta property="og:image" content="./images/ab.png" />
Это только для facebook годится, если мне память не изменяет...
0
 Аватар для evikza
968 / 530 / 244
Регистрация: 20.05.2015
Сообщений: 776
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" />
Миниатюры
Добавить изображение к статье при шаринге в соц. сети  
1
Эксперт HTML/CSS
 Аватар для Fedor92
2964 / 2621 / 1068
Регистрация: 15.12.2012
Сообщений: 10,091
Записей в блоге: 11
09.09.2016, 19:02
Цитата Сообщение от evikza Посмотреть сообщение
Вконтакте прекрасно понимает
Тогда вопросов нет, если надо сделать только для контакта... В wp есть просто плагин SEO Pro, в котором можно выставить все необходимые значения...
1
 Аватар для 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
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
11.09.2016, 13:56
Помогаю со студенческими работами здесь

Не отображаются картинки при перепосте стайтей на соц. сети
Добрый день, я столкнулся с проблемой при перепосте статей с сайта на соц. сети не отображается картинка заголовка поста. Вроде нечего не...

Изображение в статье на которой есть текст и миниатюры
Здравствуйте. Помогите пожалуйста. У меня есть игровой сайт, на котором я публикую статьи по прохождению квестов и полезной информации. ...

Как размещать изображение в статье опубликованной в блоге VK, Twitter или Facebook?
Теги &lt;img и не работают. Ссылку на сайт с источником информации, тоже размещать не получается. Как размещать записи следующего типа: ...

Заблокированы соц сети
Не могу зайти в социальный сети. Ввожу пароль, просит ввести номер телефона, ввожу пишет что &quot;Оператор не поддерживает&quot;....

Клиент соц. сети
Доброго времени суток.Подскажите как можно зделать Клиент Vk.ком или клиент vseti.бу.......Зарание спасибо.:)


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
10
Ответ Создать тему
Новые блоги и статьи
Инструменты 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, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru