Estrategias de etiquetado: ¿Por qué algunos enlaces no despliegan información al ser pegados en un chat?

  • Autor Autor ultracobra
  • Fecha de inicio Fecha de inicio
ultracobra

ultracobra

Ni
Verificado por Whatsapp
Sòlo la llamo así por no saber como se le dice. Pero en los 3 enlaces pegados que vienen, dos primeros pasa que al pegarlos en un chat, por ejemplo, se despliega título, un texto adicional y la página.

El caso es que en el tercero no se despliega nada. Aclaro que se despliegan las etiquetas un segundo despues de pegar el enlace, pero en el tercer caso no pasa, quiero saber porqué, en qué parte del etiquetado de la página HTML se escribe, además de la imágen aleatoria.



 

Adjuntos

  • Sin título.webp
    Sin título.webp
    16,6 KB · Visitas: 34
Aquí claramente se desplegaron todos los 3 correctamente pero en whatsapp el tercero no, me gustaría saber por qué
 
Por estas etiquetas:

<meta property="og:site_name" content="">
<meta property="og:title" content="" />
<meta property="og:description" content="" />
<meta property="og:image" itemprop="image" content="">
<meta property="og:image:width" content="">
<meta property="og:image:height" content="">
<meta property="og:type" content="article" />
<meta property="og:updated_time" content="" />
 
Open Graph meta tags
Despues de <head>
 
En blogger... solo para el inicio/portada...
Antes (imagen 2)

<!-- Solo Portada --><b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='website' property='og:type'/>
<meta content='https://**.blogspot.com/' property='og:url'/>
<meta content='**Titulo' property='og:title'/>
<meta content=**'Description ' property='og:description'/>
<meta content='**url imagen perfil blogger con s100 en la url' property='og:image'/>
</b:if>

Después (imagen 1)
 

Adjuntos

  • 2023-02-17_010251.webp
    2023-02-17_010251.webp
    4,6 KB · Visitas: 30
  • 2023-02-17_010417.webp
    2023-02-17_010417.webp
    2,2 KB · Visitas: 31
Gracias muchachos @Pocho747 @Puko me ha servido el trozo de código. Arriba puse imagen aleatoria cuando es imagen alternativa al parecer...
 
Gracias muchachos @Pocho747 @Puko me ha servido el trozo de código. Arriba puse imagen aleatoria cuando es imagen alternativa al parecer...
Si compartes la url de una pagina principal/inicio sale la que le pones fija.

Si compartes la url de una entrada/contenido sale automaticamente segun la meta/codigo

En blogger le pones condicionales ...
que solo salga en la portada ... <b:if cond='data:view.isHomepage'>

y otra condicional que solo en entradas/paginas ... <b:if cond='data:view.isMultipleItems'>
la imagen la toma de <meta expr:content='resizeImage(data:blog.postImageUrl ...
sino le pones una imagen fija alternativa sino tiene la entrada con ... <b:else/> + <meta content='Add_your_image_url_here' ...
 

Adjuntos

  • 2023-02-19_165443.webp
    2023-02-19_165443.webp
    9,3 KB · Visitas: 26
Muy bien explicado @Puko me sirve un resto, gracias!

También por los trozos de @Pocho747

Ahora también no dejo campos tipo ALT sin llenar...
 
Atrás
Arriba