Cómo subir una página HTML a WordPress sin errores 404

¿Recuerdas los días de los sitios web HTML estáticos? Nosotros sí. Incluso ahora, con WordPress impulsando más del 43% de todos los sitios web, hay momentos en los que necesitas subir una página HTML personalizada. Pero he aquí el detalle: WordPress no siempre se lleva bien con las subidas de HTML, a menudo recibiendo a los usuarios con la temida página de error 404.

Hemos pasado años ayudando a los usuarios de WordPress a resolver este exacto problema a través de WPBeginner. Lo que hemos aprendido es que la mayoría de las personas cometen los mismos errores comunes al intentar subir páginas HTML, lo que lleva a dolores de cabeza innecesarios y tiempo perdido.

Permítenos guiarte a través del proceso probado que usamos para subir páginas HTML a WordPress sin ningún error 404. Ya sea que estés agregando una página de destino especial o integrando contenido heredado, estos pasos te ahorrarán horas de solución de problemas.

Respuesta rápida: Cómo subir una página HTML a WordPress sin errores 404

Sube tu archivo (o carpeta) HTML al directorio raíz de tu sitio a través de FTP o Administrador de archivos. Accede a él en example.com/tuarchivo.html o example.com/tucarpeta/. Si obtienes un 404, agrega una regla de reescritura a tu archivo .htaccess. Para errores 403, establece los permisos de archivo en 755.

¿Por qué subir páginas HTML a WordPress?

A veces necesitas agregar una página HTML estática de un sitio antiguo o una plantilla personalizada que WordPress no genera por sí solo.

• Reutiliza páginas heredadas: migra contenido estático de sitios web más antiguos sin reconstruir desde cero
• Páginas de destino personalizadas: sube plantillas HTML preconstruidas que no encajan en los temas estándar de WordPress

La mayoría de los temas vienen con plantillas prediseñadas, y los plugins de páginas de destino para WordPress como SeedProd te permiten diseñar páginas con una interfaz de arrastrar y soltar. Por lo tanto, en la mayoría de los casos, no necesitarás subir manualmente una página HTML.

Consejo de experto: Si necesitas un diseño de página personalizado, te recomendamos SeedProd, el mejor plugin constructor de páginas para WordPress. Con su editor de arrastrar y soltar, hemos creado páginas de destino de alta conversión en minutos. Además, viene con plantillas profesionales, por lo que no tienes que empezar desde cero. Consulta nuestra reseña detallada de SeedProd para más información.

Dicho esto, hay momentos en los que subir una página HTML tiene sentido. Quizás tenga una página estática de un sitio antiguo que quiera reutilizar, o encontró una plantilla HTML que se adapta perfectamente a sus necesidades.

Nos hemos encontrado en esta situación antes al migrar sitios web antiguos o integrar páginas de destino personalizadas. El desafío es que WordPress utiliza su propia estructura de URL amigable con SEO, lo que puede causar un error 404 si la página HTML no se sube correctamente.

Afortunadamente, hemos encontrado soluciones sencillas para subir páginas HTML a WordPress sin romper su sitio. Veamos los pasos.

Subir una página HTML a un sitio de WordPress

Paso 1. Prepara tu archivo o carpeta HTML

Primero, debe preparar la página HTML que desea subir.

Si es una sola página HTML sin archivos CSS o de imagen separados, puede subirla tal cual.

Sin embargo, si la página que desea subir tiene archivos CSS e imágenes separados, entonces necesita colocarlos en una estructura de directorios.

Idealmente, querrá colocar sus archivos en una carpeta en su computadora.

No olvide abrir su archivo HTML principal para asegurarse de que todo funcione como se espera.

Paso 2: Conéctate a través de FTP o Administrador de archivos

A continuación, necesitas conectarte a tu sitio de WordPress usando un cliente FTP o la aplicación Administrador de archivos en el panel de control de tu cuenta de hosting (como cPanel).

Paso 3: Sube al directorio raíz

Después de eso, deberás subir la carpeta que creaste anteriormente a la carpeta raíz de tu sitio web de WordPress. La carpeta raíz es la que tiene las carpetas wp-admin, wp-content y wp-includes dentro.

Paso 4: Visita tu página HTML

Después de subir tus archivos, puedes ir a tu sitio web para ver tu página HTML.

Si subiste la carpeta con los archivos HTML y los archivos CSS e imágenes que la acompañan, entonces necesitarás agregar el nombre de la carpeta que subiste al final de la dirección de tu sitio web así:

https://example.com/landing-page

Nota: El archivo HTML principal en tu carpeta debe llamarse index.html. De lo contrario, también tendrás que proporcionar el nombre del archivo HTML.

Por otro lado, si subiste un archivo HTML independiente, simplemente agrega el nombre del archivo HTML al final de la dirección de tu sitio web:

https://example.com/landing-page.html

Ahora verás tu página HTML subida.

Si te encuentras con una página de error, entonces necesitarás solucionar el error.

Solución de problemas al subir páginas HTML en WordPress

Normalmente, deberías poder ver tu página HTML visitando la página o carpeta directamente.

Sin embargo, debido a las reglas de reescritura utilizadas por WordPress o tu servidor web, existe la posibilidad de que te encuentres con algunos errores comunes.

Aquí tienes una comparación rápida de los dos errores más comunes y sus soluciones:

Error	Causa	Solución
404 No encontrado	Conflicto de reglas de reescritura de WordPress	Agrega una regla de reescritura a .htaccess
403 Prohibido	Permisos de archivo incorrectos	Establece los permisos en 755

Solución del error 404 después de subir una página HTML en WordPress

El error 404 es uno de los errores más comunes de WordPress. Sin embargo, en la mayoría de los casos es bastante fácil de solucionar.

Si estás viendo un error 404 después de subir tu página HTML, entonces solo necesitas agregar una regla de reescritura a tu archivo .htaccess:

RewriteRule ^(.*)index\.(php|html?)$ /$1 [R=301,NC,L]

Solución del error 403 después de subir una página HTML en WordPress

Un error 403 también puede ocurrir debido a los permisos de archivo en tu página HTML recién subida o en la carpeta que subiste.

Simplemente conéctate a tu sitio web usando un cliente FTP y haz clic para seleccionar la página HTML o la carpeta que subiste.

A continuación, haz clic derecho y selecciona la opción 'Permisos de archivo' en tu cliente FTP.

Esto abrirá una ventana emergente de permisos de archivo. Ingresa '755' en el campo de valor numérico y marca la opción 'Recursar en subdirectorios'.

Debajo de eso, selecciona la opción 'Aplicar a todos los archivos y directorios' y haz clic en el botón 'Aceptar'.

Esto establecerá los permisos de archivo para tu carpeta de carga HTML y todos los archivos y carpetas dentro de ella.

Para más detalles, consulta nuestro tutorial sobre cómo solucionar errores de permisos de archivos y carpetas en WordPress.

Agregar tu página HTML personalizada a los sitemaps XML

Paso 1: Instala All in One SEO

Ahora que has subido tu página HTML, es hora de que los motores de búsqueda sepan que es parte de tu sitio web.

La forma más fácil de hacer eso es agregándolo a los sitemaps XML de tu sitio web.

Si aún no has configurado sitemaps, sigue las instrucciones de nuestro artículo sobre cómo agregar sitemaps XML en WordPress.

Primero, necesitarás instalar y activar el plugin All in One SEO for WordPress. Para más detalles, consulta nuestro artículo sobre cómo instalar un plugin de WordPress.

Paso 2: Habilita los sitemaps y agrega tu página

Tras la activación, ve a la página All in One SEO » Sitemaps. En la página de Configuración General, asegúrate de que el interruptor 'Habilitar Sitemap' esté activado.

Después de eso, desplázate un poco hacia abajo hasta la sección Páginas Adicionales.

Desliza el interruptor para activar esta sección y luego ingresa la URL de tu página o carpeta HTML en la opción 'URL de la página'.

Haz clic en el botón 'Agregar página' para añadirla.

Después de eso, no olvides hacer clic en el botón 'Guardar Cambios' para almacenar tu configuración.

All in One SEO ahora incluirá la URL de tu página HTML personalizada en los sitemaps XML de tu WordPress. Los motores de búsqueda podrán encontrar la URL y tratarla como cualquier otra página de tu sitio web.

Preguntas Frecuentes

¿Puedo subir varias páginas HTML a WordPress a la vez?

Sí. Coloca todos tus archivos HTML, CSS e imágenes en una carpeta y sube toda la carpeta a tu directorio raíz de WordPress a través de FTP. Cada página será accesible en example.com/nombredecarpeta/nombredearchivo.html.

¿Subir una página HTML afectará el rendimiento de mi sitio de WordPress?

No. Las páginas HTML estáticas son servidas directamente por tu servidor web sin usar PHP ni tu base de datos de WordPress, por lo que en realidad cargan más rápido que las páginas normales de WordPress.

¿Necesito actualizar mi página HTML cuando actualizo WordPress?

No. Tu página HTML subida es completamente independiente de los archivos principales de WordPress. Las actualizaciones de WordPress no sobrescribirán ni afectarán tus páginas HTML personalizadas.

¿Puedo usar el encabezado y pie de página de mi tema de WordPress en una página HTML?

No directamente. Las páginas HTML subidas son independientes y no heredarán el diseño de tu tema de WordPress. Si deseas una apariencia consistente, considera usar un plugin de page builder en su lugar.

¿Cuál es la diferencia entre subir una página HTML y crear una página de WordPress?

Una página de WordPress se almacena en tu base de datos y se administra a través del panel de control. Una página HTML subida es un archivo estático en tu servidor. Las páginas de WordPress son más fáciles de editar, mientras que las páginas HTML te dan control total sobre el código.

Recursos Adicionales

Los siguientes son algunos recursos adicionales que podrías encontrar útiles al tratar con errores 404 o al administrar páginas en tu sitio web:

• Cómo mejorar tu plantilla de página 404 en WordPress (2 formas)
• Cómo recibir alertas por correo electrónico de errores 404 en WordPress
• Los mejores plugins gratuitos de redirección 404 para WordPress
• Cómo organizar o reordenar páginas de WordPress con arrastrar y soltar

Esperamos que este artículo te haya ayudado a aprender cómo subir una página HTML a WordPress sin causar errores. También puedes consultar nuestra guía de SEO para WordPress para obtener más tráfico o nuestra guía para principiantes sobre velocidad y rendimiento de WordPress.

Si te gustó este artículo, suscríbete a nuestro Canal de YouTube para ver tutoriales en video de WordPress. También puedes encontrarnos en Twitter y Facebook.