WEBVTT

1
00:00:02.420 --> 00:00:03.820
bien ahora vamos a ver

2
00:00:03.820 --> 00:00:05.820
el tema de las h

3
00:00:05.820 --> 00:00:07.820
aquí tenemos

4
00:00:10.000 --> 00:00:14.120
las etiquetas h1, h2, h3, h4

5
00:00:15.020 --> 00:00:18.560
también se encunetra la etiqueta h5

6
00:00:20.640 --> 00:00:23.460
y también la etiqueta h6

7
00:00:32.640 --> 00:00:35.700
al h1 se le conoce como título principal

8
00:00:36.540 --> 00:00:39.140
al h2 se le conoce como subtítulo

9
00:00:45.380 --> 00:00:46.900
al h3

10
00:00:48.800 --> 00:00:52.960
la mayor parte de veces que lo vemos

11
00:00:53.920 --> 00:00:57.080
conforman el área de los títulos de algunos artículos

12
00:00:58.420 --> 00:01:05.400
casi siempre yo utilizo para la parte de los artículos h4

13
00:01:05.400 --> 00:01:10.560
ahorita vamos a verlo en conocimientos libres para tener una noción

14
00:01:10.840 --> 00:01:13.160
de cómo podría funcionar esto

15
00:01:45.940 --> 00:01:50.340
vamos a recargar el navegador ahorita para poder mirar

16
00:01:52.740 --> 00:01:54.320
cómo funciona esto

17
00:02:02.960 --> 00:02:06.540
ahí vemos actualizamos

18
00:02:07.100 --> 00:02:14.380
la parte de los h: h1, h2, h3, h4, h5 y h6

19
00:02:15.100 --> 00:02:19.280
que las palabras sean más grandes y otras más pequeñas

20
00:02:19.900 --> 00:02:22.820
eso es ya cuestión del navegador web

21
00:02:23.320 --> 00:02:26.040
ya que el navegador web trae sus propios estilos

22
00:02:26.240 --> 00:02:30.380
entonces eso ya es parte del navegador web

23
00:02:31.140 --> 00:02:36.560
esta parte de las dimensiones de los títulos puede cambiarse

24
00:02:37.120 --> 00:02:38.320
no es

25
00:02:38.440 --> 00:02:39.820
que porque sea

26
00:02:40.080 --> 00:02:47.100
porque quiero escribir una letra grande, tengo que escribir h1, no! eso es incorrecto

27
00:02:47.100 --> 00:02:49.960
la parte del diseño la vamos a estudiar

28
00:02:50.440 --> 00:02:51.980
con el CSS

29
00:02:53.480 --> 00:02:58.240
podríamos hacer que la etiqueta h6 sea más grande que la etiqueta h1

30
00:02:58.460 --> 00:02:59.600
con CSS

31
00:03:00.680 --> 00:03:01.700
ahora

32
00:03:02.940 --> 00:03:05.320
hay que entender algo y es que

33
00:03:05.720 --> 00:03:08.220
la etiqueta h1 es importante

34
00:03:09.020 --> 00:03:11.620
porque le da bastante peso a la página web

35
00:03:12.080 --> 00:03:18.900
de etiquetas h1 solamente debe existir una sola, no puede existir otra etiqueta

36
00:03:20.280 --> 00:03:22.700
¿por qué no puede existir otra etiqueta h1?

37
00:03:22.700 --> 00:03:24.700
bueno no puede existir

38
00:03:25.200 --> 00:03:29.760
porque al haber otra etiqueta h1 por ejemplo voy a colocar por aquí

39
00:03:33.560 --> 00:03:37.340
voy a copiar esto y voy a ponerlo debajo

40
00:03:37.840 --> 00:03:39.520
ahí está

41
00:03:40.000 --> 00:03:43.160
si yo tuviese dos etiquetas h1

42
00:03:43.540 --> 00:03:48.100
los navegadores web al tratar

43
00:03:48.720 --> 00:03:52.920
va a repartir el peso del SEO

44
00:03:53.100 --> 00:03:54.040
es decir

45
00:03:54.400 --> 00:03:57.600
el buscador no va a decidirse

46
00:03:58.060 --> 00:04:00.480
por cual utilizar, entonces va a decir:

47
00:04:00.620 --> 00:04:05.700
«aquí el desarrollador me esta diciendo que hay dos etiquetas de título principal h1»

48
00:04:05.780 --> 00:04:10.060
entonces como hay dos etiquetas de tipo principal, entonces significa que las 2 son importantes

49
00:04:10.060 --> 00:04:13.920
entonces a los 2 les da un 50 % y 50 %

50
00:04:15.120 --> 00:04:19.440
supongamos que tenemos dos tipos de enunciados dentro de los h1

51
00:04:19.440 --> 00:04:21.440
que aquí diga

52
00:04:30.340 --> 00:04:32.180
HackerTech

53
00:04:36.640 --> 00:04:38.100
y que por acá diga

54
00:04:38.840 --> 00:04:40.140
Conocimientos Libres

55
00:04:49.660 --> 00:04:51.260
que pasaría en ese momento

56
00:04:53.520 --> 00:04:58.020
si vemos aquí en el navegador diría: HackerTech y Conocimientos Libres

57
00:04:58.020 --> 00:05:01.560
pero esto es algo bastante grave porque

58
00:05:02.780 --> 00:05:04.040
el navegador

59
00:05:06.320 --> 00:05:13.500
bueno, el navegador visulamente mostraría las dos etiquetas h1, pero el buscador al momento de indexar

60
00:05:15.900 --> 00:05:17.340
va a colocar

61
00:05:17.340 --> 00:05:18.820
los dos títulos

62
00:05:18.820 --> 00:05:20.820
dentro de

63
00:05:20.820 --> 00:05:23.300
de su información, dentro de su metadata

64
00:05:23.300 --> 00:05:26.860
entonces esto lo que va ocasionar es que se confunda y no va a saber

65
00:05:26.860 --> 00:05:28.860
cual es el título principal

66
00:05:29.220 --> 00:05:33.220
los buscadores son así, podría simplemente este título

67
00:05:33.400 --> 00:05:34.600
y obviar éste

68
00:05:34.600 --> 00:05:38.840
o coger solamente este título y obviar el otro título

69
00:05:39.680 --> 00:05:40.940
o visceversa

70
00:05:41.380 --> 00:05:42.500
de esa forma

71
00:05:42.500 --> 00:05:50.260
se confundiría el buscador y nos quitaría SEO posicionamiento Web

72
00:05:51.400 --> 00:05:54.180
por eso es recomendable utilizar un h1

73
00:05:57.040 --> 00:05:59.920
es importantísimo utilizar solamente un h1

74
00:06:00.380 --> 00:06:02.540
para evitar problemas de SEO

75
00:06:04.660 --> 00:06:07.080
bien los subtítulos pues

76
00:06:07.080 --> 00:06:13.420
casi siempre se utilizan los subititulos, pueden repetirse, esto si puede repetirse, de h3 pues sí puedes tener varios

77
00:06:13.580 --> 00:06:14.840
de h4 también

78
00:06:16.140 --> 00:06:24.820
vamos a ver un ejemplo con con la parte de conocimientos libres

79
00:06:27.100 --> 00:06:29.900
Conocimientos Libres que es esa frase que está ahí

80
00:06:29.900 --> 00:06:31.300
se he seleccionado

81
00:06:31.300 --> 00:06:32.680
es un h1

82
00:06:33.420 --> 00:06:35.420
vamos a mirar el código fuente

83
00:06:40.640 --> 00:06:41.960
voy amplificar acá

84
00:06:44.260 --> 00:06:46.620
ahí tenemos un h1

85
00:06:47.300 --> 00:06:52.520
que nos esta devolviendo conocimientos libres

86
00:06:52.520 --> 00:06:54.520
la frase conocimientos libres

87
00:06:54.760 --> 00:06:55.680
ahora

88
00:06:55.680 --> 00:06:58.760
si seleccionamos la otra palabra la otra frase

89
00:06:59.440 --> 00:07:02.960
vemos que no es un h2 sino un h4

90
00:07:02.960 --> 00:07:05.720
bueno y por qué realicé esto

91
00:07:07.380 --> 00:07:14.080
el asunto es que yo no he le dado demasiada relevancia a «sitio de información sobre software libre»

92
00:07:14.440 --> 00:07:17.380
yo no le he dado demasiado peso a esa frase

93
00:07:19.580 --> 00:07:22.440
le he dado casi el mismo peso, esta frase

94
00:07:22.440 --> 00:07:27.720
... es casi el mismo peso que tiene estas frases que pertenecen a los artículos

95
00:07:28.400 --> 00:07:30.860
por ejemplo si yo he seleccionado esta frase

96
00:07:31.360 --> 00:07:34.320
pueden ver que está dentro de un h4

97
00:07:35.700 --> 00:07:36.940
es decir

98
00:07:38.020 --> 00:07:39.400
esta frase

99
00:07:39.640 --> 00:07:41.560
tiene el mismo peso en el buscador

100
00:07:41.720 --> 00:07:44.980
que los títulos de los artículos

101
00:07:50.400 --> 00:07:53.480
ahora vamos a continuar con el siguiente vídeo