Problems with link miniature formatting

Question

Problems with link miniature formatting

Navigation

#1 by (0 votes)

2

Well, I made a topic earlier on the same subject, the content appeared but the image does not appear.

Follow the code:

<!--PARA ACEITAR ACENTOS-->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<!--CONTEÚDO EM PORTUGUÊS-->
<meta property="og:locale" content="pt_BR">

<!--URL DO SITE-->
<meta property="og:url" content="http://www.meudomínio.com/index.php">

<!--TÍTULO E NOME DO SITE-->
<meta property="og:title" content="TítuloSite">
<meta property="og:site_name" content="Nome do site">

<!-- DESCRIÇÃO DO SITE-->
<meta property="og:description" content="descrição site.">  

<!-- IMAGEM DO SITE -->
<meta property="og:image" content="images/intro.jpg"/>
<meta property="og:image:type" content="image/jpeg">
<meta property="og:image:width" content="800">
<meta property="og:image:height" content="600">

Note: I checked the extension, I have doubt of a detail. The image is pretty big ... and it's all in the head.

html

asked by anonymous 20.04.2018 / 18:30

1 answer

MongoDB - How to insert an ObjectID via variable? How to pass data to the view automatically on the Laravel Resource Controller?

score 0 · Accepted Answer

Apparently you're having trouble with the tags that the Debugger has accused:

og: url

<meta property="og:url" content="http://www.meusite.com.br/ola-mundo">

og: title

<property="og:title"> Specifies the page title, just like this: "This is the name of My Page".

<property="og:site_name"> Specifies the site name: StackOverflow.

og: description

<meta property="og:description" content="Descrição da sua página">

In your og: image: type tag try changing the type to content="image/jpg" and not .jpeg

You can read more about og:tags here: link

About <meta property="fb:app_id"> It is an "identification code" type content="1234567890" that you have to request from FaceBook. The subject is more dense, and you have to evaluate if it's worth it. Here is the official link documentation

Now about the size of the image. This link has FaceBook's best practice settings link

Image sizes: (To use as the "avatar" I would recommend using 200x200)

The minimum image size is 200 x 200 pixels. If you try to use   a smaller image than this, you will see an error in

Image sizes Use images with at least 1200 x 630 pixels to   the best display on high resolution devices. At a minimum, you   should use images that have 600 x 315 pixels to display publications   on the linked page with larger images. Maximum image size is   of 8 MB.

AnotherinterestingarticleinEnglish: link