Buenas prácticas de SEO en HTML
Contenido del curso
Buenas prácticas de SEO en HTML
Contenido del curso
Willian Sanchez
Jairo Mendoza
Sergio Baudilio Pinilla Martinez
David Morales
Kelvin Páiz
Ezequiel Choque
Mateo Henao
Mateo Henao
Kevin Yari Almiron
Francisco Quintana
Melgar Eswin Choc Chub
Wilmer Estuardo Coc Xuc
Wilmer Estuardo Coc Xuc
Kendel Ubaldo Wilkaman Pop Rax
Kendel Ubaldo Wilkaman Pop Rax
Melgar Eswin Choc Chub
Darwin Yeferson Osvelí Cucul Yaxcal
Melgar Eswin Choc Chub
Nelson Leonel Choc Pan
Luis Hernan Choc Cac
Jose Luis Perales
Kenneth Angulo L
Gilberto Cordones
José Rafael Hernández Barboza
Samuel Steven Bernal Martínez
Victor Manuel Cal Morán
La etiqueta <article> se utiliza para representar contenido independiente y autocontenido que podría ser distribuido o reutilizado, como un artículo de un blog, una noticia o una entrada de foro. Cada <article> debe tener un significado por sí mismo.
Por otro lado, la etiqueta <section> se usa para agrupar contenido temáticamente relacionado dentro de un documento. Es más general y no requiere que su contenido sea independiente.
En resumen, usa <article> para contenido que tiene sentido por sí solo y <section> para agrupar partes relacionadas de un documento.
Creo que platzi aún no ha entendido que la forma de aprender cambió. El curso es bueno pero es como si estuviera recibiendo una clase mas virtual en el 2020, hoy en día nadie escribe código manualmente. Platzi como "pionera" de la IA debe mostrarnos un camino no lo llamaría más facil porque de por sí la programación no es fácil pero no creo que hacer clases tan teoricas, superficiales y sobre todo sin usar generadores de codigo como Claude sea lo adecuado. Queremos un curso de programación adaptado a la epoca, a cómo hacerle las preguntas correctas a Claude, a cómo identficar probelmas con los codigo que genera, a como usar la IA para avanzar y aplicar a nuestros campos. Del resto el curso está bien.
Aprender teoría, lógica y conceptos clave no es volver al 2020; es lo que permite usar la IA de forma crítica, no solo copiar código generado. La IA cambia el cómo, pero no elimina la necesidad del qué ni del por qué.
Jairo, me surge una duda: si dices que Platzi "no entiende" ¿por qué llegas hasta este punto del curso?
Supongo que porque quisisite conocer las bases de HTML para entenderlo y luego potenciarlo con IA. Eso es justo lo que hace Platzi, te enseña las bases y fundamentos para que luego lo eleves con IA. Así que si, creo que Platzi si entiende la era de la IA.
Los mejores deseos, Jairo.
#KeepLearning
¿Cómo puedo hacer si quiero que mi página web se traduzca automáticamente según el país o idioma que esté usando mi cliente, y no que solo sea inglés o español, sin usar botones con lenguajes de programación como JavaScript? ¿Es posibe solo con HTML, o, sí o sí se debe usar JavaScript para hacer eso posible?
No, no es posible hacerlo solo con HTML.
HTML es un lenguaje de marcado; solo define la estructura y el contenido de tu página (títulos, párrafos, imágenes). No tiene la capacidad de tomar decisiones, detectar el idioma del navegador del usuario ni cambiar dinámicamente el contenido que se muestra.
Para lograr una traducción o redirección automática, necesitas lógica (programación). Esto se puede hacer de dos maneras principales:
navigator.language) y luego mostraría el contenido en ese idioma.Accept-Language que el navegador envía automáticamente. Luego, el servidor envía la versión correcta de la página (ej. index.es.html o index.en.html).La clase explica que el SEO son técnicas y estrategias para mejorar el posicionamiento web orgánico. Cubre la importancia de la semántica, accesibilidad, meta tags (como lang, charset, viewport, title, description, robots), etiquetas canónicas y Open Graph para redes sociales. También menciona la evolución del SEO y cómo aplicarlo en la estructura HTML.
Actualmente, la meta description y meta viewport son esenciales para tu posicionamiento y experiencia móvil. También lo son meta robots para controlar la indexación, y los meta Open Graph para optimizar cómo se comparte tu contenido en redes sociales.
Este curso parece una publicidad a daily.dev
Recuerda que es parte de la educación virtual. Aprender también es tomar la iniciativa de complementar con información extrena asimismo con práctica. Se trata un poco de iniciativa propia.
jaaaaaaaaaaaaaaaa
Messi
Melgar
cape
cape amigo de negr >f b c c
great class,teacher
solo pajas decis weco
pinocho
retumba
PAN Y MONO
Buena recomendación profesor :)
¿Cuál es la mejor forma de cargar imágenes?
La estrategia más efectiva es implementar el atributo loading="lazy" directamente en tus etiquetas <img>. Esto le indica al navegador que no descargue la imagen hasta que el usuario haga scroll y esté a punto de verla en su pantalla.
Si tienes un artículo con 20 imágenes en alta resolución y no usas esta técnica, el navegador intentará descargar todas al mismo tiempo al abrir la página. Esto consume los datos móviles del usuario, ralentiza el tiempo de carga inicial y penaliza severamente tu puntuación de SEO (especialmente en métricas de rendimiento). Al diferir la carga de imágenes fuera de pantalla, tu sitio web se vuelve increíblemente rápido. Solo recuerda acompañar siempre tus imágenes con los atributos width y height para evitar que el diseño salte cuando la imagen finalmente aparezca.
Aquí tienes el orden lógico para estructurar tu sitio y dominar el SEO técnico:
header (identidad), main (contenido central) y footer (soporte) para que el buscador entienda la jerarquía de tu página.thead (usando tr y th para títulos) y tbody (usando tr y td para datos) para que la información sea legible.canonical para evitar que el contenido duplicado diluya tu autoridad, y usa etiquetas Open Graph para controlar cómo se ve tu sitio al compartirlo en redes sociales.¿Qué parte de este flujo te genera más dudas al momento de escribir el código?
Excelentes tips :)
Muy buenos tips!
Gracias por la información 👌😎👍