Este documento proporciona instrucciones para desarrolladores de contenido digital sobre el diseño de sitios web, incluyendo la creación de enlaces, la selección de fuentes legibles, el uso de contraste entre color de fuente y fondo, y la inclusión estratégica de palabras clave para mejorar el posicionamiento en los motores de búsqueda.

1. DESARROLLADOR
DE CONTENIDO DIGITAL
Nivel 2
DISEÑO
WEB
Un desarrollador conoce a fondo las exigencias del contenido que será publicado en un sitio web. Es por ello que tu
opinión será fundamental para el diseño del sitio web. Trabaja durante esta fase del proyecto con el programador
y personal de diseño para lograr satisfacer las necesidades del cliente.
Crea vínculos dentro de tus contenidos en 5 pasos:
1- Selecciona el contenido (palabra, frase, imagen, otros.) que quieres convertir en un vínculo.
2-Identifica y dale clic al ícono de hipervínculo de tu sitio web o procesador de palabras.
3-Reconoce y copia el enlace de la página hacia donde quieres que el vínculo lleve a los usuarios.
4-Pega enlace. Aparecerá un recuadro en dónde debes agregar el enlace (URL).
5- Guarda el archivo.
Vínculos
Recuerda que por encima de la estética, tu interés se basa en que los usuarios puedan
LEER el contenido desde su pantalla.
o Tipografías con buena legibilidad y mayor uso en la web: Arial, Helvética, Courier, Times New Roman.
o Tipografías menos utilizadas con buena legibilidad: Garamond, Baskerville, Futura y Georgia.
• Sans vs Serifs: son los dos grandes grupos de tipografías. La resolución de una pantalla
(100-300dpi) a diferencia del material impreso (1000dpi) nos indica que:
• Serif: son tipografías con líneas pequeñas, son mejores tipografías para material impreso.
• Sans: son letras más anchas y más legibles en la pantalla de un dispositivo electrónico.
Además se recomiendan para la población más joven.
Tipografías
Introduce la URL de destino
URL
Título
Añadir enlace
x
https://

2. DESARROLLADOR
DE CONTENIDO DIGITAL
DESARROLLADOR
DE CONTENIDO DIGITAL
Nivel 2
DISEÑO
WEB
Color
de
fondo
Fuente
tipográfica
o Cuerpo de texto: en la web la fuente ideal para tu contenido es de 12 a 14.
• Si tu audiencia está conformada por adultos mayores está bien subir la fuente hasta 16.
Es importante crear un contraste entre el color de la tipografía y el fondo de la pantalla.
o Usa tipografía clara (blanca) si tienes un fondo de color fuerte, que genere demasiado contraste.
• Blanco sobre azul fuerte.
• Blanco sobre azul claro no genera suficiente contraste.
o Una tipografía oscura (negro) si tienes un fondo claro.
• Negro sobre blanco.
• Negro sobre amarillo.
o Nunca uses el color azul para tu tipografía, ya que es el color relacionado a los vínculos.
Tipografía
clara
Tipografía
oscura
Tipografía
clara
Tipografía
oscura

3. DESARROLLADOR
DE CONTENIDO DIGITAL
DESARROLLADOR
DE CONTENIDO DIGITAL
Nivel 2
DISEÑO
WEB
Palabras
clave
Las palabras que definen al producto,
pueden ser aquellas que lo describen
y aquellas que se relacionan con él. Su
repetición y ubicación facilita que los
motores de búsqueda localicen el sitio
web de tu cliente con mayor facilidad.
Ubicación:
Emplea las palabras clave en títulos,
antetítulos y contenidos principales.
Repetición:
También es útil reiterar palabras clave
dentro de un mismo párrafo para que
estén cerca unas de otras.