Crea tu
Página Web
- La Conferencia -
@geninteractive
Nestor Tobar Araujo
Director Creativo Gen Interactive Lab
Docente Universitario
Expresión / D.I
Arquitectura de información / DMI
Universidad Icesi
Docente
Crea tu pagina Web
Eduimagen
Sobre la conferencia:
Qué son, como se crean, aspectos técnicos,
terminología, técnicas, ejemplos, referencias, consejos.
Capítulo 1
Érase una vez
Las recuerdan?
Tablas y Tablas
Webmaster
Y como son hoy?
Por que cambiaron?
Capítulo 2
Pero que es!?
Un sitio Web es:
Una colección de páginas de internet relacionadas y comunes a un dominio de Internet o subdominio en la World Wide Web en Internet. Una página web es un documento HTML/XHTML que es accesible generalmente mediante el protocolo HTTP de Internet...
http://es.wikipedia.org/wiki/Sitio_Web
*Esto es un sitio Web:
*Esto también
*Esto también
Pero que son y
como funcionan?
Son archivos...
Puestos en un servidor
Y que todos podemos ver
Capítulo 3
Qué tipo de presencia Web necesito?
· TENER MI PROPIO ·
Propio sitio Web
Control Total
Multiples páginas
Pero:
Tiene mas trabajo (producción)
Difícil de configurar
Tiene algunos costos
Y TENER
Otros tipos de presencia Web
Y TENER
Otros tipos de presencia Web
Rápidas y fáciles de configurar
Pero:
Control Limitado en la personalización
Y SI PUEDO TENER
Mi sitio Web + Otros tipos
Mi sitio Web + Otros tipos
Llegar a nuevos clientes
Interactuar con tus clientes
Tener reseñas de tus clientes
Multiples dispositivos
Pero:
Requiere mantenimiento constante
· CASO 1 ·
Soy ilustrador, artista, modelador
y quiero mostrar mi trabajo
www.deviantart.com
· CASO 2 ·
Tengo mi propia tienda (física) de objetos y quiero tener mas visitas/clientes
www.paginasamarillas.com
· CASO 3 ·
Tengo una tía en EU e importo productos por encargo
www.facebook.com
· CASO 4·
Soy profesional y quiero ofrecer
mis servicios y hacer contactos
de trabajo
www.linkedin.com
Capítulo 4
Creando un
sitio Web
Hosting y Dominio
En términos simples...
Hosting
Dominio
Para los más técnicos
Un dominio = red de identificación
asociada a equipos conectados
Tipos de dominios
ccTLD :
Country Code Top level Domain | Cod País
gTLD :
Generic Top level Domain | Genéricos
.es
.cat
.eu
.cr
.ni
.ru
.fr
.do
.gt
.mx
.cl
.co
Código País
.es | para servicios de España.
.cat | para servicios en lengua catalana
.eu | la región de Europa
.cr | para servicios de Costa Rica
.ni | para servicios de Nicaragua
.ru | para servicios de Rusia
.fr | para servicios de Francia
.do | para servicios de República Dominicana
.gt | para servicios de Guatemala
.mx | para servicios de México
.cl | para servicios de Chile
.co | para servicios de Colombia
.edu
.gov y .gob
.info
.int
.jobs
.mobi
.museum
.name
.net
.org
Genéricos
.edu | para servicios de Educación
.gov y .gob| para Gobierno y Entidades Públicas
.info| para Información
.int | entidades internacionales
.jobs | deptos de empleo y recursos humanos
.mobi | telefonía móvil
.museum | museos
.name | nombres de persona
.net | infraestructura de red
.org | organizaciones
El dominio Ideal
Descriptivo
Fácil de recordar
Adaptable
· EL DOMINIO ·
Descriptivo
· EL DOMINIO ·
Fácil de recordar
· EL DOMINIO ·
Adaptable
vendetucarro.com?
compratucarro.com?
· DATOS SOBRE ·
Dominios
nordu.net
100' de Dominios
abcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijk
.com
algunoslotienengrandeotroslotienenchiquitoperoelmioeselmaslargo
.com
3.141592653589793238462643383279502884197169399375105820974944592.com
· DATOS SOBRE ·
Dominios
feisbuk.es
wikiepdia.com
007.com
· DATOS SOBRE ·
Dominios
Insure.com
Sex.com
Fund.com
Dónde y cómo se compra un dominio?
+ Comprobar disponibilidad
+ Seleccionar Dominio
+ Comprar
Esto nos da una cuenta en ese lugar (proveedor)
para administrar el domino.
Hosting
Hosting
Servicio que permite almacenar información, imágenes,
vídeo, o cualquier contenido accesible vía Web.
Qué debo tener en cuenta
a la hora de adquirir un Hosting?
Tiempo de actividad
Ancho de Banda
Seguridad
Atención al cliente
Precio
Facilidad de uso
Servicios y funciones adicionales
Tiempo de actividad
Tiempo de actividad de los servidores.
- Experiencia -
Ancho de banda
Cantidad de datos puede enviar tu sitio web
Seguridad
Que dispositivos tienen para seguridad
Atención al Cliente
24/7
Precio
Valor Vs. Servicios
Facilidad de uso
Plataforma intuitiva y fácil
Servicios y funciones adicionales
Instalación de herramientas
Configuración
Lo más importante de un sitio Web
es el usuario.
Identificar a la
Audiencia
Entender a la audiencia usando Google Trends
Lograr reunir una audiencia
de prueba
Opiniones - Observaciones
Crear contenido Valioso
Original - Alta Calidad
Útil e informativo
Ej:
Restaurante:
Ubicación, horario, contacto, menu, blog, eventos
Más valioso y útil que otros sitios
Perspectiva diferente
Valor adicional
Creíble
Estudios, citas, enlaces, reseñas y testimonios originales
Atractivo
Imágenes, ortografía, actualizaciones periódicas, comentarios
Qué aleja mis usuarios?
Enlaces rotos o información erronea
Errores gramaticales - Ortográficos
Exceso de anuncios
Spam
Las recomendaciones
de Google
Diseño y Contenido
Claridad en:
Jerarquia, enlaces de texto
Debe contener:
mapa del sitio, moderar palabras claves
Diseño y Contenido
No incluyas NUNCA textos en imagenes, Google no los ve.
Técnicos
Usa el atributo ALT para tus imágenes
Enlaces Rotos
CrossBrowser
Page Speed, YSlow, WebPagetest
De Calidad
Crea páginas para usuarios no para motores
"¿Esto es útil para mis usuarios?
¿Haría esto si no existiesen los motores de búsqueda?".
De Calidad
Evita:
Contenido generado automatico
Traducciones/Ediciones sin sentido
Abusar de esquemas de enlaces
Ej: Hay muchos anillos de boda en el mercado.
Cuando celebres tu boda, tendrás que elegir el mejor anillo.
También tendrás que comprar flores y encontrar un vestido de novia.
De Calidad
Creación de páginas con poco o ningún contenido original
Calidad
Re-direccionamientos engañosos
Texto o enlaces ocultos
Calidad
Comportamiento malintencionado
Suplantación de identidad
Troyanos, Virus, Software Malicioso
Otros titulares
En exclusiva: Paul Walker SI está vivo.
Nos revela porque fingió su muerte.
Alumna se pasa de caliente en clase y acaba en internet
por lo que hizo!!
Mujer le saca el vestido a la amante de su esposo
en plento centro comercial.
Mujer denuncia vergonzosa revisión en el
aeropuerto grabada en vídeo
Saquen una Hojita
Capítulo 5
Desarrollando
un sitio Web
Lo recuerdan?
El Webmaster
Desconocimiento del tema
Tiempos de actualización
Procesos largos (código)
CMS
CMS son las siglas de Content Management System, que se traduce directamente al español como Sistema Gestor de Contenidos. Como su propio nombre indica, es un sistema que nos permite gestionar contenidos. En líneas generales, un CMS permitiría administrar contenidos en un medio digital y para el caso particular que nos ocupa, un CMS permitiría gestionar los contenidos de una web.
Los más populares
Wordpress
Es un sistema sencillo e intuitivo para crear desde
un blog personal, hasta web's más complejas.
WordPress es un sistema ideal para un sitio web que se actualice periódicamente sin necesidad de conocimientos técnicos de programación.
Como actualizo mi
sitio Web con Wordpress?
Ingresar
"Bandeja de entrada"
Nueva publicación
Una imagen?
Comentarios
Comparta en redes sociales
Aquí estamos
www.eduimagen.co
www.geninteractivelab.com
geninteractive | @geninteractive