Código HTML y Diseño Web en Entornos de Trabajo
Carpeta del Sitio Web
Carpeta de Trabajo Personal
PROYECTO WEB (carpeta)
IMÁGENES (Subcarpeta)
index.html (archivos)
páginas .html (archivos)
estilos.css (archivos)
Propiedades
Del Navegador (Browser)
Por Atributos
Por código CSS, JavaScript o Python
Bloques y Estructuras del Documento HTML
Sección del documento html
Organigrama de Páginas HTML del Sitio Web
Herramientas Básicas
Encabezado
Título/Subtítulo
Alineaciones
Párrafo
Línea y espacio
Imagen
Link externo
Herramientas CSS
Espacios grandes
Relación Imagen - Texto de Párrafo
Menú de Navegación
Tema: Introducción
Filosofía en la Antigua Grecia
El atomismo
Leucipo
Demócrito
Herramientas Incorporadas
Listados Ordenados y No Ordenados
Tema: Modelos Atómicos. Evolución histórica del concepto de átomo.
Concepto de Modelo
Modelos:
Dalton
Thomson
Rutherford
Bohr
Schrödinger
Interacción Electrodinámica. Fotones
Herramientas Incorporadas
Tema: Estructura del Núcleo Atómico
Protones
Neutrones
Quarks
Interacción Fuerte. Gluones
Herramientas Incorporadas
Tema: Números Cuánticos en el Modelo Atómico
Concepto de Orbital
Números n, m, l, s
Concepto de Spin
Principio de Exclusión de Pauli
Herramientas Incorporadas
Tablas
Tema: Configuración Electrónica
Orbitales s, p, d, f
Número Atómico y Número Másico. Isótopos
Configuración Electrónica
Las páginas están programadas en lenguaje HTML. En el contexto SEO, una etiqueta HTML es un fragmento de código que se utiliza para describirle a los buscadores cómo tratar cada parte de una página web. Se pueden utilizar para dar instrucciones a los motores de búsqueda, para identificar partes importantes en el texto y muchas otras cosas.
1.- Etiqueta de título (<title>): es la encargada de decirle a los motores de búsqueda cuál es el título de la página. Es una de las más importantes, aunque debes tener cuidado y no abusar incluyendo demasiadas palabras clave. Los motores han ido incluyendo otras herramientas que dejan a la etiqueta de título en un lugar más rezagado. Debe mantenerse por debajo de los 55 caracteres. Te recomendamos que la palabra clave principal aparezca aquí.
2.- Etiqueta de Meta Descripción: se utiliza para describir de forma resumida el contenido de la página. Se puede utilizar para contar de qué trata un post de blog o una página principal en pocas palabras. Esta etiqueta le dará más información a los motores sobre tu página. Debe mantenerse por debajo de los 155 caracteres y también te recomendamos que la keyword principal aparezca aquí.
3.- Encabezados: los más comunes son H1 y H2. Se utilizan para dividir el texto en varias secciones y organizar mejor la lectura. Mejora el posicionamiento cuando se utilizan de forma correcta (por ejemplo, solo puede haber un H1 en la misma página) y pueden ser clave en los motores de búsqueda para motivar los temas secundarios. Te recomendamos que el H1 sea distinto del title y que contenga la keyword principal.
4.- Texto Alternativo: describe una imagen para mejorar su posicionamiento y su legibilidad para usuarios invidentes. Es importante que todas las imágenes de tu web cuenten con esta descripción.
5.- Etiqueta OG: las etiquetas Open Graph están pensadas para enriquecer el contenido de redes sociales. Se colocan en el <head> y ayudan a mejorar el rendimiento de tu web en enlaces publicados en redes sociales.
6.- Etiqueta de Robots: esta etiqueta se utiliza para contarle a los motores de búsqueda cómo debe tratar la página a la hora de indexar sus resultados.
7.- Etiqueta canónica: si hay dos páginas idénticas puedes utilizar esta etiqueta para contarle a los motores de búsqueda cuál tiene prioridad para posicionar. Esto es muy útil cuando tienes dos páginas con contenido parecido y quieres evitar que se canibalicen, es decir, que compitan mutuamente entre sí.
8.- Marcado de Esquema: se pueden utilizar para identificar todo tipo de datos sobre productos o servicios. Los motores de búsqueda pueden enriquecer estos resultados y marcarlos como prioritarios con tarjetas personalizadas muy llamativas. En los últimos años se han convertido en esenciales.