Форумы портала PHP.SU :: Версия для печати :: Иконка сайта на экспресс-панель

Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770
Форумы портала PHP.SU :: Версия для печати :: Иконка сайта на экспресс-панель

Форумы портала PHP.SU » PHP » Напишите за меня, пожалуйста » Иконка сайта на экспресс-панель

Страниц (1): [1]

1. Irina88 - 16 Мая, 2023 - 19:31:36 - перейти к сообщению

Добрый день!

Я хочу сделать чтобы при сохранении закладки на экспресс-панель в Опере отображалась картинка '/sys/radio1.jpg'

Вот код:

CODE (htmlphp):
скопировать код в буфер обмена

<meta property='og:type' content='website'/>
<meta property='og:site_name' content='http://radio.ho.ua'/>
<meta property='og:url' content='http://radio.ho.ua/ukrainian/'/>
<meta property='og:title' content='Radio.ho.ua :: Радиостанции Украины и др. стран мира'/>
<meta property='og:description' content='Радиостанции всех стран мира'/>
<meta property='og:image' content='http://radio.ho.ua/sys/radio1.jpg'/>
<meta property='og:image:alt' content='СМИ'/>
<meta property='og:image:width' content='1080'/>
<meta property='og:image:height' content='1080'/>
<meta property='og:locale' content='uk_UA'/>

Что здесь не так?

2. Vladimir Kheifets - 17 Мая, 2023 - 13:04:05 - перейти к сообщению

Irina88 пишет:

CODE (htmlphp):
скопировать код в буфер обмена

<meta property='og:type' content='website'/>
<meta property='og:site_name' content='http://radio.ho.ua'/>
<meta property='og:url' content='http://radio.ho.ua/ukrainian/'/>
<meta property='og:title' content='Radio.ho.ua :: Радиостанции Украины и др. стран мира'/>
<meta property='og:description' content='Радиостанции всех стран мира'/>
<meta property='og:image' content='http://radio.ho.ua/sys/radio1.jpg'/>
<meta property='og:image:alt' content='СМИ'/>
<meta property='og:image:width' content='1080'/>
<meta property='og:image:height' content='1080'/>
<meta property='og:locale' content='uk_UA'/>

Что здесь не так?

Добрый день, Ирина!

1. С кодом всё в порядке. В нём используется стандарт микроразметки Open Graph.
В браузере Opera это не работет т.к. придумано это было для соц.сетей.

https://xn--80ajr5b.com/2016/11/open-graph-krasivaya-razmetka-dlya-ssylok-v-vk-facebook-i-drugikh-socsetyakh/

Цитата:

"Получить красивые ссылки внутри соцсетей очень просто, для этого существует стандарт микроразметки Open Graph, разработанная компанией Facebook. Со временем этот стандарт приняли на вооружение многие популярные социальные сети (Вконтакте, Google+, Twitter, LinkedIn, Pinterest и др.), а также Skype."

Если Вы введёте ссылку http://radio.ho.ua, например, в поле сообщения WhatsApp, то увидете эту картинку и описание.

2. Если Вы хотите увидеть картинку (иконку) в закладке браузера, то нужно добавить в код

CODE (html):
скопировать код в буфер обмена

<link rel="icon" type="image/x-icon" href="http://radio.ho.ua/sys/radio1.jpg"> 

Картику желательно переделать и записать в формате ico.
Удачи!

3. Irina88 - 17 Мая, 2023 - 19:35:51 - перейти к сообщению

Vladimir Kheifets, я имела ввиду не favicon, а именно картинку. Вот, например, добавляю сайт https://www[dot]ukr[dot]net на экспресс-панель, и там вместо надписи "ukr.net" картинка "https://upst.fwdcdn.com/img/Ukrnet-OG-UA.png"...

4. Vladimir Kheifets - 17 Мая, 2023 - 22:03:56 - перейти к сообщению

Irina88 пишет:

Ирина,
если вручную добавить в экспресс-панель браузера Опера Ваш сайт, то и у Вас картинка появится.
Значит Opera иртерпретирует микроразметку Open Graph, но в других браузерах это так не работает.
В соцсетях, как это и задумано микроразметка Open Graph интерпретируется автоматически.
Если очень хочется, проверяйте User Agent, и выдавайте клиенту сообщение, что сайт оптимирован
под браузер Opera и что нажимать, чтобы дополнить сайт на экспресс-панель.
Удачи!