Cómo configurar mi sitio web para cambiar entre varias versiones de la página de inicio en cada visita

Usando solo html y css vas a estar un poco atascado.

Si está preparado para usar JavaScript, puede guardar lo siguiente como su index.html

var rannum = Math.floor ((Math.random () * 4) + 1);
interruptor (rannum)
{
caso 1:
document.write (“Mein Hovercraft ist voller Aale”);
rotura;
caso 2:
document.write (“Mon aeroglisseur est plein d’anguilles”);
rotura;
caso 3:
document.write (“Mea navis volitans anguillis plena est”);
rotura;
defecto:
document.write (“Mi aerodeslizador está lleno de anguilas”);
}

Si abre esta página usando un navegador, debería proporcionarle 4 salidas aleatorias. Pruebe presionando el botón Actualizar en su navegador.

Alternativamente

Si su página web está alojada en un servidor que tiene php configurado correctamente, entonces podría usar php. Guarde lo siguiente en un archivo index.php

<? php
$ aleatorio = rand (1, 4);
interruptor ($ aleatorio)
{
caso 1:
echo “Mein Hovercraft ist voller Aale”;
rotura;
caso 2:
echo “Mon aeroglisseur est plein d’anguilles”;
rotura;
caso 3:
echo “Mea navis volitans anguillis plena est”;
rotura;
defecto:
echo “Mi aerodeslizador está lleno de anguilas”;}
?>

php no es el único lenguaje del lado del servidor; podría usar, por ejemplo, perl.

Es muy complicado. Si tienes varias versiones, Google te penalizará por trucos de sombrero negro. Si desea tener una versión separada para el dispositivo, puede hacerlo a través de una consulta de medios. El código HTML permanecerá solo, la apariencia de CSS cambiará.

  1. crear múltiples versiones de la página web (como page1.html, page2, html, etc.)
  2. crear una página de destino (como page.html) donde JavaScript aleatoriza una de las páginas web y la redirige a esa

Puede tener todas las versiones en el mismo archivo html, asignar a cada una de las versiones una identificación (estarán envueltas por divs), configurarlas para que se muestren: ninguna, y luego hacer una función de JavaScript para seleccionar la identificación de una de las versiones al azar y configúrelo para mostrar: bloque o lo que esté utilizando.

Editar: si tuviera que construir una aplicación de una sola página, sería algo completamente diferente. Pero no puede hacer eso solo con html y css.