Cómo mover su sitio web HTML estático a WordPress

Con WordPress cada vez más popular cada día, es obvio que más personas se subirán al carro. Si bien adoptar WordPress es un gran movimiento, ¿significa que tendrá que despedirse de su sitio web HTML? ¿Realmente debes comenzar de nuevo cuando te mudes a WordPress? Bueno no. Puede migrar su sitio web HTML a WordPress fácilmente mientras conserva el contenido, el diseño e incluso las clasificaciones SEO. Suena genial.


Antes de llevarlo allí, me gustaría abogar por una cosa: si no tiene una razón sólida (como agregar un blog, etc.) para volver a plataforma su sitio web, simplemente déjelo como está. De lo contrario, siéntase libre de adoptar WordPress y aprovechar todas las excelentes características por las que la plataforma es mejor conocida. Por cierto, la publicación de hoy cubrirá temas sobre la migración de un sitio web HTML a WordPress. Analizaremos la planificación y realmente migraremos su sitio a WordPress.

Mover su sitio web a WordPress: el plan

WordPress-post-programación

A través de la experiencia, he aprendido una lección invaluable en la vida: nada tiene éxito sin un plan sólido como una roca. Para migrar su sitio web HTML a WordPress, por lo tanto, necesita un gran plan. Los siguientes son algunos de los puntos a tener en cuenta al elaborar su plan:

  • ¿Conservará su nombre de dominio existente o creará uno diferente?? Propina: También puede instalar WordPress en un subdirectorio, es decir yourdomain.com/wordpress/ y luego apunte el dominio al directorio
  • ¿Cambiará su estructura de URL actual? Esto sucede todo el tiempo, así que prepárate para redirigir tus URL antiguas después de la migración
  • ¿Cuánto contenido (páginas, publicaciones, imágenes, archivos JavaScript, etc.) moverá al nuevo sitio? Los bajos volúmenes de contenido se pueden mover manualmente, pero necesitará herramientas específicas para mover grandes volúmenes de contenido.
  • ¿Su sitio web HTML actual utiliza servicios externos? ¿Hay complementos de WordPress para estos servicios? ¿Cómo integrará servicios de terceros después de la migración??
  • ¿Necesitará transferir herramientas administrativas existentes o existen herramientas equivalentes en WordPress??
  • ¿Va a cambiar los servidores web? Es común que los propietarios de sitios web cambien los servidores web cuando migran a WordPress. Asegúrese de que su proveedor de alojamiento web satisfaga sus necesidades de WordPress. Usamos, amamos y recomendamos el alojamiento de WordPress administrado por WPEngine.

Al final del día, su plan de misión debe detallar cómo:

  1. Crear un dominio o subdirectorio de prueba
  2. Instalar WordPress
  3. Importar contenido desde el sitio HTML existente
  4. Diseñe el nuevo sitio de WordPress (elegir un tema de WordPress o rediseñar desde cero son algunas de las opciones disponibles)
  5. Instale los complementos necesarios de WordPress
  6. Copia de seguridad de sus sitios (tanto HTML como WordPress)
  7. Tratar con enlaces rotos
  8. Ir a vivir

Antes de comenzar, recuerde hacer una copia de seguridad de su sitio HTML (solo como medida de precaución), y tenga en cuenta que no recomendamos hacer modificaciones con su sitio HTML en vivo si no se siente cómodo con lo que está haciendo. Además, debe tener una familiaridad pasajera con WordPress para maximizar su beneficio de este tutorial. Las palabras y frases como redireccionamientos permanentes, CMS, .htaccess, etc. no deberían asustarlo. Realice algunas investigaciones si es necesario ��. Ahora dibuja tu plan en una hoja de papel o en Evernote, en cualquier lugar, y prepárate para la siguiente parte.

Cómo mover su sitio web a WordPress

Con un plan básico en la mano, es hora de la parte práctica. Flexione sus dedos y comencemos configurando WordPress.

Configurar WordPress

Lanzamiento de WordPress 4.0 Benny

Esta es la parte más fácil, ya sea que esté instalando WordPress localmente o con su proveedor de alojamiento. Siga la guía vinculada en la declaración anterior para instalar WordPress localmente. Instalar WordPress con un proveedor de alojamiento web es simple y directo. No espero que tenga ningún problema. La mayoría de los hosts tienen opciones de instalación fáciles con 1 clic, o en el caso del alojamiento administrado de WordPress ya han instalado WordPress para usted. Si se atasca, no dude en ponerse en contacto con su proveedor de alojamiento web.

Puede elegir instalar WordPress en un dominio separado o en un directorio propio; la elección es suya. Ir Configuración -> Lectura en tu pantalla de administrador de WordPress y marca (marca) Disuadir a los motores de búsqueda de indexar este sitio en el Visibilidad del motor de búsqueda sección. No desea que los motores de búsqueda (y clientes) encuentren su sitio de WordPress mientras aún están en desarrollo. Una vez que WordPress esté en funcionamiento (lo que significa que puede ver su nuevo sitio de WordPress en un navegador), estará listo para la siguiente parte: traer su contenido.

Importar contenido

Esto es un poco complicado pero aún posible. Importar su contenido existente a su nueva plataforma de WordPress con éxito depende de una serie de factores:

  • ¿Su sitio HTML actual se ejecuta en un sistema de gestión de contenido conocido como CMS?
  • ¿Hay herramientas de importación (o scripts) disponibles para usted y su situación particular o importará el contenido manualmente?
  • ¿Importará un alto volumen de contenido? Importar un gran volumen de contenido manualmente puede crear un amplio margen para errores humanos.

Veamos las opciones que tenemos. Si su sitio HTML se ejecuta en un CMS disponible comercialmente, es posible que tenga una herramienta de importación a su disposición. ¡Todo lo que tiene que hacer es encontrar la herramienta, hacer clic en algunos botones aquí y allá y su trabajo está hecho! Para obtener detalles específicos sobre la importación de contenido de cualquier CMS en particular, consulte el importar contenido publicado en el Codex de WordPress.

Q: Mi sitio HTML tiene un CMS pero no hay herramientas de importación disponibles. Qué hacer?
UNA: Llame a su desarrollador de back-end para mover el contenido si no tiene idea de qué hacer.

Q: Mi sitio HTML no se ejecuta en un CMS. ¿Esto significa que mi aventura termina aquí??
UNA: No. Simplemente significa que tendrá que importar su contenido manualmente. Tradicional Copiar y pegar es útil aquí.

Q: Mi sitio HTML no se ejecuta en un CMS y tengo un gran volumen de contenido. Que haré?
UNA: Remángate y ponte a trabajar. Copiarás y pegarás por un tiempo, así que también obtén una gran taza de café. O muerde la bala y contrata a un profesional independiente para que haga el trabajo. Hoy en día, hay una gran cantidad de mano de obra independiente, por lo que debe estar cubierto en este sentido. Solo esté atento: estamos hablando de su sitio web aquí, su flujo de ingresos.

Al importar contenido manualmente, asegúrese de usar el Pegar como texto sin formato para copiar el contenido en WordPress, o pegarlo en el lado “Texto” de cada publicación para no transferir accidentalmente ninguno de sus formatos anteriores. Además de eso, prepárate para trabajar un poco en el formateo. Aproveche esta oportunidad para agregar o restar de su contenido si es necesario. Usted sabe, racionaliza, consolida o reutiliza contenido antiguo. También tenga en cuenta que importar contenido manualmente requerirá que primero cree las páginas correspondientes en WordPress (página de inicio, blog, sobre, etc.). Además, deberá cargar todas las imágenes y otros archivos relevantes de su computadora.

Nota: Realice un seguimiento de todas las URL existentes y nuevas. Tendrá que redirigir (o editar) las URL antiguas para conservar su clasificación SEO y proporcionar una experiencia sin errores 404 con su nuevo sitio de WordPress. Puede realizar un seguimiento de todas las URL utilizando un simple documento de hoja de cálculo.

Después de migrar su contenido, cree un menú de navegación con la función de menú de WordPress disponible en Apariencia -> Menús. Esto debería ser fácil y divertido. Supongo que el suyo es un sitio web pequeño con algunas páginas, por lo tanto, un bajo volumen de contenido. Importar contenido, por lo tanto, no lleva días, sino unos segundos. La siguiente parte consiste en diseñar visualmente su nuevo sitio de WordPress.

Diseñando tu sitio de WordPress

eligiendo un nuevo tema de wordpress

Con el contenido en su nueva plataforma de WordPress, es hora de darle a su sitio web un aspecto agradable. Si está buscando cambiar su diseño, este es el momento en que desea hacerlo. Hay varias avenidas abiertas para usted:

  • Puedes desarrollar un tema de WordPress desde cero
  • Puedes descargar un tema desde WordPress, Themeforest o incluso nuestra propia sección de temas gratis
  • Puedes tomar un tema gratis y bifurcarlo
  • Puedes usar los marcos de temas de WordPress
  • Puede convertir su plantilla HTML existente en un tema de WordPress
  • Puede comprar el tema Total WordPress multipropósito y receptivo ��

El método más fácil es encontrar un tema que te guste e instalarlo. Desarrollar su propio tema personalizado podría no ser su mejor opción si es la primera vez que usa WordPress. Suponiendo que su diseño esté listo y funcionando, es hora de restablecer toda la funcionalidad. Aquí es donde entran los complementos de WordPress.

Instalar los complementos necesarios de WordPress

Complementos de WordPress para agregar código

WordPress viene con un gran sistema de complementos que le brinda muchas opciones y funcionalidades para potenciar cualquier sitio web. Puede replicar cualquier funcionalidad en su sitio web HTML fácilmente utilizando un complemento de WordPress. Hay muchos de ellos (complementos), tanto gratuitos como premium, pero si no puede obtener exactamente lo que está buscando, cree uno y compártalo con el mundo. Véndelo, dáselo gratis, lo que sea. Si bien sus necesidades pueden variar según su sitio web y sus preferencias personales, aquí hay más de cien (100) complementos de WordPress para que pueda ponerse en funcionamiento:

  • Más de 25 mejores complementos de redes sociales
  • 20 grandes complementos de WordPress para administradores
  • 40 complementos imprescindibles de WordPress para 2014
  • 20 mejores complementos de comercio electrónico de 2014
  • Los mejores complementos de membresía de WordPress
  • 10 Complementos de BuddyPress que debes tener (Hola, ¿es tu sitio HTML actual una red social?)
  • Los 10 mejores filtros de WordPress Profanity y complementos de bloqueo de spam

Recordatorio: Instale solo complementos que haya descargado de una fuente confiable para ayudar a disminuir el tiempo de carga de la página de WordPress. Los complementos mal codificados pueden ralentizar su sitio, lo cual es un verdadero fastidio.

Su nuevo sitio web de WordPress está casi listo para lanzarse. Solo nos faltan algunos pasos más. Antes de continuar, asegurémonos de que todos los enlaces funcionen. No queremos que los clientes potenciales terminen en las páginas de error 404 ni que perdamos clasificaciones de Google tan preciosas.

Redireccionamiento de enlaces en WordPress

redirecciones simples-301

Con su contenido en WordPress, la funcionalidad restaurada y su nuevo sitio de WordPress luciendo excelente, solo puede encontrarse con otro problema: enlaces rotos. Los enlaces rotos pueden robar toda la alegría de su proceso de migración y enviar prospectos más adelante, por lo que debe tener mucho cuidado. Recomendamos usar un complemento de redirección. Esto hace que el proceso sea prácticamente indoloro. Algunas buenas opciones incluyen el Redireccionamiento simple 301 o la Complemento de redireccionamiento. Después de redirigir todos sus enlaces, es hora de asegurarse de que estén funcionando. ¿Cómo? Utilizar el Plugin de WordPress Broken Link Checker. Tenemos una gran guía para usar este complemento que le muestra cómo eliminar enlaces rotos para siempre.

Si realmente desea profundizar en su nuevo sitio, puede redirigir sus enlaces manualmente editando el archivo .htaccess (pero esto puede resultar engorroso, especialmente si tiene muchas páginas). Sin embargo, si realmente desea seguir el camino .htaccess, aquí está el código de redirección que agregaría a su archivo .htaccess:

Redirigir 301 /about.html http://yourdomain.com/about/
Redireccionar 301 /contact.html http://yourdomain.com/contact/
Redirigir 301 /example.html http://yourdomain.com/example/

Recuerde que su URL de origen debe ser el nombre del archivo de la página y la URL de destino debe ser la URL completa, http: // incluido. Y no olvide incluir el nombre del subdirectorio si tiene páginas que viven en un subdirectorio. Por ejemplo:

Redirigir 301 /folder/page.html http://yourdomain.com/page/

Señalando su dominio al nuevo sitio de WordPress

¿De qué sirve pasar horas y horas migrando su sitio si nadie lo verá? Señalemos su dominio al nuevo sitio. No voy a entrar en detalles ya que el Codex de WordPress tiene un gran artículo que cubre utilizando una instalación de subdirectorio preexistente – use esta guía si instaló WordPress en un subdirectorio.

Si instaló WordPress en un dominio separado o cambió de host, deberá actualizar sus servidores de nombres para su dominio. Si utiliza un CDN de terceros, como Cloudfare, deberá actualizar sus registros DNS. Esto generalmente implica editar sus registros A, un proceso que es fácil como ABC.

Barrido final …

¡Pulgares hacia arriba!

Antes de lanzar finalmente su nuevo sitio de WordPress al mundo, verifique nuevamente si hay enlaces rotos, revise sus páginas principales para asegurarse de que estén formateadas correctamente y verifique que se hayan restaurado todas las funciones (por ejemplo, su tienda, foro, etc.). Configure sus enlaces permanentes (vaya a Configuración -> Enlaces permanentes), análisis, haga que su sitio sea visible para los motores de búsqueda y haga una copia de seguridad de su antiguo sitio HTML. Esta publicación es una guía general para migrar un sitio web HTML existente a WordPress. La publicación no está destinada a sitios web extremadamente grandes. Si tiene preguntas o desea contribuir, no dude en utilizar la sección de comentarios a continuación.!

¿Desea convertir plantillas HTML a temas de WordPress en su lugar? Consulte nuestra serie de tutoriales sobre cómo crear un tema de WordPress a partir de HTML.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map