406 lines
7.1 KiB
WebVTT
406 lines
7.1 KiB
WebVTT
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
|