💡 Choose the image that appears when sharing your website on networks

How to change the image that appears when sharing on networks: Learn how to set custom images and titles that will grab attention on platforms like WhatsApp, Facebook, Twitter and LinkedIn for posts, pages and products in WordPress and WooCommerce.
We'll take a look at how to optimize your posts for social media previews, ensuring images and headlines display exactly how you want them to. This step-by-step tutorial will guide you through customizing your shared links for an impactful social presence.
The links I mentioned in the video:
Facebook / Whatsapp Debugging
/ debug
LinkedIn debugging
/ post-inspector
Twitter (X.COM) debug decommissioned in 2022
/ validator
**************************************************** ********************
Thanks for watching my videos! If you need help with Wordpress development, custom websites, PHP programming, web hosting (shared or VPS), email marketing, SEO, domain registration and more, don't hesitate to contact me!
Visit my website for more information:
Argentina: www.efemosesis...
International: www.efemosesis...
Domain registration: www.efemosesis...
Follow me on Facebook: / efemosesistemas
TH-cam channel: / @franciscomosse
Whatsapp: [phone]
api.whatsapp.c...
**************************************************** ********************
If you are looking for this, the video is for you:
The image of my page is not displayed in WhatsApp
The image is not displayed when sharing a link on Whatsapp
Tutorial to customize images and titles in WordPress and WooCommerce
How to make my links look good on WhatsApp and social networks
Optimize images and titles for social media previews
Customization of images and titles on WooCommerce posts and products
Improve WordPress and WooCommerce social media previews
How shared links look on WhatsApp, Facebook and Twitter

[@Miguelibero]

Gracias, me solucionaste un problema que me daba un quebradero de cabeza, nuevo seguidor!!

[@FranciscoMosse]

Gracias a vos Miguel, por pasar por mi canal y suscribirte! Si tenés sugerencias para nuevos videos, son bienvenidas!
Saludos!!
Pancho

[@fher1973]

Muchas gracias Francisco, llevaba tiempo intentando dar con una solución a este tema.

[@FranciscoMosse]

Hola! Gracias, me alegro que te sirva!!
Saludos!!
Francisco

[@leandroduranovich]

Me vino genial este video Fran ❤

[@FranciscoMosse]

¡Me alegro que mi vídeo te haya venido al rescate, Leandro! Recordá, un gran poder conlleva una gran responsabilidad... ¡elegir la imagen perfecta para compartir en su sitio web! jaja
Saludos!!
Pancho

[@boapeflo]

100 estrellas ! gracias

[@FranciscoMosse]

Gracias a vos, Boanerges, por pasar por mi canal!
Saludos!
Francisco

Gracias me sirvio de mucha ayuda!

[@FranciscoMosse]

Hola Daniela! Gracias por por pasar por mi canal!!
Saludos!!
Francisco

[@mercadoinmueblesvzla]

tengo mi site diseñado con elementor puedo hacer este procedimiento son que se rompa la plantilla?
gracias excelente explicación

[@FranciscoMosse]

Si, podés usarlo sin problemas!
Acordate de limpiar el caché de Elementor, si lo tenés activado
Saludos!
Francisco

[@oscargo9]

Podrias ayudarme, donde modificar en wordpress la informacion de descripcion al compartir un link de wordpress?

[@FranciscoMosse]

Hola Oscar! El titulo lo toma del titulo de la entrada o página de Wordpress (o producto, etc). Si querés asignar otro podés instalar algun plugin tipo Yoast Seo
Saludos!
Francisco

[@aydeeentucocina8650]

Hola me puedes ayudar porque no se ven los videos que me comparten de Facebook en mi watshap... Me aparece una leyenda que los videos no están disponibles aparecen en una franja rosa ..y solo me abre la aplicación Facebook pero no el vídeo que me compartieron ??

[@escribebrunini]

Hola Francisco. Consulta: ¿Existe la posibilidad de NO INCLUIR LA IMAGEN DE PREVISUALIZACIÓN en los enlaces? Solo me interesa que se previsualice el titulo y algo del texto. Estoy utilizando un PLAN GRATIS, tema Lorca´s Lettre. Gracias

[@FranciscoMosse]

Hola! No, las plataformas donde se comparten enlaces siempre buscan una imagen vinculada. (Después... es otro tema si el usuario que lo comparte en Whatsapp, Facebook, etc decide clickear en la cruz y que no salga la vista previa)
saludos!
Francisco

[@kekasronaldo1164]

Excelente video amigo.
Pero que pasa Cuando comparto el link por redes sociales me aparece la imagen pero de mi logotipo, no de la noticia o información. Que puedo hacer ahí?

[@FranciscoMosse]

Hola! Es Wordpress? Probaste el plugin de SEO?
Saludos!
Francisco

[@CooltureStore]

¿Esto podría aplicar para páginas? ¿o solo es en entradas?

[@FranciscoMosse]

Hola! Si, aplica apáginas y entradas por igual. También si por ejemplo tenés Woocommerce con productos
Saludos!
Francisco

[@bryan9028]

Tengo el inconveniente que al compartir la url en WhatsApp no sale la imagen. En Facebook, instagram sin ningún problema todo bien. Cuando depuro en Facebook Debug también sale todo ok.

[@FranciscoMosse]

Si en el debug de Facebook está bien, deberia salir bien, pero la realidad es que en Whatsapp Web a veces se demora y en Whatsapp en el celular funciona bien. Te sucede en las dos versiones de Whatsapp?
Saludos!
Francisco

[@felipeparra8832]

@@FranciscoMosse a mí me sucede en ambas versiones de Whatsapp. Todo bien en Facebook, pero Whatsapp no hay caso

[@FranciscoMosse]

@@felipeparra8832 Si, lamentablemente es muy comón que para Whatsapp manejen otros tiempos y no siempre actualizan el caché de la imagen destacada. Te aconsejo que cuando hagas una plublicacón en tu web le pongas la imagen destacada cuanto antes. Y apenas la publiques pruebes compartirla via Whatsapp común a ver si te lo toma
saludos!
Francisco

[@javidesarrolloweb]

Hola francisco, sabes que yo uso el plugin novashare y antes funcionaba con twitter o X pero ahora ya no funciona el mostrar la imagen, como lo podria solucionar con algun plugin porque tengo 400.000 articulos, desde ya muchas gracias un saludo

[@FranciscoMosse]

Hola! El novashare no lo conozco, nunca lo usé, pero por lo que estoy mirando en la web oficial, es para compartir en redes. El Yoast SEO que yo explico soluciona el problema de que la imagen que vos cargaste como destacada NO SE VE en las vistas previas de Whatsapp/Twitter/Facebook. Podés usar los dos a la vez en todo caso
O sino usá este código con CodeSnippets:
// Agregar meta etiquetas Open Graph para la imagen destacada de las entradas
function agregar_imagen_destacada_open_graph() {
if (is_single() && has_post_thumbnail()) {
global $post;
$imagen_destacada = get_the_post_thumbnail_url($post->ID, 'full');
$titulo = get_the_title();
$descripcion = get_the_excerpt();
echo '' . "
";
echo '' . "
";
echo '' . "
";
echo '' . "
";
echo '' . "
";
}
}
add_action('wp_head', 'agregar_imagen_destacada_open_graph');
saludos!
Francisco

[@javidesarrolloweb]

@@FranciscoMosse muchas gracias francisco lo voy a probar y después te comento

[@portalweblavibrante6622]

Hola y para whatsaap como se haria no me sale la imagen cuando pego el link, te agradezco que me colabores porfa

[@FranciscoMosse]

Hola!
Mientras esté la imagen con este formato, vas a poder mostrar la imagen que quieras

[@losvideosmassencillosdelmu9121]

Hola! Yo aplico en una pagina de wordpress pero me rompe toda la pagina : ( yo solo quiero que este ahi para que lo use para las edes y los resultados de busqueda.

[@FranciscoMosse]

Hola! No deberia romperte el diseño este plugin porque actua a nivel código nada más. Te sugiero probar desactivar el plugin y verificar si realmente es eso. Sino vas a tener que usar otro
Saludos!
Francisco

[@TheKrowFilms]

A mi me sucede igual,, me aparece la imagen de plantilla en vez de todas las que he añadido... de todos modos muy buen tutorial, gracias!

[@TheKrowFilms]

por lo que acabo de leer no deja por no tener la opcion premium de yoast seo

[@FranciscoMosse]

Hola, no hace falta tener la version premium @@TheKrowFilms

[@TheKrowFilms]

seguire intentandolo entonces, muchas gracias @@FranciscoMosse

[@lauraflorez6981]

hola! siempre pongo imagen destacada en esa sección, pero me sigue apareciendo otra imagen, la imagen del logo de mi pagina, sabes qué puedo hacer?

[@FranciscoMosse]

Hola Laura, probá el plugin que explico en el videotutorial para solucionarlo
Saludos!
Francisco

[@carmenruthbonillalizarazo8644]

Cómo coloco el enlace al final de la páguna?😢

[@FranciscoMosse]

Hola Carmen, me podrias explicar mejor a que te referís con "colocar el enlace al final de la página"? Que es lo que querés hacer, agregar un pie de página general?
Saludos!
Francisco

[@NailethPinto]

El Yoast Seo ahora cobra para hacer eso. 😞

[@FranciscoMosse]

Hola Naileth! No, cobran por ver la vista previa, pero te dejan seguir asignando la imagen sin problemas
saludos!
Francisco

[@peyukoluis2156]

Buen tutorial me funcionó pero para mostrar imagen en facebook para Twiter no me muestra nada como le puedo hacer ahí mi estimado.

[@FranciscoMosse]

Hola! Cargaste correctamente la imagen de Twitter? Lamentablemente no hay un limpiador de cache para las urls que se comparten en Twitter (bueno, X.com), asi que te diria que esperes 24hs a ver si lo toman
Saludos!
Francisco

[@joseru2005]

El problema que tengo es cuando estoy en la web del mobile y pongo compartir a whatsapp no sale.

[@FranciscoMosse]

Hola Jo-C Ruffolo, probaste el debug de Facebook en developers.facebook.com/tools/debug/ ?
Saludos,
Francisco

[@AndresZambrano-x1v]

Alguien sabrá hacer lo mismo pero en shopify?

[@FranciscoMosse]

Hola! Personalmente no uso Shopify, asi que en este caso no te puedo ayudar
Saludos!
Francisco

[@imagopublicidad4167]

Y EN HTML? NO EN WORPRESS?

[@FranciscoMosse]

Hola! Con HTML (o sea no usando Wordpress) normal, podés usar este metatags
Saludos!!
Francisco