El sitio corporativo
www.bienvenidosamicasa.com
Ricardo Llano G.
[email protected]
@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 G.
[email protected]
@ricardollano
Para empezar…
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
Ricardo Llano G.
[email protected]
@ricardollano
1. Diseño Web
2. Navegabilidad
3. Accesibilidad
4. Usabilidad
5. Interactividad
6. Arquitectura de
la información
Al pensar en
nuestro portal,
debemos tener
en cuenta todos
estos aspectos.
Ricardo Llano G.
[email protected]
@ricardollano
1. Diseño Web
2. Navegabilidad
3. Accesibilidad
4. Usabilidad
5. Interactividad
6. Arquitectura de
la información
- Estética
- Técnica
- Imagen
corporativa
Ricardo Llano G.
[email protected]
@ricardollano
1. Diseño Web
2. Navegabilidad
3. Accesibilidad
4. Usabilidad
5. Interactividad
6. Arquitectura de
la información
- Facilidad y
rapidez en la
navegación
- Ubicación
- Poca
profundidad
Ricardo Llano G.
[email protected]
@ricardollano
1. Diseño Web
2. Navegabilidad
3. Accesibilidad
4. Usabilidad
5. Interactividad
6. Arquitectura de
la información
- Adaptado a
diferentes
dispositivos
- Facilidad para
personas con
discapacidad
Ricardo Llano G.
[email protected]
@ricardollano
1. Diseño Web
2. Navegabilidad
3. Accesibilidad
4. Usabilidad
5. Interactividad
6. Arquitectura de
la información
- Facilidad de
uso
- Experiencia de
usuario
- El usuario no
necesita
conocimiento
previo
Ricardo Llano G.
[email protected]
@ricardollano
1. Diseño Web
2. Navegabilidad
3. Accesibilidad
4. Usabilidad
5. Interactividad
6. Arquitectura de
la información
- Interacción
directa
- Relacionar al
cliente
- Soporte
Ricardo Llano G.
[email protected]
@ricardollano
1. Diseño Web
2. Navegabilidad
3. Accesibilidad
4. Usabilidad
5. Interactividad
6. Arquitectura de
la información
- Cómo se
plantea el
contenido
Ricardo Llano G.
[email protected]
@ricardollano
+ Buenos!
1.
2.
3.
4.
5.
+ y - Ejemplos
Mail Chimp http://mailchimp.com/
Onehub Workspaces http://onehub.com/
Media Temple Hosts http://mediatemple.net/
Office VP http://www.officevp.com/
Product Planner http://productplanner.com/
- Pésimos
1.
2.
3.
4.
5.
Your New dot com http://www.yournew.com/
Government of Zimbabwe http://www.gta.gov.zw/
Yale Art School http://art.yale.edu/
George's Township Civil Defense
Zinc bistro http://www.zincbistroaz.com/
Ricardo Llano G.
[email protected]
@ricardollano
Call to action…
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.
Ricardo Llano G.
[email protected]
@ricardollano
Call to action…
Ricardo Llano G.
[email protected]
@ricardollano
El MiniSite
Extensión y ampliación
del sitio corporativo
Ricardo Llano G.
[email protected]
@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 G.
[email protected]
@ricardollano
El MiniSite
Cubren 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 G.
[email protected]
@ricardollano
El MiniSite
2. 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 G.
[email protected]
@ricardollano
El MiniSite
Un minisite DEBE tener
1. Header con logo y slogan
2. Footer que coincida
3. Incluir “Call to action”
4. Claridad sobre el
producto/Mensaje
Ver Vueling Ver Mini Site
Ricardo Llano G.
[email protected]
@ricardollano
Search
Engine
Optimization
Ricardo Llano G.
[email protected]
@ricardollano
Search Engine Optimization
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.
Ricardo Llano G.
[email protected]
@ricardollano
Search Engine Optimization
1. Que el cliente nos
encuentre
2. Desplazar hacia
abajo los resultados
negativos
Ricardo Llano G.
[email protected]
@ricardollano
Search Engine Optimization
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 G.
[email protected]
@ricardollano
Search Engine Optimization
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.
Ricardo Llano G.
[email protected]
@ricardollano
Search Engine Optimization
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
Ricardo Llano G.
[email protected]
@ricardollano
Meta Datos
Títulos
Descripciones
Keywords
Ricardo Llano G.
[email protected]
@ricardollano
Ricardo Llano G.
[email protected]
@ricardollano
Ricardo Llano G.
[email protected]
@ricardollano
Ricardo Llano G.
[email protected]
@ricardollano
Ricardo Llano G.
[email protected]
@ricardollano
Crear títulos únicos
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.
Ricardo Llano G.
[email protected]
@ricardollano
Buenas prácticas
- 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)
Ricardo Llano G.
[email protected]
@ricardollano
<META NAME="Description" CONTENT="informative description here“>
Use la etiqueta “Description”
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
Ricardo Llano G.
[email protected]
@ricardollano
Buenas prácticas
-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
Ricardo Llano G.
[email protected]
@ricardollano
“Keywords”
Keywords: Revelan la estructura de un contenido
Insight for search – Ad Words
Fórmula para generar keywords:
Acción – concepto – lugar
Mercadeo – optimización- Bogotá
Título: 56 palabras
Descripción: 165 Palabras
Ricardo Llano G.
[email protected]
@ricardollano
“Keywords”
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
Ricardo Llano G.
[email protected]
@ricardollano
Otras etiquetas
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)
Ricardo Llano G.
[email protected]
@ricardollano
URL´s amigables
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
Ricardo Llano G.
[email protected]
@ricardollano
Buenas prácticas
- 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
Ricardo Llano G.
[email protected]
@ricardollano
Recursos
http://www.checkpagerank.net/
http://www.keyworddensity.com/
Buscar: site:misitio.com
Google Analytics
Google insight for search
Google ad words tool
Ricardo Llano G.
[email protected]
@ricardollano
Recursos
Google Analytics
Ricardo Llano G.
[email protected]
@ricardollano
Caso Rick Santorum
Ricardo Llano G.
[email protected]
@ricardollano
Ricardo Llano G.
[email protected]
@ricardollano
Descargar

Search Engine Optimization