44
El sitio corporativo www.bienvenidosamicas a.com Ricardo Llano G. [email protected] @ricardollano

El sitio corporativo Ricardo Llano G. [email protected] @ricardollano

Embed Size (px)

Citation preview

Page 1: El sitio corporativo  Ricardo Llano G. ricardo.llano@unisabana.edu.co @ricardollano

El sitio corporativo

www.bienvenidosamicasa.com

Ricardo Llano [email protected]@ricardollano

Page 2: El sitio corporativo  Ricardo Llano G. ricardo.llano@unisabana.edu.co @ricardollano

100 portales más populares en el mundo¿Dónde están las organizaciones?

Puesto Portal

17 Amazon

23 Ebay

28 Microsoft

29 PayPal

36 Craiglist

37 Apple

52 MegaUpload

54 AOL

63 Adobe

99 Fileserve

Ricardo Llano [email protected]@ricardollano

Page 3: El sitio corporativo  Ricardo Llano G. ricardo.llano@unisabana.edu.co @ricardollano

1.Cuáles son las metas del sitio?- ¿Quiénes van a estar involucrados en el proyecto?

2. Empezar por preguntárse:- Cuál es la misión y visión de la organización, - Cuáles son las metas con el sitio- Cuáles son las metas a corto y largo plazo- Por qué la gente va a ir a mi sitio

Para empezar…

Ricardo Llano [email protected]@ricardollano

Page 4: El sitio corporativo  Ricardo Llano G. ricardo.llano@unisabana.edu.co @ricardollano

1. Diseño Web2. Navegabilidad3. Accesibilidad4. Usabilidad5. Interactividad6. Arquitectura de

la información

Al pensar en nuestro portal, debemos tener en cuenta todos estos aspectos.

Ricardo Llano [email protected]@ricardollano

Page 5: El sitio corporativo  Ricardo Llano G. ricardo.llano@unisabana.edu.co @ricardollano

1. Diseño Web2. Navegabilidad3. Accesibilidad4. Usabilidad5. Interactividad6. Arquitectura de

la información

- Estética- Técnica- Imagen corporativa

Ricardo Llano [email protected]@ricardollano

Page 6: El sitio corporativo  Ricardo Llano G. ricardo.llano@unisabana.edu.co @ricardollano

1. Diseño Web2. Navegabilidad3. Accesibilidad4. Usabilidad5. Interactividad6. Arquitectura de

la información

- Facilidad y rapidez en la navegación- Ubicación- Poca profundidad

Ricardo Llano [email protected]@ricardollano

Page 7: El sitio corporativo  Ricardo Llano G. ricardo.llano@unisabana.edu.co @ricardollano

1. Diseño Web2. Navegabilidad3. Accesibilidad4. Usabilidad5. Interactividad6. Arquitectura de

la información

- Adaptado a diferentes dispositivos- Facilidad para personas con discapacidad

Ricardo Llano [email protected]@ricardollano

Page 8: El sitio corporativo  Ricardo Llano G. ricardo.llano@unisabana.edu.co @ricardollano

1. Diseño Web2. Navegabilidad3. Accesibilidad4. Usabilidad5. Interactividad6. Arquitectura de

la información

- Facilidad de uso- Experiencia de usuario- El usuario no necesita conocimiento previo

Ricardo Llano [email protected]@ricardollano

Page 9: El sitio corporativo  Ricardo Llano G. ricardo.llano@unisabana.edu.co @ricardollano

1. Diseño Web2. Navegabilidad3. Accesibilidad4. Usabilidad5. Interactividad6. Arquitectura de

la información

- Interacción directa- Relacionar al cliente- Soporte

Ricardo Llano [email protected]@ricardollano

Page 10: El sitio corporativo  Ricardo Llano G. ricardo.llano@unisabana.edu.co @ricardollano

1. Diseño Web2. Navegabilidad3. Accesibilidad4. Usabilidad5. Interactividad6. Arquitectura de

la información

- Cómo se plantea el contenido

Ricardo Llano [email protected]@ricardollano

Page 11: El sitio corporativo  Ricardo Llano G. ricardo.llano@unisabana.edu.co @ricardollano

+ y - Ejemplos+ Buenos!1. Mail Chimp http://mailchimp.com/ 2. Onehub Workspaces http://onehub.com/ 3. Media Temple Hosts http://mediatemple.net/ 4. Office VP http://www.officevp.com/ 5. Product Planner http://productplanner.com/

- Pésimos1. Your New dot com http://www.yournew.com/2. Government of Zimbabwe http://www.gta.gov.zw/3. Yale Art School http://art.yale.edu/ 4. George's Township Civil Defense5. Zinc bistro http://www.zincbistroaz.com/

Ricardo Llano [email protected]@ricardollano

Page 12: El sitio corporativo  Ricardo Llano G. ricardo.llano@unisabana.edu.co @ricardollano

Propósito: En web, hacer que el usuario haga algo al entrar a nuestra página, que realice una acción.

Puede ser añadir el producto a su carrito de compras, descargar un programa, solicitar información, dar información.

Call to action…

Ricardo Llano [email protected]@ricardollano

Page 13: El sitio corporativo  Ricardo Llano G. ricardo.llano@unisabana.edu.co @ricardollano

Call to action…

Ricardo Llano [email protected]@ricardollano

Page 14: El sitio corporativo  Ricardo Llano G. ricardo.llano@unisabana.edu.co @ricardollano

El MiniSite

Extensión y ampliación del sitio corporativo

Ricardo Llano [email protected]@ricardollano

Page 15: El sitio corporativo  Ricardo Llano G. ricardo.llano@unisabana.edu.co @ricardollano

El MiniSite¿Qué es un Minisite?

“Un microsite web es una web pequeña en contenido y muy orientada a un objetivo muy específico, generalmente vinculado a un segmento de mercado bien definido o a una acción o evento promocional puntual.” Ricardo Tayar

Ricardo Llano [email protected]@ricardollano

Page 16: El sitio corporativo  Ricardo Llano G. ricardo.llano@unisabana.edu.co @ricardollano

El MiniSiteCubren 3 necesidades: *Ricardo Tayar

1. orientar contenidos o promociones a grupos de usuarios

Cada producto tiene un segmento de mercado diferenciado y hay que dirigirse a ese segmento utilizando el lenguaje adecuado, los medios adecuados y la imagen adecuada.

Ricardo Llano [email protected]@ricardollano

Page 17: El sitio corporativo  Ricardo Llano G. ricardo.llano@unisabana.edu.co @ricardollano

El MiniSite2. Apoyar acciones de comunicación o de

promoción puntuales (como lanzamientos, eventos)

3. hacer posicionamiento web para determinadas keywords e intentar así captar cuota de mercado en base a las búsquedas realizadas para una determinada consulta

Ricardo Llano [email protected]@ricardollano

Page 18: El sitio corporativo  Ricardo Llano G. ricardo.llano@unisabana.edu.co @ricardollano

El MiniSiteUn minisite DEBE tener1. Header con logo y slogan2. Footer que coincida3. Incluir “Call to action”4. Claridad sobre el

producto/MensajeVer Vueling Ver Mini Site

Ricardo Llano [email protected]@ricardollano

Page 19: El sitio corporativo  Ricardo Llano G. ricardo.llano@unisabana.edu.co @ricardollano

SearchEngineOptimization

Ricardo Llano [email protected]@ricardollano

Page 20: El sitio corporativo  Ricardo Llano G. ricardo.llano@unisabana.edu.co @ricardollano

Search Engine Optimization

Ricardo Llano [email protected]@ricardollano

SEO es el acrónimo de Search Engine Optimization o Search Engine Optimizer. Actividad que forma parte de las estrategias on-line de generación de tráfico a un sitio Web por vía natural (orgánica) a partir de los resultados que generan los motores de búsqueda.

Page 21: El sitio corporativo  Ricardo Llano G. ricardo.llano@unisabana.edu.co @ricardollano

Search Engine Optimization

Ricardo Llano [email protected]@ricardollano

1. Que el cliente nos encuentre

2. Desplazar hacia abajo los resultados negativos

Page 22: El sitio corporativo  Ricardo Llano G. ricardo.llano@unisabana.edu.co @ricardollano

El incumplimiento de las reglas de los buscadores es considerado ilegal y las páginas que las incumplen son sancionadas y no aparecen en el índex del buscador.

Ricardo Llano [email protected]@ricardollano

Search Engine Optimization

Page 23: El sitio corporativo  Ricardo Llano G. ricardo.llano@unisabana.edu.co @ricardollano

Ricardo Llano [email protected]@ricardollano

Técnicas SEO

White hat: técnicas permitidas y recomendadas por los motores de búsqueda. Estas buscan beneficio a largo plazo.

Black hat: técnicas penalizadas y no aprobadas por los motores de búsqueda. Estas buscan beneficio a corto plazo pues los sitios pueden ser removidos de los índices.

Search Engine Optimization

Page 24: El sitio corporativo  Ricardo Llano G. ricardo.llano@unisabana.edu.co @ricardollano

Ricardo Llano [email protected]@ricardollano

Técnicas SEO

Algunas técnicas Black hat:

- Keywords stuffing: uso de palabras clave no relacionadas- Hidden or invisible text: texto oculto, invisible no relacionado o en capas ocultas- Metatag stuffing: metags no relacionados- Gateway or doorway pages: páginas con contenido poco relacionado- Scraper site: sitios creados con contenidos de otras partes

Search Engine Optimization

Page 25: El sitio corporativo  Ricardo Llano G. ricardo.llano@unisabana.edu.co @ricardollano

Ricardo Llano [email protected]@ricardollano

TítulosDescripcionesKeywords

Meta Datos

Page 26: El sitio corporativo  Ricardo Llano G. ricardo.llano@unisabana.edu.co @ricardollano

Ricardo Llano [email protected]@ricardollano

Page 27: El sitio corporativo  Ricardo Llano G. ricardo.llano@unisabana.edu.co @ricardollano

Ricardo Llano [email protected]@ricardollano

Page 28: El sitio corporativo  Ricardo Llano G. ricardo.llano@unisabana.edu.co @ricardollano

Ricardo Llano [email protected]@ricardollano

Page 29: El sitio corporativo  Ricardo Llano G. ricardo.llano@unisabana.edu.co @ricardollano

Ricardo Llano [email protected]@ricardollano

Page 30: El sitio corporativo  Ricardo Llano G. ricardo.llano@unisabana.edu.co @ricardollano

Crear títulos únicos

Ricardo Llano [email protected]@ricardollano

La etiqueta “Título” le dice al usuario y al motor de búsqueda cuál es el tema de la página.

Lo ideal es crear títulos únicos para cada página.

Estos deberían tener el nombre de la empresa, la actividad y la ubicación física de la misma.

Page 31: El sitio corporativo  Ricardo Llano G. ricardo.llano@unisabana.edu.co @ricardollano

Buenas prácticas

Ricardo Llano [email protected]@ricardollano

- Describa y comunique el contenido de la página con precisión- Evite usar títulos vagos como Untitled o page 1- Evite usar títulos que no tienen relación con el contenido- Evite usar un título único para todo el portal- Use palabras útiles. No se exceda de los 56 caracteres (54 caracteres en esta frase)

Page 32: El sitio corporativo  Ricardo Llano G. ricardo.llano@unisabana.edu.co @ricardollano

Use la etiqueta “Description”

Ricardo Llano [email protected]@ricardollano

Una frase, dos o un párrafo corto que describe el contenido de la página, de qué se trata de la misma.

No se deben usar más de 160 caracteres

Google puede usarlo como Snipet o no

<META NAME="Description" CONTENT="informative description here“>

Page 33: El sitio corporativo  Ricardo Llano G. ricardo.llano@unisabana.edu.co @ricardollano

Buenas prácticas

Ricardo Llano [email protected]@ricardollano

-Escriba un resumen que describa e interese al usuario- Evite usar descripciones que engañen al usuario-Evite usar descripciones únicas, muy similares o genéricas para todo el portal- No llene la descripción de palabras claves- No se exceda de los 165 caracteres

Page 34: El sitio corporativo  Ricardo Llano G. ricardo.llano@unisabana.edu.co @ricardollano

Keywords: Revelan la estructura de un contenidoInsight for search – Ad Words

Fórmula para generar keywords:Acción – concepto – lugarMercadeo – optimización- Bogotá Título: 56 palabras Descripción: 165 Palabras

Ricardo Llano [email protected]@ricardollano

“Keywords”

Page 35: El sitio corporativo  Ricardo Llano G. ricardo.llano@unisabana.edu.co @ricardollano

Ricardo Llano [email protected]@ricardollano

Búsqueda con una sola palabra: 13-20 %Búsqueda con dos palabras: 30-33 %Búsqueda con tres palabras: 24-28 %Búsquedas con cuatro palabras: 8-9 %Fuente: onestat.com, citado por Mario Fisher –Web Site Boosting

“Keywords”

Page 36: El sitio corporativo  Ricardo Llano G. ricardo.llano@unisabana.edu.co @ricardollano

Otras etiquetas

Ricardo Llano [email protected]@ricardollano

Existen numerosas etiquetas que se incluyen dentro de la etiqueta <head>que proveen información sobre una página.

Algunas de ellas son:<meta name=“keywords” content=“xxxx”>Etiquetas Geo<meta name=“city” content=“Bogotá”><meta name=“country” content=“Colombia”><meta name=“state” content=“DC”><meta name=“geo.position” content=“48.7;21.5167”> (latitud y longitud)

Page 37: El sitio corporativo  Ricardo Llano G. ricardo.llano@unisabana.edu.co @ricardollano

URL´s amigables

Ricardo Llano [email protected]@ricardollano

La URL (unique Resource Locator) ya habla del contenido de la páginaÉstas deben ser amigables, es decir, describir el contenido de la misma:

Las palabras apelan más al usuario que un número de ID

Page 38: El sitio corporativo  Ricardo Llano G. ricardo.llano@unisabana.edu.co @ricardollano

Buenas prácticas

Ricardo Llano [email protected]@ricardollano

- Es mejor usar palabras en las URL´s-Evite usar URL´s excesivamente largas o con palabras o números innecesarios-Crear una estructura simple de directorios que le permita al usuario saber dónde se encuentra.- Es recomendable tener un Site Map en HTML y uno en XML

Page 39: El sitio corporativo  Ricardo Llano G. ricardo.llano@unisabana.edu.co @ricardollano

Recursos

Ricardo Llano [email protected]@ricardollano

http://www.checkpagerank.net/ http://www.keyworddensity.com/ Buscar: site:misitio.comGoogle AnalyticsGoogle insight for searchGoogle ad words tool

Page 40: El sitio corporativo  Ricardo Llano G. ricardo.llano@unisabana.edu.co @ricardollano

Recursos

Ricardo Llano [email protected]@ricardollano

Google Analytics

Page 41: El sitio corporativo  Ricardo Llano G. ricardo.llano@unisabana.edu.co @ricardollano

Ricardo Llano [email protected]@ricardollano

Caso Rick Santorum

Page 42: El sitio corporativo  Ricardo Llano G. ricardo.llano@unisabana.edu.co @ricardollano

Ricardo Llano [email protected]@ricardollano

Page 43: El sitio corporativo  Ricardo Llano G. ricardo.llano@unisabana.edu.co @ricardollano
Page 44: El sitio corporativo  Ricardo Llano G. ricardo.llano@unisabana.edu.co @ricardollano