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

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

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

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

вопрос

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

По-дефолту у меня выглядит как-то так (как и на 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 - 2014-12-045 декабря 2014 10:59 - #38278

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

Юзер

cowsdby - 2014-12-046 декабря 2014 11:07 - #38332

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

Админ

3457

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

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

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

Юзер

Inperations - 2014-12-0411 января 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 - 2014-12-0411 января 2015 14:51 - #39420

И ещё

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

Админ

3457

ПафНутиЙ - 2014-12-0411 января 2015 16:55 - #39426

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

Цитата: Inperations

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

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

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

Юзер

Inperations - 2014-12-0412 января 2015 00:00 - #39438

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

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

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

Админ

3457

ПафНутиЙ - 2014-12-0412 января 2015 20:36 - #39490

адрес сайта?

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

Юзер

Inperations - 2014-12-0412 января 2015 21:18 - #39492

Lnc24.ru

Админ

3457

ПафНутиЙ - 2014-12-0412 января 2015 21:28 - #39494

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

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

Юзер

Inperations - 2014-12-0412 января 2015 22:22 - #39497

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

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

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

Юзер

Dema_vs_ - 2014-12-0414 января 2015 17:26 - #39605

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

non-stop | Как решить проблему индексации DLE в пои ... ¹

non-stop
Как решить проблему индексации DLE в поиске Bing?
19-12-2024, 17:02

Забыл написать что обновился до последней версии 17.3
Интересно узнать, это только у меня проблема, или это проблема движка? проверьте свои сайты на наличие в поиске Bing.
В 11 винде именно эта поисковая система стоит по умолчанию . кроме того эта же поисковая система отвечает за индекс еще одного поисковика - yahoo. Эти системы могут давать дополнительный процент пискового трафика на сайты.
lutskboy | Как максимально грамотно организовать до ... ¹

lutskboy
Как максимально грамотно организовать добавление материалов через SQL-запросы?
18-12-2024, 21:39

все верно. related_ids автоматом заполняется потом.
derebas | Убираем xfsearch из адресной строки ⁷

derebas
Убираем xfsearch из адресной строки
16-12-2024, 02:35

в правилах транслитерации для tagvalue поставьте замену " " => "-", например так
str_replace(array('.', ' ', '/', '&', "'", '+', '«', '»', ':', '!'), array('', '-', '-', 'and', '', '', '', '', '', '')
toxicpioner | Убираем xfsearch из адресной строки ⁷

toxicpioner
Убираем xfsearch из адресной строки
15-12-2024, 19:31

если в доп поле есть пробел, будет выдавать просто 403 стр
dj-avtosh | Воспользовался хаком удаление html из ад ... ²

dj-avtosh
Воспользовался хаком удаление html из адресной строки у новости, появилась ошибка, как пофиксить?
12-12-2024, 17:26

Нужно правило с year поднять выше всех в .htaccess
TeraMoune | Воспользовался хаком удаление html из ад ... ²

TeraMoune
Воспользовался хаком удаление html из адресной строки у новости, появилась ошибка, как пофиксить?
11-12-2024, 22:12

У вас убрано слишком много отличительных признаков в ссылках и теперь ссылки пересекаются. Убрали xfsearch, убрали html, а так же зачем то убрали дефиз разделяющий id и alt_name. Теперь некоторые ссылки будут отвечать выражению под правила ссылок новостей. Исправить вы можете только переосмыслив эти ссылки и добавить в них каких-то отличительных особенностей, переосмыслить чпу.
toxicpioner | Как упорядочить ID новостей ¹⁹

toxicpioner
Как упорядочить ID новостей
9-12-2024, 22:24

***Комментарий удален***
DnCnv | Как показать только одну категорию, к ко ... ¹

DnCnv
Как показать только одну категорию, к которой принадлежит новость?
9-12-2024, 01:46

***Комментарий удален***
web102 | Почему не отображается картинка в галере ... ³

web102
Почему не отображается картинка в галерее?
4-12-2024, 11:49

дайте адрес сайта. можно в личку
Shandi | Почему не отображается картинка в галере ... ³

Shandi
Почему не отображается картинка в галерее?
3-12-2024, 08:53

Мне как ламеру ничего не понятно:( Кто-то это исправляет за денужку?