first commit

content/wp-content/uploads/article/subtitles/2019/03/0006-titulos-es.vtt

@@ -0,0 +1,405 @@
+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