1 00:00:09,650 --> 00:00:17,530 Hola, buenos días a todos. Vamos a comenzar la videoconferencia de la unidad 5 de Marketing. 2 00:00:18,149 --> 00:00:21,829 Voy a compartir con vosotros la presentación. 3 00:00:22,410 --> 00:00:28,839 Voy a poner esto en grande. 4 00:00:30,839 --> 00:00:35,719 Vamos a ver en la primera parte una presentación breve de la unidad. 5 00:00:36,439 --> 00:00:43,039 Para hablar de conceptos que son importantes, en esta presentación, como es una presentación breve, 6 00:00:43,039 --> 00:00:48,119 no se muestra todo el contenido de la unidad, por lo que no podéis tenerla como referencia 7 00:00:48,119 --> 00:00:56,359 para estudiar todo de cara al examen. Así que vamos a hacer una visión general, pero 8 00:00:56,359 --> 00:01:02,280 luego tendréis que prepararos todo el contenido que viene en la unidad. Y luego una segunda 9 00:01:02,280 --> 00:01:11,420 parte de si hubiera alguna duda de la tarea. Empezamos con la unidad. Hablamos de esta 10 00:01:11,420 --> 00:01:20,180 La unidad trata de la creación y el mantenimiento de un sitio web y vamos a ir yendo por los puntos más importantes. 11 00:01:20,859 --> 00:01:27,719 Bueno, el contenido de un sitio web. Bueno, diferenciar lo primero sitio web de página web. 12 00:01:27,719 --> 00:01:33,299 ¿Qué es el sitio web? El sitio web es el conjunto de páginas web que contiene un sitio. 13 00:01:33,299 --> 00:01:41,400 aunque usualmente, coloquialmente, lo llamamos página web a un sitio web, pero bueno, que sepáis la diferencia. 14 00:01:41,659 --> 00:01:46,420 Y luego página web es cada una de las páginas que contiene este sitio web. 15 00:01:47,420 --> 00:01:52,560 Otros conceptos que aparecen en la unidad, pues navegador y servidor. 16 00:01:52,739 --> 00:02:00,019 ¿Qué es el navegador? El navegador es aquella aplicación que lo que hace es que interpreta el código en el que está escrito la página web 17 00:02:00,019 --> 00:02:09,520 y nos lo representa en nuestra pantalla para que sea visualmente legible para nosotros 18 00:02:09,520 --> 00:02:12,259 y lo podamos entender y no con un código de programación. 19 00:02:13,379 --> 00:02:16,800 ¿A qué nombramos servidor? 20 00:02:16,939 --> 00:02:25,280 Servidor es aquel ordenador conectado 24 horas que tiene una capacidad bastante alta 21 00:02:25,280 --> 00:02:29,960 para alojar todos esos sitios web que vamos creando. 22 00:02:30,020 --> 00:02:32,599 Lo veremos un poquito más adelante también. 23 00:02:34,460 --> 00:02:37,960 Tres lenguajes importantes en el diseño de una página web. 24 00:02:38,240 --> 00:02:45,800 El lenguaje HTML, que es el que realiza la estructura del sitio web o de la página web, 25 00:02:46,120 --> 00:02:50,780 donde nos dice con una serie de códigos que tenemos en el contenido, 26 00:02:51,319 --> 00:02:54,919 si es un encabezado, si es un párrafo, etc. 27 00:02:54,919 --> 00:02:59,360 Y va estructurando lo que es la página web. 28 00:02:59,360 --> 00:03:09,360 Y esto ayuda a los navegadores a luego encontrarnos y a posicionarnos dentro de su ranking de búsqueda. 29 00:03:09,740 --> 00:03:23,939 Luego tenemos el CSS, que es la parte que ayuda a poner color, negrita, los tamaños, todo el diseño de la página que estamos creando. 30 00:03:23,939 --> 00:03:30,219 Y por último, Javascript, que lo que hace es que da dinamismo a esta página que estamos creando. 31 00:03:33,240 --> 00:03:41,840 Si vemos estructuralmente cómo está diseñada una página web, pues lo podemos dividir en tres partes. 32 00:03:42,300 --> 00:03:45,379 La cabecera, el cuerpo y el pie de página. 33 00:03:46,159 --> 00:03:53,439 En la cabecera, ¿qué solemos tener? Pues el logo, el menú principal, el simbolito de búsqueda. 34 00:03:53,939 --> 00:04:15,580 En el cuerpo, decir que la cabecera y el pie siempre tienen lo mismo cada página web. ¿Qué cambia en cada página web? Pues el cuerpo. Y el cuerpo depende de qué página estamos hablando. No es lo mismo estar en la página de contacto que en la página de inicio. 35 00:04:15,580 --> 00:04:32,839 Y esta parte, el cuerpo, es lo que variará de página a página. Y en la última parte, el pie de página, pues normalmente podemos tener el menú, podemos tener los contactos, los iconos de redes sociales, la política de privacidad y de cookies. 36 00:04:32,839 --> 00:05:01,860 Entonces, bueno, aquí he puesto otra diapositiva que también nos muestra lo mismo que hemos visto en la diapositiva anterior, la cabecera, pero más representativo, vemos por ejemplo, pues tenemos el logo de la empresa, tenemos el menú, que no hace falta que ponga menú, pero aquí veis la página de inicio, sobre nosotros, la de servicios, que presta nuestro sitio web, el contacto y aquí, bueno, aunque pone búsqueda, 37 00:05:01,860 --> 00:05:08,339 por lo normal es que fuera la lupa de búsqueda, que es muy útil para cuando quiere el usuario o el cliente 38 00:05:08,339 --> 00:05:18,019 buscar algo en concreto. Podemos tener una imagen principal, como habéis visto en la tarea que habéis realizado 39 00:05:18,019 --> 00:05:23,139 en la parte de arriba teníais una imagen en el tema que elegí para que utilitarais. 40 00:05:23,139 --> 00:05:38,120 Y luego en el cuerpo tenemos el contenido, lo que escribimos, algún artículo destacado, podemos tener un banner publicitario, diferentes imágenes, esto es lo que suele tener el cuerpo. 41 00:05:38,120 --> 00:06:00,040 Y luego el pie, pues como decíamos, pues enlaces para contactar, pues podemos tener un enlace a un cuestionario, o ya un cuestionario, perdón, a un formulario de contacto, la política y el aviso, la política de cookies a viso legal, los iconos de redes sociales. 42 00:06:00,040 --> 00:06:23,220 Vale, ¿qué páginas clave tenemos en un sitio web? Pues tenemos la página de inicio home, que es donde suelen caer los usuarios. Aquí, pues, ¿qué podemos poner? Pues ofertas destacadas, indicadores de éxito, pues si clientes, si hemos ganado algún premio o si los clientes hacen buenas referencias, ponerlos aquí en la página. 43 00:06:23,220 --> 00:06:29,959 inicio, un CTA que es un call to action, son estos botones que cliqueas y te llevan a otra página 44 00:06:29,959 --> 00:06:35,500 pues porque tengamos una promoción o porque queramos que rellene por ejemplo un formulario, etc. 45 00:06:36,040 --> 00:06:42,040 Luego tenemos la hoja que viene de productos o viene de servicios, lo normal es que tengamos un sitio web 46 00:06:42,040 --> 00:06:49,360 donde vendamos productos o servicios y tengamos esta hoja donde viene el detalle de lo que es nuestro producto 47 00:06:49,360 --> 00:06:50,899 o nuestro servicio. 48 00:06:51,959 --> 00:06:54,019 Muy útil también tener un blog. 49 00:06:55,199 --> 00:06:58,939 Nos puede parecer que un blog no es algo muy significativo 50 00:06:58,939 --> 00:07:01,060 dentro de un sitio web, pero sí que lo es, 51 00:07:01,160 --> 00:07:04,740 porque esto que hace, pues que nos ayuda a mejorar nuestro SEO. 52 00:07:05,800 --> 00:07:09,560 El blog, a lo mejor nuestra página no tiene mucha actualización 53 00:07:09,560 --> 00:07:15,259 porque los productos no varían de semana en semana 54 00:07:15,259 --> 00:07:18,800 o nuestros servicios, pero un blog sí que le podemos dar 55 00:07:18,800 --> 00:07:29,079 una agilidad mayor y podemos crear nuevo contenido y eso hace que nuestra hoja, nuestro sitio web esté mucho más dinámico. 56 00:07:29,660 --> 00:07:38,160 Y esto en los buscadores es algo que posiciona muchísimo mejor. Además, ayuda a fidelizar al usuario. Es decir, si en nuestro blog 57 00:07:38,160 --> 00:07:45,939 ponemos información relevante, probablemente nuestro cliente cuando busque información se vaya a nuestro blog. 58 00:07:45,939 --> 00:08:11,899 Si tiene nuestro sitio web como un sitio de referencia. Luego, ¿qué hojas más son importantes? Pues la de contacto es muy importante y la de los avisos legales. La política de privacidad, de cookies y aviso legal son información obligatoria que tenemos que tener en nuestro sitio web. Y de contacto, pues muy importante, ¿no? Cómo nos pueden localizar, que es fundamental. 59 00:08:11,899 --> 00:08:34,639 ¿Qué más? El contenido de la unidad también habla de la usabilidad y la experiencia del usuario. Muy importante la accesibilidad, que los textos sean legibles, que se lean bien, subtítulos si se necesita, si colgamos algún vídeo, que los botones se vean bien. 60 00:08:34,639 --> 00:08:56,460 Es decir, que sea una página fácil de navegar, sobre todo para aquellas personas que a lo mejor no ven bien o no escuchan bien y son mayores. Hagamos que nuestra página web tenga todos esos requisitos que hacen que tenga una buena accesibilidad para cualquier usuario. 61 00:08:56,460 --> 00:09:13,320 Y así no nos abandonen y puedan navegar por nuestro sitio web. La zona del usuario, que es cuando el usuario se loga y tiene sus facturas, sus compras, sus pedidos, sus datos de formas de pago. 62 00:09:13,320 --> 00:09:35,899 Y luego vamos a ver las zonas calientes y las zonas frías del usuario. ¿Y esto qué es? Pues mirad, normalmente hay unos mapas de color que nos dicen dónde el usuario hace más veces clic o se para más y las zonas frías donde no se muestra tanta atención a esa parte de la página web. 63 00:09:35,899 --> 00:09:51,899 Y esto es importante a la hora de diseñar nuestra página web, poniendo en las zonas calientes aquellos puntos claves de nuestro sitio web que queremos que el usuario no pase desapercibido y que vea. 64 00:09:54,309 --> 00:09:57,970 ¿Qué más? Hablamos también de los dominios y de las URLs. 65 00:10:00,070 --> 00:10:05,750 Vemos que tenemos dominios genéricos y dominios geográficos. 66 00:10:05,750 --> 00:10:24,009 Vemos también que la URL se divide en tres niveles. Aquí veis el nivel 1, el nivel 2 que es el nombre que le damos y la extensión que es el nivel 3. 67 00:10:24,009 --> 00:10:38,470 ¿Qué más? Los servidores y el hosting. Podemos elegir tener un hosting compartido y ¿qué quiere decir esto? Pues se utiliza un servidor que se aloja en diferentes páginas web. 68 00:10:38,470 --> 00:10:56,769 Es mucho más económico que comprar un servidor solo en nuestro sitio web. ¿Quién lo suele hacer? Pues empresas muy grandes donde necesitan colgar mucha información, como puede ser, por ejemplo, un diario, un periódico digital. 69 00:10:56,769 --> 00:11:13,190 Puede tener un servidor dedicado solo para él porque aloja mucha información y además necesita que tenga un buen rendimiento. Sin embargo, pues web mucho más pequeñas o medianas, pues eligen un hosting compartido porque minimiza costes. 70 00:11:13,190 --> 00:11:24,610 ¿Qué más? Bueno, pues cuando creamos un sitio web podemos alojar los ficheros en lo que llamamos FTP 71 00:11:24,610 --> 00:11:33,230 y con seguridad, como ahora se utiliza, antiguamente se utilizaba más FTP y ahora se utiliza SFTP, 72 00:11:33,230 --> 00:11:41,110 ese de seguridad, porque nos da seguridad, pero sin embargo cuando creamos un sitio web con un programa CMS 73 00:11:41,110 --> 00:12:01,750 Como es WordPress, por ejemplo, estos programas ya tienen incorporado la subida de archivos y ellos mismos los envían y no necesitamos utilizar estos protocolos más complejos para cargar estos ficheros en nuestro sitio web. 74 00:12:01,750 --> 00:12:17,490 Como digo, ya lo normal es que utilicemos un CMS y estos programas, como habéis visto en la tarea, cuando nosotros subimos imágenes o vídeos, ya directamente nos los va alojando en nuestro sitio web. 75 00:12:19,649 --> 00:12:23,629 ¿Cómo funciona un buscador? Que lo tenéis también en los contenidos. 76 00:12:24,129 --> 00:12:30,289 Pues, ¿qué hace? Por ejemplo, hablaremos de Google porque Google ocupa más del 90% del mercado en buscadores. 77 00:12:30,289 --> 00:12:44,529 ¿Qué hace primero? Pues Google con sus botones, con los Googlebot, ¿qué hacen? Pues van saltando de una página a otra y van examinando todo el contenido de las páginas web. 78 00:12:44,529 --> 00:13:08,850 ¿Qué hacen luego con todo este contenido? Pues lo indexan y ellos lo ordenan. Lo ordenan con una serie de valores como las veces que son visitadas estas páginas, las actualizaciones que tienen, los hipervínculos que contienen, las imágenes, etc. 79 00:13:08,850 --> 00:13:27,990 Y ellos crean su propio ranking, que es la última fase. Y en ese ranking es como vemos en los buscadores que están las páginas y vemos que las páginas más altas, pues Google las ha puesto a una clasificación mucho más altas. 80 00:13:27,990 --> 00:13:53,269 Con su famoso algoritmo que al principio cuando el buscador de Google nos decía el algoritmo qué características utilizaba para posicionar más las páginas, ahora no nos lo dice, pero sí que se sabe por cómo posicionan las páginas y los estudios que hay, 81 00:13:53,269 --> 00:14:14,590 Pues que hay ciertas normas que tienen en cuenta, como os decía antes. Si tenemos hipervínculos a páginas o a sitios web relevantes, si actualizamos nuestro sitio web, el tráfico que conlleva, pues todo esto hace que nuestro ranking, nuestra página, nuestro sitio web suba posiciones. 82 00:14:14,590 --> 00:14:23,269 ¿Por qué? Porque siempre Google quiere dar al usuario aquello que busca, entonces siempre le da la mejor opción que él ha encontrado. 83 00:14:24,750 --> 00:14:35,990 ¿Qué más? Bueno, tenemos el SEO orgánico y el SEM que es de pago. El SEO es orgánico porque no cuesta y se llama así. 84 00:14:35,990 --> 00:14:55,110 Y es lo que estábamos hablando de los buscadores, cómo nos posicionan, cómo conseguimos posicionarnos y luego el SEM que lo que ayuda es que de una manera mucho más rápida pues a través de los anuncios de Google Ads nos posiciona de una manera muchísimo más rápida. 85 00:14:55,110 --> 00:15:15,309 Pero eso sí, el SEM tenemos que pagar para tener estos anuncios o estas posiciones privilegiadas y el SEO es gratuito, pero sí que hay que dedicar a nuestro sitio web tiempo de actualización, de mantenimiento, de que no falle, para que nos vaya posicionando. 86 00:15:15,309 --> 00:15:37,169 Y el SEO, ¿qué ve? Lo que decíamos en diapositivas anteriores. Importante, estas etiquetas que vemos aquí, que las tenéis en los contenidos, el título, que tenga nuestra etiqueta de título, que luego esté diferenciado el contenido por el encabezado 1, el encabezado 2. 87 00:15:37,169 --> 00:15:51,909 Todo esto hace que los buscadores nos lean mejor y nos posicionen de una manera mucho más alta de si no tuviéramos nuestro contenido bien jerarquizado. 88 00:15:51,909 --> 00:16:21,889 Bueno, aquí hay otro ejemplo de cómo hace, pues el buscador nos pone la etiqueta de título, nos pone el encabezado, bueno y esto es como un resumen de cómo el buscador nos hace, cuando buscamos nos hace este pequeño resumen, digamos, donde nos da el título, nos pone un pequeño resumen, etc. 89 00:16:21,909 --> 00:16:31,309 Y para eso tenemos que tener nuestra página bien configurada con las etiquetas. 90 00:16:32,090 --> 00:16:51,809 Lo bueno que un sistema CMS como WordPress que hemos utilizado para la tarea, pues nos va poniendo estas etiquetas automáticamente y no hay que saber de programación como era necesario cuando no existían estos programas CMS y todas las páginas web se creaban programando. 91 00:16:51,909 --> 00:16:59,409 Porque esto llevaba muchísimo más tiempo y mucho más costoso porque tenías que contar con un programador que te hiciera la página web. 92 00:17:00,889 --> 00:17:14,890 Respecto a los e-commerce, lo ideal es tener diferenciado por categorías y subcategorías nuestros productos para que el usuario encuentre mejor aquello que está buscando. 93 00:17:14,890 --> 00:17:18,029 el carrito de la compra que funcione 94 00:17:18,029 --> 00:17:20,369 correctamente, esto hay que verificar 95 00:17:20,369 --> 00:17:22,269 muy bien que todo 96 00:17:22,269 --> 00:17:24,130 el proceso funciona si 97 00:17:24,130 --> 00:17:25,109 creamos un e-commerce 98 00:17:25,109 --> 00:17:29,880 muy importante el mantenimiento de la página 99 00:17:29,880 --> 00:17:32,099 web, pues como decíamos 100 00:17:32,099 --> 00:17:33,519 un contenido frecuente 101 00:17:33,519 --> 00:17:35,519 que esté actualizado, que sea de calidad 102 00:17:35,519 --> 00:17:37,299 que no haya enlaces rotos 103 00:17:37,299 --> 00:17:39,299 porque esto nos penaliza 104 00:17:39,299 --> 00:17:41,420 el SEO, hacer 105 00:17:41,420 --> 00:17:42,900 pruebas que cargue bien 106 00:17:42,900 --> 00:17:45,319 es importante ver 107 00:17:45,319 --> 00:17:50,519 que si subimos muchas imágenes y que no cargan, pues a lo mejor hay que bajar de resolución esas imágenes 108 00:17:50,519 --> 00:17:56,539 e intentar que cargue lo más rápido posible. ¿Por qué? Porque si no, un usuario se nos va de nuestra página 109 00:17:56,539 --> 00:18:02,079 y lo que nosotros intentamos es que los usuarios estén en nuestra página web el mayor tiempo posible. 110 00:18:03,240 --> 00:18:12,339 Vale, la usabilidad, que también hemos hablado de ella, poner botones con tu acción, métodos de pago actuales también, 111 00:18:12,339 --> 00:18:38,740 Vemos que últimamente, antes por ejemplo, no se podía pagar a través de Bizum en una página web y ahora sí que se puede. Estas innovaciones que van saliendo, que las vayamos metiendo en nuestro e-commerce o en nuestra página web para dar todas las facilidades posibles al usuario y que produzcan ventas en nuestro sitio. 112 00:18:38,740 --> 00:18:47,279 Si vemos aquí el ciclo de un sitio web, pues vemos que empezamos por elegir nuestro dominio y hosting 113 00:18:47,279 --> 00:18:50,839 Donde queremos alojar nuestra página web y el dominio que le queremos dar 114 00:18:50,839 --> 00:18:57,660 Luego la estructura, cuando lo creamos, que es lo que hablamos, el CMS que hemos elegido 115 00:18:57,660 --> 00:19:03,940 Pues WordPress, Homelab, el que decidamos, que tiene unos lenguajes de configuración 116 00:19:03,940 --> 00:19:32,019 Luego crear el contenido, nuestro catálogo, nuestro blog, crear el contenido que queremos que tenga nuestra página web, luego que se indexe a los buscadores para que empiece a posicionar con nuestro SEO y por último que tenemos que hacer, pues mantener nuestro sitio web, ver que funciona correctamente y actualizarlo en la medida que podamos realizarlo. 117 00:19:33,940 --> 00:19:48,900 Esto voy a dejar de compartir, esto por aquí en cuanto a la unidad y bueno, en cuanto a las tareas no he recibido ninguna duda, os colgué varios vídeos, a ver si puedo mostraroslo. 118 00:19:48,900 --> 00:20:51,319 Voy a entrar al aula virtual, a ver un segundo, que lo tenía aquí preparado, pero se me ha ido, vale, lo estoy abriendo, ahora lo voy a compartir con vosotros, a ver si me deja, me voy a llevar la pantalla, un segundo, que me voy a llevar esta pantalla para acá, 119 00:20:51,319 --> 00:21:35,410 A ver si ahora me deja enseñároslo y que lo podáis ver. A ver que no me está dejando. Aquí se me ha ido para acá. Vale. Me ha llevado todo. A ver si aquí me deja compartirlo y si no, bueno, lo tenéis en el... A ver si ahora me deja. Ay, no me está dejando. 120 00:21:35,410 --> 00:21:58,160 Bueno, lo tenéis en el aula virtual. Voy a llevarme otra vez esta pantalla, a ver si me deja esta página. Os quería mostrar la unidad, pero bueno, lo podéis ver. 121 00:21:58,160 --> 00:22:16,740 A ver, voy a hacer un último intento, a ver si me deja ver, enseñároslo. Yo creo que sí, aquí. Vale, podéis ver, estamos en la unidad, en la tarea y aquí tenemos vídeos explicativos de cómo realizar la tarea, ¿vale? 122 00:22:16,740 --> 00:22:44,460 Cómo crear la cuenta en WordPress, así lo podéis ver y lo vais poniendo poco a poco sobre el menú general, los ajustes que tenéis que hacer, sobre la parte de escritura y lectura, los medios que son las imágenes que queréis introducir y los vídeos, el tema que bueno yo en este caso lo he elegido pero podéis probar y crear otro sitio web y elegís el tema que más os guste, las páginas que creamos. 123 00:22:44,460 --> 00:23:10,380 Bueno, pues aquí en la tarea están todos los vídeos para que podáis realizar la tarea sin problema. Si a alguno no le dio tiempo a realizar la tarea y quiere en algún momento practicar, pues está muy bien porque podéis crear vuestro sitio web y es una práctica muy visual que incluso podéis compartir con amigos, familiares, compañeros para que vean lo que estáis, lo que habéis trabajado. 124 00:23:10,380 --> 00:23:39,700 Aquí lo vemos, aquí están todos los vídeos, luego os había puesto vídeos que no son necesarios para la tarea de lo que os pedía, pero por si queríais ampliar, por ejemplo, pues las entradas del blog, el ajuste en comentarios, sobre los usuarios, si luego queréis eliminar el sitio web, vale, entonces aquí tenéis todos los vídeos por si no os ha dado tiempo a hacer la tarea, pero en algún momento os queréis crear el sitio web. 125 00:23:40,380 --> 00:24:06,299 Voy a dejar de compartir. Bueno, pues hasta aquí la videoconferencia de esta unidad. Que tengáis un buen día a todos y bueno, deciros como siempre que si cuando os ponéis con la unidad tenéis alguna duda, pues siempre os podéis poner en contacto conmigo por todos los medios que conocéis, el habla virtual por el chat, el correo electrónico o me podéis llamar. 126 00:24:06,599 --> 00:24:10,279 De acuerdo, pues muchas gracias y que tengáis un buen día. 127 00:24:10,380 --> 00:24:10,680 CC por Antarctica Films Argentina