Para incluir un botón de compartir en Twitter y garantizar que la imagen de la publicación se muestre correctamente, puedes usar las metaetiquetas de Twitter Card junto con un enlace de compartir.
En primer lugar, para hacer que la imagen de tu publicación aparezca en los tweets que compartes, debes agregar las metaetiquetas de Twitter Card en el
<head>
de tu HTML. Aquí está un ejemplo:
HTML:
<head>
...
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@yourTwitterHandle">
<meta name="twitter:title" content="Título del blog aquí">
<meta name="twitter:description" content="Descripción del blog aquí">
<meta name="twitter:image" content="URL de la imagen aquí">
</head>
Recuerda reemplazar
@yourTwitterHandle
con tu nombre de usuario de Twitter,
Título del blog aquí
con el título de tu blog,
Descripción del blog aquí
con la descripción de tu publicación, y
URL de la imagen aquí
con la URL de la imagen de la publicación que deseas compartir.
Ahora, para agregar un botón de compartir en Twitter, puedes usar un enlace de compartir en Twitter y colocarlo donde quieras en tu blog:
HTML:
<a href="https://twitter.com/share?text=textodeltweet&url=LINK_DEL_ARTICULO" target="_blank"> Compartir en Twitter</a>
No olvides reemplazar
textodeltweet
con el texto que deseas que aparezca en el Tweet y
LINK_DEL_ARTICULO
con el enlace del artículo que deseas compartir.
Cuando alguien haga clic en este enlace, se le llevará a una nueva página de Twitter con un Tweet preescrito que mostrará una vista previa de tu artículo con la imagen que hayas especificado en las metatiquetas de Twitter Card.