bien ahora vamos a ver
el tema de las h
aquí tenemos
las etiquetas h1, h2, h3, h4
también se encunetra la etiqueta h5
y también la etiqueta h6
al h1 se le conoce como título principal
al h2 se le conoce como subtítulo
al h3
la mayor parte de veces que lo vemos
conforman el área de los títulos de algunos artículos
casi siempre yo utilizo para la parte de los artículos h4
ahorita vamos a verlo en conocimientos libres para tener una noción
de cómo podría funcionar esto
vamos a recargar el navegador ahorita para poder mirar
cómo funciona esto
ahí vemos actualizamos
la parte de los h: h1, h2, h3, h4, h5 y h6
que las palabras sean más grandes y otras más pequeñas
eso es ya cuestión del navegador web
ya que el navegador web trae sus propios estilos
entonces eso ya es parte del navegador web
esta parte de las dimensiones de los títulos puede cambiarse
no es
que porque sea
porque quiero escribir una letra grande, tengo que escribir h1, no! eso es incorrecto
la parte del diseño la vamos a estudiar
con el CSS
podríamos hacer que la etiqueta h6 sea más grande que la etiqueta h1
con CSS
ahora
hay que entender algo y es que
la etiqueta h1 es importante
porque le da bastante peso a la página web
de etiquetas h1 solamente debe existir una sola, no puede existir otra etiqueta
¿por qué no puede existir otra etiqueta h1?
bueno no puede existir
porque al haber otra etiqueta h1 por ejemplo voy a colocar por aquí
voy a copiar esto y voy a ponerlo debajo
ahí está
si yo tuviese dos etiquetas h1
los navegadores web al tratar
va a repartir el peso del SEO
es decir
el buscador no va a decidirse
por cual utilizar, entonces va a decir:
«aquí el desarrollador me esta diciendo que hay dos etiquetas de título principal h1»
entonces como hay dos etiquetas de tipo principal, entonces significa que las 2 son importantes
entonces a los 2 les da un 50 % y 50 %
supongamos que tenemos dos tipos de enunciados dentro de los h1
que aquí diga
HackerTech
y que por acá diga
Conocimientos Libres
que pasaría en ese momento
si vemos aquí en el navegador diría: HackerTech y Conocimientos Libres
pero esto es algo bastante grave porque
el navegador
bueno, el navegador visulamente mostraría las dos etiquetas h1, pero el buscador al momento de indexar
va a colocar
los dos títulos
dentro de
de su información, dentro de su metadata
entonces esto lo que va ocasionar es que se confunda y no va a saber
cual es el título principal
los buscadores son así, podría simplemente este título
y obviar éste
o coger solamente este título y obviar el otro título
o visceversa
de esa forma
se confundiría el buscador y nos quitaría SEO posicionamiento Web
por eso es recomendable utilizar un h1
es importantísimo utilizar solamente un h1
para evitar problemas de SEO
bien los subtítulos pues
casi siempre se utilizan los subititulos, pueden repetirse, esto si puede repetirse, de h3 pues sí puedes tener varios
de h4 también
vamos a ver un ejemplo con la parte de conocimientos libres
Conocimientos Libres que es esa frase que está ahí
se he seleccionado
es un h1
vamos a mirar el código fuente
voy amplificar acá
ahí tenemos un h1
que nos esta devolviendo conocimientos libres
la frase conocimientos libres
ahora
si seleccionamos la otra palabra la otra frase
vemos que no es un h2 sino un h4
bueno y por qué realicé esto
el asunto es que yo no he le dado demasiada relevancia a «sitio de información sobre software libre»
yo no le he dado demasiado peso a esa frase
le he dado casi el mismo peso, esta frase
... es casi el mismo peso que tiene estas frases que pertenecen a los artículos
por ejemplo si yo he seleccionado esta frase
pueden ver que está dentro de un h4
es decir
esta frase
tiene el mismo peso en el buscador
que los títulos de los artículos
ahora vamos a continuar con el siguiente vídeo