Resumen del artículo
Resumen: En WordPress no basta con subir una imagen destacada. El tema debe estar configurado para mostrarla, la plantilla de entrada debe incluirla y el ancho del contenido debe ser cómodo para la lectura. En este artículo vemos cómo revisar esos puntos paso a paso.
Por qué una entrada puede verse mal aunque el contenido sea correcto
Una entrada de WordPress puede tener buen texto, una imagen destacada correctamente subida y una URL limpia, pero aun así verse poco profesional. Esto suele pasar cuando la plantilla de entrada individual no está bien configurada.
Los síntomas más habituales son sencillos de reconocer: la imagen hero no aparece, el título queda demasiado separado, el texto se muestra en una columna muy estrecha, la página parece una tarjeta aislada o la imagen queda oculta aunque exista en la biblioteca multimedia.
Para una microempresa, un autónomo o una pequeña consultoría, estos detalles importan. Un artículo técnico no sólo debe estar escrito correctamente; también debe ser fácil de leer, transmitir confianza y presentar una estructura visual clara.
Imagen destacada, imagen hero e imagen insertada no son lo mismo
En WordPress conviene distinguir tres conceptos que a menudo se mezclan.
La imagen destacada es la imagen asociada técnicamente a la entrada. WordPress la guarda como metadato del artículo y muchos temas la utilizan para mostrar miniaturas, cabeceras o imágenes superiores.
La imagen hero es el uso visual de esa imagen como elemento principal de la entrada, normalmente bajo el título o formando parte del área superior del artículo.
Una imagen insertada en el contenido, en cambio, es una imagen colocada manualmente dentro del cuerpo del artículo, como si fuera un párrafo más. Puede ser útil para explicar un paso concreto, pero no sustituye a la imagen destacada.
Para un blog profesional, lo recomendable es usar la imagen destacada como hero y reservar las imágenes interiores para capturas, esquemas o ejemplos.
Comprobar que la entrada tiene imagen destacada
Antes de tocar el diseño del tema, hay que comprobar lo básico: que la entrada realmente tiene una imagen destacada asignada.
Desde el editor de WordPress, se hace en la barra lateral de la entrada. En el editor de bloques, hay que abrir el panel lateral mediante el icono de ajustes, seleccionar la pestaña Entrada y buscar el apartado Imagen destacada.
Si se administra el sitio por consola, también puede comprobarse con WP-CLI:
cd /var/www/sandbox.consultoriainformatica01.com
sudo -u www-data wp post meta get ID_DE_LA_ENTRADA _thumbnail_idSi el comando devuelve un número, la entrada tiene imagen destacada. Ese número es el ID del adjunto en WordPress.
Después puede comprobarse la URL del adjunto:
sudo -u www-data wp post get ID_DEL_ADJUNTO --field=guidSi devuelve una ruta válida de imagen, el problema no está en la asignación de la imagen, sino en cómo el tema la muestra.
Comprobar si el tema soporta imágenes destacadas
Los temas modernos de WordPress suelen soportar imágenes destacadas, pero conviene verificarlo si la imagen no aparece en pantalla.
Con WP-CLI puede hacerse así:
cd /var/www/sandbox.consultoriainformatica01.com
sudo -u www-data wp eval 'echo current_theme_supports("post-thumbnails") ? "SI\n" : "NO\n";'Si la respuesta es SI, el tema permite imágenes destacadas. En ese caso, si la imagen no se ve, casi siempre se trata de una opción de diseño o de plantilla.
También puede revisarse qué tema está activo:
sudo -u www-data wp theme listEsto ayuda a confirmar si se está trabajando realmente con el tema esperado.
Configurar la entrada individual en Astra
En temas como Astra, muchas opciones visuales se gestionan desde el personalizador. Para revisar la plantilla de entradas, hay que ir a:
Apariencia → Personalizar → Blog → Entrada individual
Dentro de esa zona suelen aparecer opciones como el diseño del contenedor, la barra lateral, el ancho del contenido, el área de título, la imagen destacada, la meta información y las entradas relacionadas.
Si la imagen destacada está asignada pero no aparece en la página, hay que revisar especialmente el apartado Entrada Área de título. Ahí puede estar desactivada la imagen destacada o puede haberse elegido una estructura que no la muestra.
Una configuración razonable para un blog técnico sería:
- Entrada individual sin barra lateral.
- Imagen destacada visible en la parte superior.
- Título y meta información cerca de la imagen.
- Contenido con ancho suficiente para leer cómodamente.
- Entradas relacionadas sólo si aportan navegación útil.
Elegir un ancho de contenido cómodo
Uno de los problemas más frecuentes en WordPress es que el contenido queda demasiado estrecho. Esto puede ocurrir incluso en pantallas grandes.
Un ancho excesivamente reducido hace que el artículo parezca pobre, obliga a bajar mucho para leerlo y rompe el equilibrio visual entre imagen, título y cuerpo del texto.
Para artículos técnicos, una anchura de lectura aproximada entre 820 y 950 píxeles suele funcionar bien. Permite leer párrafos largos sin fatiga, deja respirar a los encabezados y facilita la integración de capturas o imágenes explicativas.
En Astra, esta opción puede estar en:
Apariencia → Personalizar → Blog → Entrada individual → Ancho del contenido
También puede aparecer dentro de ajustes globales del contenedor:
Apariencia → Personalizar → Global → Contenedor
La elección exacta depende del diseño del sitio, pero en una web de consultoría informática suele ser mejor evitar columnas demasiado estrechas y diseños excesivamente minimalistas.
Dónde colocar la imagen hero
La imagen hero puede mostrarse de varias formas. No hay una única solución válida, pero sí hay opciones más claras para un blog profesional.
Una estructura clásica y eficaz es:
- Título del artículo.
- Autor y fecha.
- Imagen hero.
- Introducción.
- Índice de contenidos.
- Desarrollo del artículo.
Otra posibilidad es colocar la imagen por encima del título, con el bloque del título superpuesto o integrado debajo. Esta opción puede quedar visualmente atractiva, pero debe usarse con cuidado para no sacrificar legibilidad.
En blogs técnicos, la prioridad debe ser que el usuario entienda rápido dónde está, qué va a leer y por qué esa página le puede ayudar.
Evitar que la imagen hero se inserte dentro del texto
Cuando una imagen no aparece como hero, muchos usuarios la insertan manualmente al principio del contenido. Aunque puede parecer una solución rápida, no siempre es la mejor.
Si se inserta manualmente, WordPress no la tratará necesariamente como imagen destacada. Eso puede afectar a listados de entradas, tarjetas del blog, enlaces compartidos, datos estructurados o diseños automáticos del tema.
La forma más ordenada es asignarla como Imagen destacada y configurar el tema para que la muestre en la plantilla de entrada individual.
Comprobar si la imagen aparece en el HTML
Cuando una imagen destacada no se ve, hay dos posibilidades: que el tema la esté imprimiendo pero esté oculta por CSS, o que directamente no aparezca en el HTML.
Desde consola puede comprobarse con curl:
curl -s https://tudominio.com/slug-del-articulo/ | grep -i "wp-post-image"También puede buscarse el nombre concreto del archivo:
curl -s https://tudominio.com/slug-del-articulo/ | grep -i "nombre-de-la-imagen.webp"Si no aparece ninguna línea, el tema no está imprimiendo la imagen. En ese caso hay que volver al personalizador o revisar la plantilla.
Si sí aparece, pero no se ve en navegador, entonces el problema puede estar en CSS, caché, lazy loading o algún ajuste visual.
Limpiar la caché después de cambiar diseño
Después de modificar opciones del tema o cambiar la imagen destacada, conviene limpiar caché.
Con WP-CLI:
sudo -u www-data wp cache flushSi existe un plugin de caché, también conviene purgarlo desde su propio panel. Y si hay caché a nivel de servidor, proxy o CDN, puede ser necesario vaciarla también.
Problemas habituales y cómo interpretarlos
La imagen está asignada pero no se ve
Normalmente significa que la plantilla de entrada individual no la está mostrando. Hay que revisar el área de título, la estructura de la entrada y las opciones del tema.
La imagen aparece en la biblioteca pero no en el artículo
Puede que esté subida pero no asignada como imagen destacada. Subir una imagen a medios no basta; hay que asociarla a la entrada.
El contenido se ve demasiado estrecho
Hay que revisar el ancho del contenedor, el ancho del contenido y la presencia de barras laterales. Una barra lateral innecesaria puede reducir mucho la zona útil de lectura.
El artículo muestra códigos raros o shortcodes
Esto suele ocurrir cuando el contenido procede de otro constructor visual, como Divi, Elementor u otro sistema similar. Si el nuevo tema no interpreta esos shortcodes, aparecerán como texto plano y habrá que limpiarlos o convertir el contenido.
La imagen aparece duplicada
Puede ocurrir si se usa a la vez como imagen destacada y también se insertó manualmente dentro del contenido. Lo recomendable es dejarla como imagen destacada y eliminar la copia manual si no aporta nada.
Buenas prácticas para una imagen hero de blog técnico
Una imagen hero debe ayudar a entender el tema del artículo. No debe ser una decoración sin relación con el contenido.
Para un blog de consultoría informática orientado a pequeños profesionales, funcionan bien las imágenes realistas de escritorios sencillos, equipos de trabajo modestos, ordenadores de oficina, servidores pequeños, routers, discos externos, cuadernos y herramientas prácticas.
Conviene evitar una estética demasiado corporativa, futurista o lujosa si el público objetivo son autónomos, microempresas o pymes con pocos recursos.
Como criterio técnico, una imagen horizontal en formato WebP, con buena compresión y una anchura suficiente para escritorio, suele ser una opción equilibrada.
Una plantilla de entrada bien configurada mejora el SEO
La configuración visual de una entrada no es sólo una cuestión estética. Afecta a la experiencia de usuario, a la permanencia en la página y a la claridad con la que el contenido se consume.
Un artículo con título visible, imagen clara, texto legible, índice ordenado y buena jerarquía de encabezados resulta más cómodo para el lector. Y cuando el lector entiende mejor la página, es más probable que siga leyendo, visite otros contenidos o contacte con la empresa.
En proyectos pequeños, estos ajustes son especialmente importantes porque cada visita cuenta. No hace falta tener un diseño espectacular, pero sí una página limpia, coherente y fácil de leer.
Conclusión
Para que una entrada de WordPress se vea correctamente no basta con escribir el artículo y subir una imagen. Hay que comprobar que la imagen destacada está asignada, que el tema la soporta, que la plantilla de entrada individual la muestra y que el ancho del contenido permite una lectura cómoda.
En temas como Astra, estos ajustes suelen resolverse desde el personalizador, especialmente en las opciones de entrada individual, área de título, contenedor y barra lateral.
Una configuración correcta permite que el artículo tenga una apariencia más profesional, que la imagen hero refuerce el contenido y que el lector pueda consumir la información sin esfuerzo.
Preguntas frecuentes
¿La imagen hero debe ser siempre la imagen destacada?
En la mayoría de blogs sí. Es la forma más ordenada de trabajar porque WordPress y el tema pueden reutilizar esa imagen en listados, tarjetas, cabeceras y otros elementos.
¿Por qué la imagen destacada no aparece aunque esté subida?
Porque subirla a la biblioteca no significa asignarla a la entrada. También puede ocurrir que esté asignada pero la plantilla del tema no esté configurada para mostrarla.
¿Qué ancho de contenido es recomendable para un blog técnico?
Como orientación general, entre 820 y 950 píxeles suele ofrecer una lectura cómoda en escritorio. El valor exacto depende de la tipografía, el diseño y la presencia o no de barra lateral.
¿Es mejor usar barra lateral en las entradas?
Para artículos largos y técnicos, muchas veces es mejor prescindir de la barra lateral. Así el contenido gana espacio y la lectura resulta más limpia.
¿Puedo insertar manualmente la imagen al principio del artículo?
Se puede, pero no es lo más recomendable si esa imagen debe funcionar como hero. Es mejor asignarla como imagen destacada y configurar el tema para mostrarla automáticamente.