Не нравятся результаты поиска? Попробуйте другой поиск!

DLE FAQ » Все вопросы » Общие вопросы по вёрстке » Open graph разметка, широкое изображение?

Open graph разметка, широкое изображение?

cowsdby 04.12.2014 Все вопросы » Общие вопросы по вёрстке 5673

вопрос

Как сделать, чтобы при шаринге ВК, выводилось изображение размером побольше.

По-дефолту у меня выглядит как-то так (как и на dle-faq)

Open graph разметка, широкое изображение?

А надо сделать так:

Описание добавил, смотрел теги на сайте как на втором скрине - теги вроде такие же. В чем проблема?

Ответил: ПафНутиЙ

Для начала следует почитать про разметку opengraph
в тег

<html>

добавьте атрибуты:

 prefix="og: http://ogp.me/ns#" xmlns:fb="http://ogp.me/ns/fb#"

куда-нибудь пред

</head>

вставить:

<meta property="og:type" content="website">
<meta property="og:image" content="http://dle-faq.ru/{THEME}/imaes/image.png">

ну и соостветсвенно картинку по требуемому адресу.
Размер картинки 470x246px

12 комментариев

Юзер

126

disazakon - 2015-02-085 декабря 2014 10:59 - #38278

эм кидать ссылку не на главную а на публикацию.

Юзер

cowsdby - 2015-02-086 декабря 2014 11:07 - #38332

вообще-то тут и висит ссылка на публикацию с dle-faq, у меня аналогичная ситуация.
Жду более адекватного ответа, спасибо

Админ

3457

ПафНутиЙ - 2015-02-086 декабря 2014 11:40 - #38333

можете проверить на этой странице, инструкция в ответе

Каков вопрос - таков и ответ. Просто помните об этом.

Юзер

Inperations - 2015-02-0811 января 2015 14:46 - #39419

Не понятно

куда вставить prefix="og: http://ogp.me/ns#" xmlns:fb="http://ogp.me/ns/fb#"

вот так что ли сделать?

<!DOCTYPE html>
<html lang="ru">
prefix="og: http://ogp.me/ns#" xmlns:fb="http://ogp.me/ns/fb#"
<head>
{metatags}

Юзер

Inperations - 2015-02-0811 января 2015 14:51 - #39420

И ещё

Вот тут ссылка ваша мне туда что в писать?
<meta property="og:image" content="https://dle-faq.ru/{THEME}/imaes/image.png">

Админ

3457

ПафНутиЙ - 2015-02-0811 января 2015 16:55 - #39426

про атрибуты
Но по большому счёту достаточно открыть исх код этой страницы и всё станет ясно.

Цитата: Inperations

Вот тут ссылка ваша мне туда что в писать?

путь к своей картинке.

Каков вопрос - таков и ответ. Просто помните об этом.

Юзер

Inperations - 2015-02-0812 января 2015 00:00 - #39438

Тоесть в моем случае картинка в папку которуб она сохраняется да?

сайт.ру/uploads/posts/2015-01/thumbs/ ??

Я так и сделал но все по старому

Админ

3457

ПафНутиЙ - 2015-02-0812 января 2015 20:36 - #39490

адрес сайта?

Каков вопрос - таков и ответ. Просто помните об этом.

Юзер

Inperations - 2015-02-0812 января 2015 21:18 - #39492

Lnc24.ru

Админ

3457

ПафНутиЙ - 2015-02-0812 января 2015 21:28 - #39494

Что я делаю не так?

Каков вопрос - таков и ответ. Просто помните об этом.

Юзер

Inperations - 2015-02-0812 января 2015 22:22 - #39497

На facebook Нормально да а как сделать что бы в контакте было так же? И на картинке ссылка на сайт.

И новость в контакт пытаюсь она не добавляется так с большой картинкой.

Как на картинке

Юзер

Dema_vs_ - 2015-02-0814 января 2015 17:26 - #39605

Присоединяюсь к вопросу выше, а вконтакте как проделать?

TeraMoune | Как отключить миниатюры стандартной гале ...
TeraMoune
Как отключить миниатюры стандартной галереи Fancybox?
Сегодня, 06:00
В файле engine/classes/fancybox/fancybox.js искать нужную инициализацию и добавлять соответствующие параметры, весь список параметров и их описание можно найти на этой странице https://fancyapps.com/fancybox/api/options/

Например: параметр Thumbs: false отключает миниатюры.
```
Fancybox.bind("[data-highslide]", {
	groupAttr: 'data-highslide',
	idle:2000,
	Thumbs: false,
	caption: (fancybox, slide) => {
		if(  slide.thumbEl && slide.thumbEl.alt ) {
			return slide.thumbEl.alt
		}
	}
});
```
derebas | Как реализовать шифрование трафика? ³

derebas
Как реализовать шифрование трафика?
18-11-2024, 16:52

Ну в теории, можно использовать src на site.com разместить прокси на site2.com а выдавать видео с site3.com, при этом прямой доступ на site3.com закрыть, отдача будет только если запрос с site2.com, таким образом палится только site2.com, НО источник потокового видео, все равно можно увидеть если захотеть, а ссылки, ну купить домен dsac-43efew-csdds.uz как пример
Gordi | Перенёс сайт - не работают кнопки, не от ... ⁸

Gordi
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:46

я уже делал. Пользователь 1000 (это я так понимаю root) и chmod 777
Так и было...
lutskboy | Перенёс сайт - не работают кнопки, не от ... ⁸

lutskboy
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:39

чтоб не удалять выстави права и пользователя какие там идут на файлы. .
Gordi | Перенёс сайт - не работают кнопки, не от ... ⁸

Gordi
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:37

т.е. мне снести всё, что я уже загрузил как root, зайти под юзером и закачать снова?
Видосы в директории upload можно хоть оставить? их там 80 Гб
lutskboy | Перенёс сайт - не работают кнопки, не от ... ⁸

lutskboy
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:17

фтп обычный юзер а не root
Gordi | Перенёс сайт - не работают кнопки, не от ... ⁸

Gordi
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:15

дэк только так и загружаю
Gordi | Как реализовать шифрование трафика? ³

Gordi
Как реализовать шифрование трафика?
18-11-2024, 14:14

я тоже не понимаю....товарищ один, представитель хостинга сказал, что даже есть модули такие специальные под популярные цмс
lutskboy | Перенёс сайт - не работают кнопки, не от ... ⁸

lutskboy
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:13

Gordi,
через фтп загружай
Gordi | Перенёс сайт - не работают кнопки, не от ... ⁸

Gordi
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:11

Привет Николай!
Всегда загружал от root... посмотришь может? твой плагин тоже не виден ((
или направь на путь истинный, пжст