Estructura de una Página Web

estructura pagina

Muchas páginas web comparten una estructura que las hace fácil de leer, están compuesta de secciones, cada sección entrega información al lector, desde lo más general hasta lo más particular.
No olvides incluir un llamado a la acción, que puede ser un contáctanos, síguenos en Facebook o un inscríbete en este formulario.


<!DOCTYPE html>
<html>
<head>
	<title></title> <!-- El título es importante para SEO -->
    <meta content="Explicacion simple y consisa de lo que hace tu sitio web" name="description"> <!-- El meta description es importante para SEO -->

</head>
<body>
	<!-- Una barra de navegación que muestra las secciones principales del sitio -->
	<div class="navbar" id="barra-de-navegacion">
		<!-- Incluye el logo en la parte superior izquiera y que haga link a la página principal de tu sitio -->
	</div>

	<!-- Una propuesta clara de que es lo que hace -->
	<div class="seccion" id="seccion-propuesta-valor">
		<h1 id="propuesta"> EJ: En1mes te enseña a construir aplicaciones web </h1> <!-- El H1 debería incluir las palabras más importantes de tu sitio -->

		<!-- Puedes agregar una foto o un video -->
		<div id="llamado-a-la-accion">
		</div>
	</div>

	<!-- Mas detalle de lo que haces -->
	<div class="seccion" id="detalle-propuesta">
	</div>

	<!-- Tienes más productos o servicios, aprovecha de mostrarlos, genera credibilidad -->
	<div class="seccion" id="productos">
	</div>

	<!-- Agrega testimonios verídicos e incluye fotos de tus clientes-->
	<div class="seccion" id="testimonios">
	</div>

	<!-- En el pie de página -->
	<div class="footer" id="mi-footer">
	</div>

</body>
</html>

Tip pro, en HTML5 se puede utilizar la etiqueta

y así evitas sufrir divitis
Gonzalo Sánchez
Summary
Article Name
Estructura de una Página Web
Description
Pequeño tutorial de como se compone la estructura de una página web
Author
Share Button

About Gonzalo Sánchez

Emprendedor lean, Ingeniero civil informático dedicado al desarrollo de una mejor web con ruby on rails. Fanático de los números y las métricas y por sobre todo fundador de en1mes.
11 years ago uncategorized2,108
El momento en que Steve Jobs cambió la historia de los computadores9º versión taller de aplicaciones web presencial
You Might Also Like
 
 

Leave a Reply