El archivo hosts de tu ordenador te permite anular las DNS y asignar manualmente nombres de host (dominios) a direcciones IP. Esto puede ser útil durante las migraciones, ya que es posible que quieras ver cómo se ve tu sitio web en un servidor diferente, pero tal vez el DNS no se haya propagado todavía.

Muchos proveedores de alojamiento web — incluido Kinsta — proporcionan una URL temporal (aquí utilizamos nombres de host como sitename.kinsta.cloud) que te permiten visitar un sitio web sin soporte DNS. Sin embargo, las URL temporales pueden seguir siendo problemáticas si un nombre de dominio diferente está codificado en los enlaces internos o plantillas de tu sitio. Y eso es bastante común tras la migración a algunas plataformas de alojamiento.

Así que veamos algunas soluciones.

¿Eres cliente de Kinsta? ¡Problema resuelto!

Si eres uno de los clientes de Alojamiento Administrado de WordPress de Kinsta, puedes dejar de leer sobre cómo editar un archivo hosts y consultar la documentación de nuestra herramienta Vista Previa del Sitio.

Integrada en el panel de control de MyKinsta, la herramienta Vista Previa del Sitio puede mostrar tu sitio utilizando la URL temporal, incluso si hay algún otro nombre de dominio codificado en los enlaces o en el marcado de la página.

No puede ser más fácil. Pero si tu sitio está alojado en otro lugar, aún tienes opciones.

Preparar la Vista Previa de Tu Sitio Web que No esté Alojado en Kinsta

Editar el archivo hosts en tu ordenador significa esencialmente que estás falsificando las DNS en tu ordenador. Pero antes de editar el archivo o utilizar la herramienta gratuita que te recomendamos a continuación, hay dos cosas que debes hacer primero.

1. Registrar el Nombre de Dominio de Tu Sitio

El objetivo de este ejercicio es ver tu sitio web en una dirección aún no soportada por DNS. Necesitarás ese nombre de dominio para continuar a continuación.

Si acabas de migrar tu sitio web a un nuevo servidor, es probable que el nombre de dominio sea el utilizado en tu sitio anterior.

2. Encuentra la Dirección IP de Tu Sitio

También tienes que anotar la dirección IP que tu proveedor de alojamiento ha asignado a tu sitio. Esa dirección suele aparecer en el panel de control de cliente de tu proveedor de alojamiento.

Una vez que hayas anotado tu nombre de dominio preferido y la dirección IP de tu sitio web, puedes pasar a las tres opciones siguientes sobre cómo previsualizar tu sitio antes de cambiar tus DNS.

Opción 1 – Previsualizar un Sitio Web que No Sea Kinsta Sin Editar Nada

Si no te sientes cómodo editando tu archivo hosts en las opciones 2 o 3 siguientes, existe una forma superfácil de previsualizar muchos sitios web que no son de Kinsta con la herramienta online gratuita SkipDNS.

Importante: SkipDNS es un servicio externo diseñado únicamente para ayudarte a previsualizar el aspecto de tu sitio web antes de cambiar tus DNS. No debe utilizarse para evaluar la velocidad o el rendimiento de tu sitio. Para ello, debes utilizar una de las opciones que aparecen más abajo, o cualquier URL temporal proporcionada por tu proveedor de alojamiento. La mejor manera de ver el rendimiento completo de tu sitio web es activar las DNS y utilizar después una herramienta de prueba de velocidad de sitios web.

Paso 1

Navegue a skipdns.link introduzca su dirección IP e introduzca el nombre de su dominio y dirección IP (que te pedimos que registraras más arriba).

Dependiendo de si tiene o no un certificado SSL ya instalado, es posible que deba habilitar también la opción «SSL flexible».

Es recomendable que temporalmente desactive lo siguiente si se están ejecutando ya que puede causar problemas:

  • CDN (si está ejecutando un plugin como CDN enabler desactívelo temporalmente)
  • Adobe Fonts (elimine de su encabezado si  es posible, de lo contrario sus fuentes pueden aparecer rotas)

Si no está seguro cómo se hace esto puede preguntar a su host. O utilice la segunda opción abajo la cual es una buena manera para prever el sitio sin romper las cosas.

SkipDNS
SkipDNS

Paso 2

A preview is then created. Click on «Check it.»

Vista previa SkipDNS creado
Vista previa SkipDNS creado

Paso 3

Luego tendrá una URL temporaria asignada la cual puede usar para prever su sitio WordPress antes de cambiar su DNS. Puede ir a su URL temporaria y confirmar si funciona o no.

Añadir dominio en MyKinsta
Prever sitio antes del cambio de DNS

Si eres cliente de Kinsta, también puedes utilizar la herramienta integrada de Vista Previa del Sitio, ya que esta opción está integrada en tu panel de control de MyKinsta.

Opción 2 – Cómo Editar su Archivo de Hosts en Windows

La segunda opción requiere editar su archivo hosts. Esto replicará más estrechamente su sitio en producción antes de cambiar su DNS. Una ventaja de hacer esto sobre la URL temporal anterior es que no tiene que preocuparse por desactivar sus fuentes CDN o web.

Si desea un método rápido y fácil, puede utilizar una aplicación gratuita como Hosts File Editor. Esto le permite administrar varias entradas a la vez, así como filtrarlas y ordenarlas.

De lo contrario, puede seguir los pasos a continuación para editar el archivo de hosts en Windows manualmente.

Paso 1

El archivo de hosts requiere típicamente acceso adicional. Es decir el primer paso es abrir su editor de texto como un administrador. Haga clic en su menu de inicio, busque el editor de texto, haga clic en el botón derecho del ratón y seleccione «Run as administrator.» Se puede hacer esto en cualquier editor de texto como Notepad, Notepad++, Atom, etc. Nosotros usamos Sublime en el ejemplo de abajo.

abrir editor de texto como administrador
Abrir editor de texto como administrador

Paso 2

Dentro de su editor de texto haga clic File > Abra y busque la siguiente localización:

C:\Windows\System32\drivers\etc\

Paso 3

Haga clic en el archivo de hosts y «Ábralo.»

abrir archivo de hosts
Abrir archivo de hosts

Paso 4

Al final del archivo introduzca su dirección IP (que obtuvo anteriormente) y su nombre de dominio (en nuestro ejemplo usamos wpdev.ink). Si desea probar redirecciones, puede añadir la versión con www y sin www también. Aquí hay un ejemplo sobre lo que añadimos a nuestro archivo de hosts.

 192.168.1.2 wpdev.ink
 192.168.1.2 www.wpdev.ink

Una vez añada lo de arriba, guarde el archivo.

editar su archivo de hosts en windows
Editar su archivo de hosts en windows

A continuación, puedes iniciar tu navegador y navegar hasta el dominio que has introducido. Entonces se mostrará como lo haría en tu servidor. Puedes probar cosas como entrar en el panel de administración de WordPress, hacer clic en tu sitio, etc. Cuando estés totalmente satisfecho, puedes eliminar la información DNS de tu archivo hosts. A continuación, puedes apuntar tus DNS a tu servidor a través de tu registrador de dominios o de un proveedor de DNS externo.

Opción 3 – Cómo Editar el Archivo de Hosts en Mac

Sigue los siguientes pasos para editar tu archivo de hosts en Mac manualmente.

Paso 1

Haga clic en el icono «Finder» en la parte inferior de su pantalla. Haga clic en Aplicaciones (Applications) y luego en Utilidades (Utilities).

abrir utilidades en mac
Abrir utilidades en Mac

Paso 2

Haga clic en la aplicación «Terminal» e introduzca el siguiente y pulse Enter (es muy probable que se le pedirá también su contraseña de administrador).

sudo nano /private/etc/hosts
mac terminal sudo nano hosts
Mac terminal buscar el archivo de hosts

Paso 3

Pulse Enter de nuevo para empezar a editar el archivo. Mueva abajo con las flechas de su teclado. Luego introduzca su dirección IP (que obtuvo anteriormente) y su nombre de dominio (en nuestro ejemplo usamos wpdev.ink). Si desea probar redirecciones, puede añadir la versión con www y sin www también. Aquí hay un ejemplo sobre lo que añadimos a nuestro archivo de hosts.

192.168.1.2 wpdev.ink
192.168.1.2 www.wpdev.ink

Luego pulse CMD + O que le preguntará si quiere escribir el archivo. Luego pulse Enter. Deberá ver una confirmación «wrote» en la parte inferior de su pantalla. Luego cierre el terminal.

editar archivo de hosts en mac
Editar archivo de hosts en Mac

Luego puede iniciar su navegador y navegar al dominio que ha insertado. Luego esto aparecerá como fuera en los servidores de Kinsta. Puede hacer pruebas como iniciar sesión en su panel de control de WordPress admin, y varias más. Una vez esté completamente satisfecho, puede borrar la información de DNS de su archivo de hosts. A continuación, puedes apuntar tus DNS a tu servidor a través de tu registrador de dominios o de un proveedor de DNS externo.