Para subir una imagen a WordPress, abre una entrada o página en el editor de bloques, añade un bloque Imagen y elige «Subir» o «Biblioteca de medios». Después revisa el tamaño, el texto alternativo y su papel en la carga de la página.
Cómo insertar una imagen en WordPress paso a paso
- Entra en el escritorio de WordPress con tu usuario autorizado.
- Abre Entradas o Páginas y edita el contenido.
- Pulsa +, busca Imagen y añádelo al punto deseado.
- Selecciona Subir, Biblioteca de medios o una opción de inserción compatible con tu versión.
- Especifica el texto alternativo si la imagen aporta información y revisa alineación y tamaño mostrado.
- Previsualiza en móvil y escritorio y publica cuando el resultado sea correcto.
También puedes cargar archivos desde Medios → Añadir nuevo para reutilizarlos más adelante. La interfaz exacta puede variar según la versión de WordPress, el tema y los plugins activos.
Antes de subir: nombre, formato, dimensiones y peso
La mejor optimización suele hacerse antes de cargar el archivo. Renombra la imagen según lo que representa, elige el formato apropiado y evita exportarla con más píxeles de los que necesita el diseño.
| Formato | Uso recomendado | Precaución |
|---|---|---|
| JPEG/JPG | Fotografías tradicionales | No permite transparencia |
| WebP | Fotos y gráficos modernos con buena compresión | Comprueba soporte en tu instalación |
| AVIF | Fotos con buena eficiencia cuando se admite | Valida compatibilidad y procesado del servidor |
| PNG | Transparencias y gráficos que necesitan precisión | Puede pesar bastante en fotografías |
| SVG | Ilustraciones y logotipos vectoriales | WordPress no permite SVG sin medidas adicionales; sanitiza archivos antes de usarlos |
Una foto original de 5.000 píxeles no debería servirse sin adaptar si solo ocupa unos 700 píxeles en pantalla. Genera tamaños apropiados y prueba la nitidez en pantallas de alta densidad. No existe un peso ideal universal para todas las imágenes.
Nombres de archivos que ayudan a entender la imagen
IMG_9087.jpg ❌ Poco descriptivo
diseno-web-tienda-ropa.webp ✓ Describe la imagenTexto alternativo (alt): cómo escribirlo correctamente
El atributo alt ayuda a las personas que usan lectores de pantalla y facilita a los buscadores comprender la imagen en su contexto. Describe la información que aporta, sin convertir el campo en una lista de keywords. Si la imagen es puramente decorativa, el alt vacío suele ser la opción adecuada.
<img
src="equipo-diseno.webp"
alt="Diseñadora revisando una página web en su ordenador"
width="900"
height="600"
>Un logo enlazado suele necesitar como alternativa el nombre de la empresa o la función del enlace. Para fotos de producto, el texto puede incluir características que verdaderamente distingan la fotografía.
Cómo optimizar imágenes para la velocidad de WordPress
1. Sirve tamaños adaptados al dispositivo
WordPress genera tamaños de imagen y, cuando procede, utiliza srcset y sizes para que el navegador seleccione la versión adecuada. Revisa que el tema no esté forzando la imagen original a tamaño completo.
<img
src="producto-800.webp"
srcset="producto-400.webp 400w, producto-800.webp 800w"
sizes="(max-width: 600px) 100vw, 800px"
width="800" height="530"
alt="Mueble de madera en salón luminoso"
loading="lazy"
>2. No apliques carga diferida a la imagen principal
loading="lazy" resulta apropiado para imágenes que quedan fuera de la primera pantalla. Pero la imagen principal que participa en el LCP normalmente debe cargarse con prioridad adecuada: retrasarla podría empeorar la experiencia real.
3. Reserva espacio para evitar cambios de diseño
Incluye dimensiones width y height o una relación de aspecto definida en CSS. Así el navegador puede reservar el hueco y reducir posibles desplazamientos de contenido (CLS).
4. Comprueba la web con datos
Analiza una página representativa en Talestin WPO Analyzer. Revisa las oportunidades de entrega de imágenes, el LCP y los recursos más pesados, y distingue resultados de laboratorio de los datos de usuarios reales.
Errores habituales al trabajar con imágenes
- Subir una foto enorme y confiar en que el CSS reduzca también el peso descargado.
- Repetir palabras clave en todos los textos alternativos sin describir las imágenes.
- Usar PNG para fotografías sin una razón técnica.
- Aplicar carga diferida a la imagen principal y empeorar el LCP.
- Olvidar revisar el recorte y los tamaños en dispositivos pequeños.
- Instalar varios plugins de compresión que procesan y duplican los mismos archivos.
Preguntas frecuentes
¿Dónde se guardan las imágenes de WordPress?
WordPress las gestiona desde la Biblioteca de medios; físicamente suelen almacenarse bajo wp-content/uploads, aunque puede variar con configuraciones y CDNs.
¿Qué formato es mejor para SEO: JPG, PNG o WebP?
No existe un ganador universal. Importan la calidad, el peso, el contexto, el texto alternativo y una entrega eficiente.
¿Debo poner lazy loading en todas las imágenes?
No. Evita retrasar imágenes críticas visibles al entrar, especialmente si son el elemento LCP.
¿Cambiar el nombre del archivo mejora directamente el ranking?
Un nombre descriptivo ayuda a contextualizar la imagen, pero por sí solo no garantiza posiciones. Prioriza contenido útil y una buena experiencia de página.
Fuentes y documentación oficial
Una web útil, rápida y preparada para convertir.
Si tu proyecto necesita una nueva web, mejorar su rendimiento o resolver problemas técnicos, estudiaremos una solución adaptada.
Solicitar información ↗