Задать картинку при вставке ссылки на сайт
220
04 марта 2017, 02:20
Вот так это реализовано в learn.javascript.ru, когда вставляешь ссылку в сообщения, например, или в пост на стену:
А вот так на моем блоге:
Видимо это где-то в заголовках html прописывается для индексации сайта роботами, но не нашел информации по этому поводу. Как это делается-то?
Answer 1
Вам необходимо исользовать протокол OPEN GRAPH, как пример (для различных систем)
<head>
<meta property="og:type" content="profile"/>
<meta property="profile:first_name" content="Имя"/>
<meta property="profile:last_name" content="Фамилия"/>
<meta property="profile:username" content="Ник"/>
<meta property="og:title" content="Название страницы"/>
<meta property="og:description" content="Описание"/>
<meta property="og:image" content="https://website.com/image250X250.png"/>
<meta property="og:url" content="http://www.site.com"/>
<meta property="og:site_name" content="Название сайта"/>
<meta property="og:see_also" content="http://www.website.com"/>
<meta property="fb:admins" content="Facebook_ID"/>
<meta itemprop="name" content="Название сайта"/>
<meta itemprop="description" content="Описание сайта"/>
<meta itemprop="image" content="https://website.com/image250X250.png"/>
<meta name="twitter:card" content="summary"/> <!-- Тип окна -->
<meta name="twitter:site" content="Название сайта"/>
<meta name="twitter:title" content="Название страницы">
<meta name="twitter:description" content="Описание"/>
<meta name="twitter:creator" content="автор"/>
<meta name="twitter:image:src" content="https://website.com/image250X250.png"/>
<meta name="twitter:domain" content="website.com"/>
</head>
Answer 2
Насколько я знаю, такие штуки задаются через мета-теги для микроразметки. Изображение задается через itemprop="image":
<meta itemprop="image" content="http://your-link.png">
-
10:16
-
17:54
-
22:01
-
13:03
-
12:54
Айфон мало держит заряд, разбираемся с проблемой вместе с AppLab
-
21:25
-
07:04
-
07:46
-
21:56
Перевод документов на английский язык: Важность и ключевые аспекты
ТОП-10
- Почему SERVER_ADDR имеет не тот IP 47554 visits
- Как заменить $_SERVER[REMOTE_ADDR] на IP клиента в PHP за двумя Nginx? 30492 visits
- Хочу вывести несколько строк из массива в один div, выводит только много undefined; подскажите, что делать? 23626 visits
- Как через css изменить цвет png изображения? 10348 visits
- Blob video url download 9956 visits
- Php curl запрос через прокси с авторизацией 9208 visits
- Работа с captcha vk api 8091 visits
![Работа с базой без EntityFramework [требует правки]](https://hostciti.net/images/nophoto.png "Работа с базой без EntityFramework [требует правки]")
© "hostciti.net" 20.11.2024 | 07:27