Vamos a comenzar lo que es nuestro proyecto estaremos elaborando este diseño que tenemos un archivo
imagen.
Lo diseñé en Adobe xD y lo exporta en imagen para poderlo tener y estaremos construyendo este diseño.
Paso a paso tenemos viendo lo que son los textos lo que son los enlaces que son las imágenes entre muchas
otras propiedades se agregaremos algo de CSS entre muchas cosas.
Vamos a comenzar a escribir un poco de código.
Puedes ver que nuestro diseño tenemos esta parte de aquí esto que está aquí arriba es una imagen es
el logotipo está en los archivos del curso de quien imágenes vas a encontrar un logo logo punto de Cedegé.
De momento no lo vamos a agregar y esto de aquí son enlaces.
Cuando trabajas con textos en tus diseños en tus proyectos básicamente los tres que más vas a utilizar
son enlaces encabezados y párrafos.
Veamos lo que son los encabezados y lo que somos párrafos.
Puedes ver que aquí se venta de casas y departamentos exclusivos de lujo.
Vamos a crear lo que viene siendo ese encabezado H1 HTML tiene la característica de que puedes ponerlo
como mayúsculas H1 pero usualmente siempre se recomienda que sea minúsculas y puede ser €70 de casas
y departamentos.
Exclusivos de lujo.
De lujo.
Entonces si guardamos cambios puedes ver que esto forma parte del body debe de ser visible en el navegador
y puede ser que el que aparece esta parte de aquí estos H1 esté bien.
Estos números van del H1 hasta la H6 desbaste NH2 vas a tener H3 también tendrás una CH4 H4 aquí H5
y finalmente aquí me hace falta un espacio H6 vas a tener seis diferentes de Jennings por ejemplo puedo
poner aquí 1 2 3 4 5 y guardar cambios y puedes ver que la diferencia entre ellos es el tamaño mientras
menor sea el número del jardín es decir del 1 al 6 mientras menor sea el número más grande es el texto
eso quiere decirle y eso le va a decir a Google o a lo que viene siendo el motor de búsqueda.
Este contenido es más importante este contenido es importante pero es menos importante que el H1 pero
es más importante que estos dos entonces también lo que viene siendo el número mientras más pequeño
le va a decir a Google por ejemplo a otro motor de búsqueda que ese contenido tiene más importancia
en este caso ese contenido es más importante porque básicamente de eso trata este negocio venta de casas
y departamentos exclusivos.
Y lo que va a hacer Google es revisar esto que está aquí va a decir bueno esta página trata sobre venta
de casas y departamentos.
Cuando alguien realiza una búsqueda sobre casas y departamentos de lujo bueno esta página tiene ese
contenido.
Ahora tal vez digas bueno entonces pongo puros H1 no todo mi contenido pongo Hola soy diseñador y pongo
mi biografía también en h1.
No se trata tampoco de utilizar múltiples H1 usualmente solamente se recomienda 1 por página para decirle
cuál es el contenido más importante y de ahí utilizas los demás.
Ahora siendo honestos yo solamente utilizo por normal los primeros 3 casi nunca y creo proyectos en
los que utilicé los 6 pero es importante que sepas que son 6 porque si pones por ejemplo una h 7 h 7
h 7 aquí y pones un hola.
Si bien si funciona y se va a ver el hola no es una etiqueta estándar y Google penaliza mucho las etiquetas
que no son estándar tal vez digas bueno tengo una H1.
Este es el contenido más importante de Google lo va a leer.
Si yo creo un sitio web llamado Facebook puedo competir con Facebook y hacer que la gente visite mi
sitio web además de lo que viene siendo la cheve.
Obviamente lo que viene siendo Google revisa otras cuestiones pero utilizar correctamente lo que nos
va a permitir que tu sitio web sea fácil de indexar.
Que el buscador lo pueda encontrar y que muestre contenido relacionado qué quiero que te lleves aquí
no pretendo que te las memorice.
Pero solamente recuerda que lo que es el contenido más importante por ejemplo si vemos lo que es nuestro
diseño puedes ver que este es el contenido más importante de eso trata el sitio web y después tenemos
este otro encabezado este vendría siendo otro.
Estos vendrían siendo otros y esto es de aquí puede ser que el contenido es un poco más pequeño estos
son párrafos aquí tenemos más Gevinson que tenemos otro jedi otro jedi aquí otro acá.
Entonces si se utilizan demasiado como mencioné anteriormente además de los Jedi existen los párrafos
así que veámoslo en el siguiente video antes de comenzar a escribir el resto del contenido de esta página.