{"id":746,"date":"2023-08-08T16:24:21","date_gmt":"2023-08-08T16:24:21","guid":{"rendered":"https:\/\/pruebasweb.argenispaz.com\/?p=746"},"modified":"2023-08-10T21:26:48","modified_gmt":"2023-08-10T21:26:48","slug":"como-cambiar-la-imagen-que-se-muestra-al-compartir-una-entrada-en-wordpress","status":"publish","type":"post","link":"https:\/\/pruebasweb.argenispaz.com\/index.php\/2023\/08\/08\/como-cambiar-la-imagen-que-se-muestra-al-compartir-una-entrada-en-wordpress\/","title":{"rendered":"\u00bfC\u00f3mo cambiar la imagen que se muestra al compartir una entrada en WordPress?"},"content":{"rendered":"

[et_pb_section fb_built=\u00bb1″ _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_row _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_column type=\u00bb4_4″ _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_text _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb hover_enabled=\u00bb0″ global_colors_info=\u00bb{}\u00bb sticky_enabled=\u00bb0″]<\/p>\n

\u00bfAlguna vez hemos compartido una entrada de nuestro sitio WordPress en redes sociales y nos hemos llevado una sorpresa al ver que la imagen que se muestra no es la que esper\u00e1bamos? No estamos solos en esto. Muchos propietarios de sitios web en WordPress<\/a> se enfrentan a este peque\u00f1o inconveniente que requiere cambiar la imagen que se muestra al compartir una entrada en WordPress<\/a>, aunque parece trivial, puede influir en la percepci\u00f3n y el engagement de tu contenido en las redes.<\/p>\n

En esta gu\u00eda, vamos a ver que hacer para que podamos tener el control total sobre la imagen que se muestra al compartir las entradas en WordPress. As\u00ed, cada vez que compartamos, \u00a1ser\u00e1 tal y como lo imaginamos!<\/strong> Vamos a sumergirnos en este fascinante mundo y a asegurarnos de que nuestro contenido brille con la mejor luz en las redes sociales. \u00a1Vamos!<\/strong><\/p>\n

[\/et_pb_text][et_pb_text _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb hover_enabled=\u00bb0″ global_colors_info=\u00bb{}\u00bb sticky_enabled=\u00bb0″]<\/p>\n

\u00bfQu\u00e9 es una imagen destacada?<\/h2>\n

Si somos nuevos en el mundo de WordPress o solo no nos hemos detenido a pensar en ese peque\u00f1o detalle visual que acompa\u00f1a a las entradas, es hora de hablar sobre las im\u00e1genes destacadas de WordPress<\/a>. Estas peque\u00f1as maravillas visuales son las encargadas de darle vida y color a nuestro contenido, actuando como la cara<\/strong>\u00a0de nuestras publicaciones cuando se comparten en redes sociales o se muestran en la p\u00e1gina principal u homepage.<\/p>\n

La imagen destacada<\/strong> es, en esencia, la representaci\u00f3n gr\u00e1fica de una entrada o p\u00e1gina. Es la primera impresi\u00f3n que muchos tendr\u00e1n de nuestro contenido, y todos sabemos lo crucial que es una buena primera impresi\u00f3n. \u00bfAlguna vez hemos navegado por un sitio web y hemos sido atra\u00eddos por una imagen llamativa que nos ha llevado a hacer clic en un art\u00edculo?<\/strong> Eso es el poder de una buena imagen destacada.<\/p>\n

En WordPress, esta imagen no solo embellece el sitio, sino que tambi\u00e9n juega un papel crucial al compartir el contenido en plataformas como Facebook en WordPress<\/a> o Twitter en WordPress<\/a>. Es la imagen que, en muchos casos, decide si alguien hace clic en tu enlace o sigue desplaz\u00e1ndose.<\/p>\n

As\u00ed que, ya lo vemos, la imagen destacada no es solo un adorno. Su uso puede aumentar el engagement, atraer a m\u00e1s lectores y asegurar que tu contenido se presente de la mejor manera posible en cualquier plataforma. Con una buena selecci\u00f3n de im\u00e1genes<\/strong>, lograremos que las publicaciones sean m\u00e1s atractivas y cautivadoras para la audiencia.<\/p>\n

[\/et_pb_text][et_pb_image src=\u00bbhttps:\/\/pruebasweb.argenispaz.com\/wp-content\/uploads\/2023\/08\/imagenes-destacadas.gif\u00bb _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb hover_enabled=\u00bb0″ global_colors_info=\u00bb{}\u00bb title_text=\u00bbimagenes destacadas\u00bb sticky_enabled=\u00bb0″][\/et_pb_image][et_pb_text _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb hover_enabled=\u00bb0″ global_colors_info=\u00bb{}\u00bb sticky_enabled=\u00bb0″]<\/p>\n

\u00bfPor qu\u00e9 es importante usar im\u00e1genes destacadas?<\/h2>\n

En ocasiones nos preguntamos si en realidad vale la pena tomarse el tiempo para seleccionar o dise\u00f1ar una imagen destacada para nuestras entradas en WordPress<\/strong>, la respuesta es un rotundo \u00a1s\u00ed!<\/strong> Y no solo porque hacen que nuestro sitio se vea m\u00e1s atractivo, sino porque tienen un impacto real en c\u00f3mo nuestro contenido es percibido y compartido. Vamos a sumergirnos en la importancia de estas im\u00e1genes y por qu\u00e9 deber\u00edamos empezar a darles la atenci\u00f3n que merecen.<\/p>\n

Primera impresi\u00f3n:<\/strong> como bien dice el dicho, una imagen vale m\u00e1s que mil palabras<\/strong>. La imagen destacada es, en muchos casos, la primera interacci\u00f3n que un visitante tiene con el contenido. Una imagen relevante y de alta calidad puede ser la diferencia entre un usuario que decide quedarse y leer o uno que simplemente pasa de largo.<\/p>\n

Mejora el engagement en redes sociales: <\/strong>cuando compartimos entradas en plataformas como Facebook o Twitter<\/strong>, la imagen destacada es lo primero que ven las personas. Una imagen llamativa puede aumentar significativamente la probabilidad de que alguien haga clic en nuestro enlace.<\/p>\n

Imaginemos que hemos escrito un art\u00edculo sobre Los beneficios del yoga para la mente y el cuerpo<\/strong>. Si usamos una imagen destacada de alguien en una postura de yoga relajante en un entorno tranquilo, es probable que atraigas a m\u00e1s personas interesadas en el tema que si simplemente comparti\u00e9ramos el enlace sin imagen.<\/p>\n

Consistencia y branding:<\/strong> usar im\u00e1genes destacadas permite mantener una est\u00e9tica coherente en el sitio web. Esto no solo hace que nuestro sitio se vea m\u00e1s profesional, sino que tambi\u00e9n refuerza la marca cada vez que alguien visita la p\u00e1gina.<\/p>\n

Mejora la navegaci\u00f3n:<\/strong> en muchos temas de WordPress<\/a>, las im\u00e1genes destacadas se utilizan en la p\u00e1gina principal para acompa\u00f1ar a los extractos de las entradas. Esto ayuda a los visitantes a navegar y decidir r\u00e1pidamente qu\u00e9 contenido les interesa explorar m\u00e1s a fondo.<\/p>\n

Optimizaci\u00f3n SEO:<\/strong> una imagen adecuadamente etiquetada y descrita puede ayudar a mejorar la auditoria SEO WordPress<\/a> de nuestra entrada. Los motores de b\u00fasqueda, aunque no pueden ver<\/strong> im\u00e1genes, s\u00ed pueden leer sus etiquetas y descripciones, lo que puede ayudar a mejorar nuestro ranking.<\/p>\n

[\/et_pb_text][et_pb_text _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb hover_enabled=\u00bb0″ global_colors_info=\u00bb{}\u00bb sticky_enabled=\u00bb0″]<\/p>\n

\u00bfComo cambiar la imagen que se muestra al compartir una entrada en WordPress?<\/h2>\n

De manera general las p\u00e1ginas como Facebook, Linkedin o Twitter<\/strong>, eligen las im\u00e1genes destacadas de las publicaciones para mostrarse, sin embargo, algunas veces este ajuste no es tomado por las redes sociales, sino que, por el contrario, es tomada de forma general.<\/p>\n

Incluso en ocasiones podemos ver como no se asigna ninguna imagen<\/strong>, dej\u00e1ndonos un vac\u00edo que se ve bastante desagradable al momento de llamar la atenci\u00f3n de los usuarios.<\/p>\n

Una de las soluciones m\u00e1s sencillas a este problema es la instalaci\u00f3n de un plugin en WordPress<\/a> que nos ayudara a solucionarlo. El plugin de Yoast SEO<\/a>, y posterior tambi\u00e9n veremos otra opci\u00f3n que es igualmente popular en cuanto a plugins de SEO<\/a>. Estos nos van a permitir cambiar la imagen de forma individual seg\u00fan la que necesitemos hasta incluso su t\u00edtulo y contenido.<\/p>\n

[\/et_pb_text][et_pb_text _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb hover_enabled=\u00bb0″ global_colors_info=\u00bb{}\u00bb sticky_enabled=\u00bb0″]<\/p>\n

Usando plugin Yoast SEO<\/h2>\n

En caso de no tener instalado el plugin recordemos que podemos hacerlo por medio del repositorio de WordPress, una vez que verifiquemos que tenemos el plugin instalado y activado<\/strong>, podemos proceder con la configuraci\u00f3n que estamos buscando para nuestras im\u00e1genes.<\/p>\n

[\/et_pb_text][et_pb_image src=\u00bbhttps:\/\/pruebasweb.argenispaz.com\/wp-content\/uploads\/2023\/08\/yoast-seo-plugin.png\u00bb title_text=\u00bbyoast seo plugin\u00bb url=\u00bbhttps:\/\/es.wordpress.org\/plugins\/wordpress-seo\/\u00bb _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb hover_enabled=\u00bb0″ global_colors_info=\u00bb{}\u00bb sticky_enabled=\u00bb0″][\/et_pb_image][et_pb_text _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb hover_enabled=\u00bb0″ global_colors_info=\u00bb{}\u00bb sticky_enabled=\u00bb0″]<\/p>\n

Para resolver el problema necesitamos ingresar a la p\u00e1gina o entrada que esta presentando el problema, incluso podemos ingresar a la que queramos modificar sin que presente una falla. Debemos ubicarnos en el men\u00fa de este plugin dentro de cada p\u00e1gina y buscamos el espacio dedicado a las redes sociales bajo la pesta\u00f1a de social<\/strong>:<\/p>\n

[\/et_pb_text][et_pb_image src=\u00bbhttps:\/\/pruebasweb.argenispaz.com\/wp-content\/uploads\/2023\/08\/social-en-yoast.gif\u00bb title_text=\u00bbsocial en yoast\u00bb _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][\/et_pb_image][et_pb_text _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb hover_enabled=\u00bb0″ global_colors_info=\u00bb{}\u00bb sticky_enabled=\u00bb0″]<\/p>\n

En esta secci\u00f3n encontraremos ajustes simples que nos guiar\u00e1n para insertar la imagen<\/strong>, el t\u00edtulo<\/strong> y la descripci\u00f3n<\/strong> en la p\u00e1gina o entrada<\/strong>. Aunque esta pesta\u00f1a muestra la opci\u00f3n de Facebook<\/strong>, podemos utilizarla tambi\u00e9n para asignar de forma manual la imagen y la informaci\u00f3n para otras redes sociales como Twitter y LinkedIn<\/strong>.<\/p>\n

Es una forma pr\u00e1ctica de personalizar c\u00f3mo se ver\u00e1 nuestro contenido cuando se comparta en diferentes plataformas. Una vez tengamos los ajustes hechos, solo tenemos que hacer clic en actualizar entrada o p\u00e1gina y tendr\u00edamos el ajuste realizado.<\/p>\n

[\/et_pb_text][et_pb_text _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb hover_enabled=\u00bb0″ global_colors_info=\u00bb{}\u00bb sticky_enabled=\u00bb0″]<\/p>\n

Usando plugin Rank Math<\/h2>\n

En el caso de Rank Math es similar al plugin anterior, de igual forma recordando que debemos tener el plugin instalado con anterioridad para poder ver estos men\u00fas y opciones que vamos a seguir en el paso a paso, el plugin lo podemos encontrar en el repositorio de WordPress con el nombre de Rank Math SEO<\/strong><\/a>.<\/p>\n

[\/et_pb_text][et_pb_image src=\u00bbhttps:\/\/pruebasweb.argenispaz.com\/wp-content\/uploads\/2023\/08\/rank-math-plugin.png\u00bb title_text=\u00bbrank math plugin\u00bb _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb hover_enabled=\u00bb0″ global_colors_info=\u00bb{}\u00bb sticky_enabled=\u00bb0″][\/et_pb_image][et_pb_text _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb hover_enabled=\u00bb0″ global_colors_info=\u00bb{}\u00bb sticky_enabled=\u00bb0″]<\/p>\n

Este plugin funciona de manera similar al anterior, pero con algunas opciones adicionales. Ambos plugins tienen sus puntos fuertes y ventajas. Para utilizar este plugin, solo necesitamos buscar el \u00edcono de Rank Math<\/strong> en la parte superior de la p\u00e1gina o entrada. Al hacer clic en \u00e9l, se desplegar\u00e1n todas las opciones y pesta\u00f1as disponibles para que podamos editarlas. Es una manera pr\u00e1ctica de acceder a las opciones de edici\u00f3n desde nuestra p\u00e1gina o entrada.<\/p>\n

[\/et_pb_text][et_pb_image src=\u00bbhttps:\/\/pruebasweb.argenispaz.com\/wp-content\/uploads\/2023\/08\/rank-math-img.gif\u00bb title_text=\u00bbrank math img\u00bb _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][\/et_pb_image][et_pb_text _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb hover_enabled=\u00bb0″ global_colors_info=\u00bb{}\u00bb sticky_enabled=\u00bb0″]<\/p>\n

Una de las diferencias m\u00e1s notables entre este plugin y el anterior es que nos permite previsualizar tanto la apariencia en Facebook como en Twitter<\/strong>. Estas dos opciones son configurables por separado, lo que nos ofrece una ventaja adicional en comparaci\u00f3n con el plugin anterior. Esto resulta en especial \u00fatil para aquellos que a\u00fan no cuentan con un plugin de SEO<\/strong> establecido y desean tener m\u00e1s control sobre c\u00f3mo se ve su contenido en estas plataformas sociales.<\/p>\n

Con esta herramienta, podemos asegurarnos de que nuestras publicaciones tengan el impacto visual deseado en las redes sociales.<\/p>\n

[\/et_pb_text][et_pb_text _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb hover_enabled=\u00bb0″ global_colors_info=\u00bb{}\u00bb sticky_enabled=\u00bb0″]<\/p>\n

Usando un c\u00f3digo personalizado<\/h2>\n

Llegados a este punto nos encontramos con usuarios que no planean usar plugins o para la gesti\u00f3n del seo, m\u00e1s all\u00e1 de que sea beneficioso o no. Vamos a centrarnos en la posibilidad de forzar que esta imagen destacada sea tomada por las redes sociales sin el uso de un plugin.<\/p>\n

Para esto debemos definir una imagen destacada en WordPress tanto para las p\u00e1ginas como para las entradas que estamos generando, de esta forma el c\u00f3digo que agregaremos funcionara de forma correcta.<\/p>\n

El c\u00f3digo que vamos a agregar ejecuta una serie de comandos en nuestro archivo header.php, sin embargo, esto no ser\u00e1 autom\u00e1tico. Tendremos que modificar este archivo para continuar, debemos ubicarlo ingresando en nuestro wepanel > administrador de archivos > public_html > dominio > wp-content > temas > tema utilizado o tema hijo > archivo header.php<\/strong>.<\/p>\n

[\/et_pb_text][et_pb_image src=\u00bbhttps:\/\/pruebasweb.argenispaz.com\/wp-content\/uploads\/2023\/08\/header-en-wepanel.gif\u00bb _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb hover_enabled=\u00bb0″ global_colors_info=\u00bb{}\u00bb title_text=\u00bbheader en wepanel\u00bb sticky_enabled=\u00bb0″][\/et_pb_image][et_pb_text _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb hover_enabled=\u00bb0″ global_colors_info=\u00bb{}\u00bb sticky_enabled=\u00bb0″]<\/p>\n

Luego de que ubicamos nuestro archivo debemos editar el mismo, para ello hacemos clic derecho sobre este seguido de la opci\u00f3n de Ver\/Editar de nuestro wepanel o cPanel si estamos en un hosting externo. Una vez dentro nos ubicamos antes de la siguiente etiqueta wp_head()<\/strong>, aqu\u00ed debemos seleccionar lo siguiente.<\/p>\n

[\/et_pb_text][et_pb_code _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb]<\/p>\n

codfigo<\/pre>\n
<\/code>[\/et_pb_code][et_pb_text _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb hover_enabled=\u00bb0″ global_colors_info=\u00bb{}\u00bb sticky_enabled=\u00bb0″]<\/p>\n
El c\u00f3digo funcionar\u00e1 de la siguiente forma:<\/p>\n