Correct display of previews images when sharing

Waizor

The fact is that when we share a link to a discussion from the forum, the preview either does not load at all or loads the site logo. This is wrong.

I installed the SEO plugin and it helped me to set a static photo, but this is also wrong. For example, when you post a discussion or an article with photos , it would be the right decision to let the user choose a photo for a preview. Or do it automatically.
Please enter the correct display of the preview when sharing in such social networks as Telegram, WhatsApp and others, please

Justoverclock

Waizor u can do this with custom header, and add the proper meta tag, like flarum.it

<meta property="og:site_name" content="Flarum Italia">
<meta property="og:type" content="website">
<meta property="og:image" content="https://flarum.it/flarumitcover.png">
<meta property="og:description" content="Flarum Italia, il sito ufficiale di supporto alla piattaforma Flarum.">
<meta property="og:title" content="Flarum Italia">
<meta property="og:url" content="https://flarum.it">
<meta name="robots" content="index, follow">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:image" content="https://flarum.it/flarumitcover.png">
<meta name="twitter:description" content="Flarum Italia, la pagina twitter della piattaforma per forum numero uno, Flarum.">
<meta name="keywords" content="forum software, flarum, flarum hosting, flarum seo, supporto flarum, installare flarum, download flarum">

or you can make an extension for that

Waizor

Justoverclock how to use it? Do I need to copy that to css or what? (sorry for my ^_^)

Walys

Justoverclock
hello Just!

This extension is the same you said in this other thread, yes?
Ando working as same but without install extension, directly paste in the header via admin.
Justoverclock

Justoverclock

Waizor u need to put this code into admin panel/appearence/custom header

Walys

Justoverclock Ohhh like it!
I test in my forum shortly.
Any thread to original code to view all the disccuss?

thanks!

Justoverclock

Walys https://css-tricks.com/essential-meta-tags-social-media/ u mean this?

Walys

Justoverclock Perfect!