Estoy desarrollando un sitio web estático (no necesito soporte del lado del servidor. Tengo HTML básico y JAVAscript) que tiene varias páginas.
todas las páginas tienen el mismo menú superior (encabezado) y pie de página. ¿Cuál es la mejor práctica considerando SEO ?
Tengo dos opciones:
Opción 1. ¿Debo copiar el código header.html y footr.html en cada página HTML?
Opción 2. ¿Debo incluir header.html y footer.html en cada página HTML?
¿Qué opción es mejor? ¿Alguno de ellos afecta al SEO?
si la Opción 2 es la solución correcta, entonces mi pregunta de seguimiento es "¿Cómo incluir header.html y footer.html comunes?" No quiero usar PHP/iframe.
Para facilitar el trabajo final del cliente, podría haber sugerido jquery o javascript para la representación final del encabezado y pie de página del cliente, pero está buscando páginas web compatibles con SEO.
Teniendo en cuenta el SEO, debe haber renderizado páginas HTML con encabezado y pie de página para que los rastreadores puedan leerlo (y la solución anterior no funcionará para eso, ya que muestra cosas adicionales después de cargar la página). Entonces, o copia y pega el pie de página del encabezado en cada página o usa PHP / .NET, etc. para la representación final del servidor que manejará el encabezado y el pie de página durante la representación.
¿Con qué frecuencia cambia el contenido del encabezado? Cuando comencé con el diseño web, solía incluir todo el menú con/copiar y pegar, y luego buscaba/reemplazaba en todos los archivos. Pero esto fue antes de que existieran PHP y JS.
En cuanto al contenido, debería ser lo mismo. Podría haber una diferencia en la cantidad de solicitudes HTTP y el tiempo de carga si incluye algo de otro archivo.
Estas son diferencias de velocidad tan pequeñas que no creo que hagan ninguna diferencia en términos de SEO.
Personalmente, me gusta usar PHP para incluir contenido, pero usted ha dicho que esta no es una opción para usted. Dependiendo de si desea usar jquery, JS puro o alguna otra forma, hay varios enfoques diferentes .