Cómo desarrollar sitios Web amigables a los buscadores

18 Mayo 2010 - Fernando Maciá

Ver más presentaciones de Human Level Communications

Cómo desarrollar sitios Web amigables para buscadores

Posicionamiento en Buscadores:
Cómo desarrollar sitios Web
amigables para buscadores
Fernando Maciá
fernando@humanlevel.com
Twitter: @fernandomacia

Javier Gosende
javier@humanlevel.com #adwanet
Twitter: @javier_gosende

Javier Gosende – Fernando Maciá 17 de mayo de 2010
Hashtag Twitter:
#adwanet

Javier Gosende – Fernando Maciá 17 de mayo de 2010
Caso Práctico
Supongamos que deseamos crear un proyecto web
centrado en la venta de juguetes

Javier Gosende – Fernando Maciá 17 de mayo de 2010
Desarrollo Web
Amigable a usuarios y
a buscadores

La web tiene que hablar el lenguaje de sus clientes
Jakob Nielsen

Javier Gosende – Fernando Maciá 17 de mayo de 2010
¿Quiénes son tus clientes?
5
Javier Gosende – Fernando Maciá 17 de mayo de 2010
Qué
Cómo
Cuándo
Se busca
En Internet?

Javier Gosende – Fernando Maciá 17 de mayo de 2010
Cómo
Javier Gosende – Fernando Maciá 17 de mayo de 2010
Qué
Herramienta para palabras clave de Google

https://adwords.google.es/select/KeywordToolExternal

Javier Gosende – Fernando Maciá 17 de mayo de 2010
Patrones de búsqueda
Patrón Ejemplo
Por edad Juguetes educativos niños 3 años
Juguetes educativos bebes

Por personaje Juguetes educativos mickey mouse
Qué
Juguetes educativos pocoyo

Por material Juguetes educativos de madera

Por Marca Juguetes Fisher Price
Nombre juguete Lego Halcon Millenium Starwars

Javier Gosende – Fernando Maciá 17 de mayo de 2010
Patrones de búsqueda
Yo quiero un
Lego
Juguete de Naves
Un Lego StarWars
Un juguete de StarWars
Un juguete espacial
Un juguete de armar
El tieﬁghter de Darth Vader en Lego

Javier Gosende – Fernando Maciá 17 de mayo de 2010
Patrones de búsqueda
El niño necesita un
Juguete de niño
Juguete para niños de 7 años

Juguete por menos de 50 euros

Juguetes baratos
Un lego starwars
Una cosa de starwars que se arma

Javier Gosende – Fernando Maciá 17 de mayo de 2010
Arquitectura
La Web debe centrarse en el cliente y
no en el producto
Javier Gosende – Fernando Maciá 17 de mayo de 2010
Adaptar la Web a las frases con las
que nuestros clientes nos buscan

Javier Gosende – Fernando Maciá 17 de mayo de 2010
Arquitectura Amplia
1 página web por
cada palabra
clave diferente
Javier Gosende – Fernando Maciá 17 de mayo de 2010
Javier Gosende – Fernando Maciá 17 de mayo de 2010
Gestor de Contenidos Flexible
Javier Gosende – Fernando Maciá 17 de mayo de 2010
Página Home con enlaces a diferentes
páginas internas relevantes

Javier Gosende – Fernando Maciá 17 de mayo de 2010
Enlaces relevantes a otros productos
relacionados

Javier Gosende – Fernando Maciá 17 de mayo de 2010
Obstáculos
Indexabilidad

Javier Gosende – Fernando Maciá 17 de mayo de 2010
Regla Básica del SEO
Title
Hs
Texto Contenido
Etiquetas Alt
Anchor text enlaces
Urls amigables

Javier Gosende – Fernando Maciá 17 de mayo de 2010
Más Contenido en la
Ficha de Producto

Javier Gosende – Fernando Maciá 17 de mayo de 2010
Más
Contenido en
las
Agrupacione
s de
Productos

Javier Gosende – Fernando Maciá 17 de mayo de 2010
Reviews de Usuarios:
Contenidos gratis en el
lenguaje del cliente

Javier Gosende – Fernando Maciá 17 de mayo de 2010
Crear contenido automático
importado de otras aplicaciones
Web

Javier Gosende – Fernando Maciá 17 de mayo de 2010
Información tráﬁco Web
Keywords

Seguimiento Feedback sobre las
estadístico de las keywords empleadas en la
búsquedas optimización
Javier Gosende – Fernando Maciá 17 de mayo de 2010
Lagunas de contenido
Secciones Nuevas en la Web con mucho contenido fácil de
crear

Blogs
Foros
Wikis
Preguntas frecuentes
Glosario de términos
Consejos
Noticias

Javier Gosende – Fernando Maciá 17 de mayo de 2010
Optimizar descarga de la
Página Web

 Tableless layout
 Optimizar peso de imágenes
 Paralelizar descarga
 Uso de Hojas de Estilo CSS
 Limpiar Código (comentarios…)

Javier Gosende – Fernando Maciá 17 de mayo de 2010
Crear un mapa del sitio que contenga enlaces a todas las páginas
Javier Gosende – Fernando Maciá 17 de mayo de 2010
Sitemap con las Herramientas para Webmasters en Google
www.google.com/webmasters/tools/?hl=es

Cómo generar el archivo sitemap:
GSite Crawler

Javier Gosende – Fernando Maciá 17 de mayo de 2010
Redirects 301 y 302
Tres tipos de redirección de dominio:

Redirección permanente – 301 Redirect
Redirección temporal – 302 Redirect
Alias / Parking – 200 OK

Debemos aprender a aplicarlos correctamente:
Analizador de cabeceras http
Código de los distintos tipos de redirect

Javier Gosende – Fernando Maciá 17 de mayo de 2010
Redirects 301 y 302
Alias / Parking – 200 OK
Dominio
Dominio A C+
Dominio B Dominio A
Dominio B
• El dominio A y el dominio B son sólo diferentes nombres para el dominio canónico o
principal C.

• Los buscadores tratarán en un primer momento cada dominio como uno distinto,
pero pronto detectarán el contenido duplicado, por lo que sólo mostrarán uno
(identiﬁcado como canónico) en los resultados.

Javier Gosende – Fernando Maciá 17 de mayo de 2010
Redirects 301 y 302
Alias / Parking – 200 OK
Dominio
Dominio A C+
Dominio B Dominio A
Dominio B
• El dominio A y el dominio B son sólo diferentes nombres para el dominio canónico o
principal C.

• Los buscadores tratarán en un primer momento cada dominio como uno distinto,
pero pronto detectarán el contenido duplicado, por lo que sólo mostrarán uno
(identiﬁcado como canónico) en los resultados.

Javier Gosende – Fernando Maciá 17 de mayo de 2010
Redirects 301 y 302
Permanent Redirect – 301

Dominio Dominio
A C
Dominio
B
• Los dominios A y B no son tratados como dominios distintos, sino que desaparecen y
sólo se mostrará el dominio C.

• Este es el método de redireccionamiento más seguro. Toda la popularidad
que tuvieran los dominios A y B se traspasa al dominio C.

Javier Gosende – Fernando Maciá 17 de mayo de 2010
Redirects 301 y 302
Permanent Redirect – 301

Dominio Dominio
A C
Dominio
B
• Los dominios A y B no son tratados como dominios distintos, sino que desaparecen y
sólo se mostrará el dominio C.

• Este es el método de redireccionamiento más seguro. Toda la popularidad
que tuvieran los dominios A y B se traspasa al dominio C.

Javier Gosende – Fernando Maciá 17 de mayo de 2010
Redirects 301 y 302
Temporary Redirect – 302

Dominio A Dominio C
Dominio B

• El dominio C es tratado como un dominio temporal y el dominio redirigido es
tratado como el dominio canónico.

• Funciona bien a menos que haya más de un redirect 302 ya que no se puede
tener más de un dominio canónico. Causa muchos problemas y se desaconseja
utilizarlo a menos que se sepa lo que se hace.

Javier Gosende – Fernando Maciá 17 de mayo de 2010
Redirects 301 y 302
Temporary Redirect – 302

Dominio A Dominio C
Dominio B

• El dominio C es tratado como un dominio temporal y el dominio redirigido es
tratado como el dominio canónico.

• Funciona bien a menos que haya más de un redirect 302 ya que no se puede
tener más de un dominio canónico. Causa muchos problemas y se desaconseja
utilizarlo a menos que se sepa lo que se hace.

Javier Gosende – Fernando Maciá 17 de mayo de 2010
Redireccionamientos
• http://www.haagen-dazs.com/
• http://www.haagendazs.com/
• http://www.hagendazs.com/
• http://www.haagendasz.com/
• http://www.haagendazs.es/
• http://www.haagen-dazs.es/

Permanent Redirect 301

Javier Gosende – Fernando Maciá 17 de mayo de 2010
Proceso de migración
Cambios a dominios premium
Actualización gestor de contenidos
Implementación de URL semánticas

Permanent Redirect 301

Vieja URL:
www.viva-spain.com/Noticia.asp?Id=123

Minimizar el impacto sobre el posicionamiento
Javier Gosende – Fernando Maciá 17 de mayo de 2010
Proceso de migración
Cambios a dominios premium
Actualización gestor de contenidos
Implementación de URL semánticas

Permanent Redirect 301

Vieja URL: Nueva URL:
www.viva-spain.com/Noticia.asp?Id=123 www.viva-spain.com/spanish-cuisine.htm

Minimizar el impacto sobre el posicionamiento
Javier Gosende – Fernando Maciá 17 de mayo de 2010
Proceso de migración
Cambios a dominios premium
Actualización gestor de contenidos
Implementación de URL semánticas

Permanent Redirect 301

Nueva URL:
www.viva-spain.com/spanish-cuisine.htm

Minimizar el impacto sobre el posicionamiento
Javier Gosende – Fernando Maciá 17 de mayo de 2010
Error 404
Javier Gosende – Fernando Maciá 17 de mayo de 2010
Error 404
Javier Gosende – Fernando Maciá 17 de mayo de 2010
Evitar problemas en la home
Permanent Redirect 301

midominio.com www.midominio.com

Javier Gosende – Fernando Maciá 17 de mayo de 2010
Evitar problemas en la home
Temporary Redirect 302

www.midominio.com www.midominio.com/portal/

Concentrar PageRank en raíz del dominio

Javier Gosende – Fernando Maciá 17 de mayo de 2010
Evitar problemas en la home
Link canonical

www.midominio.com www.midominio.com/portal/
portada/
<link rel="canonical" href="http://www.midominio.com" />

Concentrar PageRank en raíz del dominio
39
Evitar problemas en la home
Link canonical

www.midominio.com www.midominio.com/
default.php?cmp=renault
<link rel="canonical" href="http://www.midominio.com" />

Concentrar PageRank en raíz del dominio
40
Evitar problemas en las páginas
internas
Google Webmaster Tools > Parámetros

http://www.midominio.com/tag/

ﬁtness/ http://www.midominio.com/tag/
jsessionid=E54A14626BB7B32484635D ﬁtness/
47BDCAD799

Evitar contenido duplicado
Javier Gosende – Fernando Maciá 17 de mayo de 2010
Evitar problemas en las páginas
internas
Inicio > hombres > relojes > sport > armani > ar0567

http://www.midominio.com/hombres/relojes/sport/armani/ar0567.html

<link rel="canonical" href="http://www.midominio.com/relojes/armani/sport/ar0567.html/" />

Inicio > hombres > armani > relojes > sport > ar0567

http://www.midominio.com/hombres/armani/relojes/sport/ar0567.html

<link rel="canonical" href="http://www.midominio.com/relojes/armani/sport/ar0567.html/" />

http://www.midominio.com/relojes/armani/sport/ar0567.html

Evitar contenido duplicado
Javier Gosende – Fernando Maciá 17 de mayo de 2010
Evitar problemas en las páginas
internas

http://www.midominio.com/Semana%20Internacional%20de%20Cine

http://www.midominio.com/Semana+Internacional+de+Cine

http://www.midominio.com/Semana-Internacional-de-Cine

<link rel="canonical" href="http://www.midominio.com/semana-internacional-de-cine/" />

http://www.midominio.com/semana-internacional-de-cine

Evitar contenido duplicado
Javier Gosende – Fernando Maciá 17 de mayo de 2010
Indexabilidad
Variables de sesión
Comprobar Variables de Sesión en las URLs

La existencia de variables de sesión en la URL puede provocar que los buscadores vean con URL distintas la misma
página cada vez que rastrean los contenidos, lo cual provocaría errores y problemas en la indexación del portal, por
detección de contenido duplicado.

URL: http://www.univision.com/content/content.jhtml;jsessionid=WYAME5FYLNS5YZAADYIWC?cid=921525

Análisis de cabeceras http:
Set-Cookie => JSESSIONID=07507EF88BD22058A18E4EF7D924E8A7

Búsqueda con Google:
allinurl:jsessionid site:www.midominio.com (o bien
allinurl:phpsessionid, allinurl:aspsessionid, etc.)

Javier Gosende – Fernando Maciá 17 de mayo de 2010
41
Indexabilidad
Controlando a los robots

Javier Gosende – Fernando Maciá 17 de mayo de 2010
Sitios web multi-idioma
SEO AMIGABLE Idiomas separados por variables ocultas

Idiomas separados por variables pasadas
en URL por el método GET

Idiomas separados en subdominios o
subdirectorios
Sitios web multi-idioma
SEO AMIGABLE Idiomas separados por variables ocultas

Idiomas separados por variables pasadas
en URL por el método GET

Idiomas separados en subdominios o
subdirectorios
Sitios web multi-idioma
Idiomas separados por variables ocultas
(POST)
SEO AMIGABLE
Sitios web multi-idioma
Idiomas separados por variables ocultas
(POST)
SEO AMIGABLE
Sitios web multi-idioma
Idiomas separados por variables ocultas
(POST)
SEO AMIGABLE
Sitios web multi-idioma
Idiomas separados por variables ocultas:
cookies
SEO AMIGABLE
Sitios web multi-idioma
Idiomas separados por variables ocultas:
cookies
SEO AMIGABLE
Sitios web multi-idioma
Idiomas separados por variables ocultas:
variables de entorno
SEO AMIGABLE
Sitios web multi-idioma
Idiomas separados por variables ocultas:
variables de entorno
SEO AMIGABLE
Sitios web multi-idioma
Idiomas separados por variables ocultas -
Problemas:
SEO AMIGABLE
Sitios web multi-idioma
Idiomas separados por variables ocultas -
Problemas:
SEO AMIGABLE

lang=es lang=de
Sitios web multi-idioma
Idiomas separados por variables ocultas -
Problemas:
SEO AMIGABLE

lang=es lang=de

=
Sitios web multi-idioma
Idiomas separados por variables ocultas -
Problemas:
SEO AMIGABLE

lang=es lang=de

=
www.midominio.com/home.php
= www.midominio.com/home.php
Sitios web multi-idioma
SEO AMIGABLE Idiomas separados por variables ocultas

Idiomas separados por variables pasadas en
URL por el método GET

Idiomas separados en subdominios o
subdirectorios
Sitios web multi-idioma
SEO AMIGABLE Idiomas separados por variables ocultas

Idiomas separados por variables pasadas en
URL por el método GET

Idiomas separados en subdominios o
subdirectorios
Sitios web multi-idioma
SEO AMIGABLE Idiomas separados por variables pasadas en
URL por el método GET
• http://www.midominio.com/home.php&lang=es
• http://www.midominio.com/home.php&lang=en
Sitios web multi-idioma
SEO AMIGABLE Idiomas separados por variables pasadas en
URL por el método GET
• http://www.midominio.com/home.php&lang=es
• http://www.midominio.com/home.php&lang=en
Sitios web multi-idioma
SEO AMIGABLE Idiomas separados por variables pasadas en
URL por el método GET
• http://www.midominio.com/home.php&lang=es
• http://www.midominio.com/home.php&lang=en

=
Sitios web multi-idioma
SEO AMIGABLE Idiomas separados por variables pasadas en
URL por el método GET
• http://www.midominio.com/home.php&lang=es
• http://www.midominio.com/home.php&lang=en

=
www.midominio.com/
home.php&lang=es = www.midominio.com/
home.php&lang=de
Sitios web multi-idioma
SEO AMIGABLE Idiomas separados por variables pasadas
en URL por el método GET -
Inconvenientes:
• Las Herramientas de Google para Webmasters sólo
permiten geolocalizar:
• Dominios: www.midominio.com
• Subdominios: uk.midominio.com
• Subdirectorios: www.midominio.com/uk/

No podemos geolocalizar
Sitios web multi-idioma
SEO AMIGABLE Cuidado con los idiomas “por defecto”

www.midominio.com

problema: contenido duplicado
solución: nofollow/canonical
Sitios web multi-idioma
SEO AMIGABLE Cuidado con los idiomas “por defecto”

www.midominio.com

www.midominio.com/
home.php?lang=fr

problema: contenido duplicado
solución: nofollow/canonical
Sitios web multi-idioma
SEO AMIGABLE Cuidado con los idiomas “por defecto”

www.midominio.com

www.midominio.com/
home.php?lang=fr
www.midominio.com/
home.php?lang=es

problema: contenido duplicado
solución: nofollow/canonical
Sitios web multi-idioma
SEO AMIGABLE Cuidado con los idiomas “por defecto”

=
www.midominio.com
= www.midominio.com/
home.php?lang=es

problema: contenido duplicado
solución: nofollow/canonical
Sitios web multi-idioma
SEO AMIGABLE Idiomas separados por variables ocultas

Idiomas separados por variables pasadas en
URL por el método GET

Idiomas separados en subdominios o
subdirectorios
Sitios web multi-idioma
SEO AMIGABLE Idiomas separados por variables ocultas

Idiomas separados por variables pasadas en
URL por el método GET

Idiomas separados en subdominios o
subdirectorios
Sitios web multi-idioma
SEO AMIGABLE Idiomas separados en subdominios o
subdirectorios
• Subdominios:
• es.midominio.com
• fr.midominio.com
• en.midominio.com
• O bien, subdirectorios:
• www.midominio.com/es/
• www.midominio.com/fr/
• www.midominio.com/en/
Sitios web multi-idioma
SEO AMIGABLE Idiomas separados en subdominios o
subdirectorios
• Subdominios:
• es.midominio.com
• fr.midominio.com
• en.midominio.com
• O bien, subdirectorios:
• www.midominio.com/es/
• www.midominio.com/fr/
• www.midominio.com/en/
Sitios web multi-idioma
SEO AMIGABLE Idiomas separados en subdominios o
subdirectorios: ventajas
Sitios web multi-idioma
SEO AMIGABLE Idiomas separados en subdominios o
subdirectorios: ventajas

=
Sitios web multi-idioma
SEO AMIGABLE Idiomas separados en subdominios o
subdirectorios: ventajas

=
www.midominio.com/es/
= www.midominio.com/de/
Sitios web multi-idioma
SEO AMIGABLE Idiomas separados en subdominios o
subdirectorios: ventajas

=
www.midominio.com/es/
= www.midominio.com/de/
Sitios web multi-idioma
Especiﬁca el idioma de tu página:

<html lang="es-es">
<html lang="es-us">
<html lang="es-mx">
<html lang="en-uk">
<html lang="en-us">

Emplea la codiﬁcación de texto adecuada:
• UTF-8: canción
• ISO: canción

Javier Gosende – Fernando Maciá 17 de mayo de 2010
Sitios internacionales: dominios,
subdominios, subdirectorios
• ¿Cuándo debemos usar un subdominio, un subdirectorio o un segundo dominio?
Subdirectorio: www.susitio.com/uk/
Subdominio: uk.susitio.com
Dominio: susitio.co.uk

• Consejo: elegir de acuerdo con los enlaces entrantes que podemos conseguir y el
número de páginas de cada idioma/país/mercado. Ej.
Subdirectorio: si tenemos pocos enlaces entrantes y pocas páginas
Subdominio: si tenemos un buen número de enlaces entrantes y un buen número
de páginas
Dominio: si tenemos muchísimos enlaces entrantes y un elevado número de
páginas

Javier Gosende – Fernando Maciá 17 de mayo de 2010
Sitios internacionales: dominios,
subdominios, subdirectorios
• Prácticas recomendadas:

• Separar países en dominios distintos, separar idiomas en subdominios,
separar temas en subdirectorios:

www.susitio.co.uk (País)
english.susitio.com (Idioma)
www.susitio.com/tema (Tema)

Javier Gosende – Fernando Maciá 17 de mayo de 2010
• Perlas recién cultivadas del SMX Avanced London Update
Reasonable Surfer Patent: links prominentes pasan más PR
Búsqueda real time: enlaces de Twitter/FB etc. afectan a búsquedas
del tipo “Query deserves Freshness”
Recuperar popularidad: recuperar IBL, redirect 301 vs canonical
interdominios
No obsesionarse con densidad de KW, uso de Hn tags, etc.
Branded links a home de dominios, enlaces con anchor text long tail
apuntando a páginas profundas (deep linking)
Mimar la calidad del código (archivos externos, comentarios…)
La autoridad del dominio baja para long tail
Enlaces desde sitios de la misma empresa disminuye valor

Javier Gosende – Fernando Maciá 17 de mayo de 2010
Javier Gosende – Fernando Maciá 17 de mayo de 2010
Bibliografía
POSICIONAMIENTO EN BUSCADORES – SEO

• Posicionamiento en Buscadores – Fernando Maciá y Javier Gosende, ed. Anaya Multimedia.
• SEO – Cómo triunfar en buscadores – Miguel Orense y Octavio I. Rojas Orduña, ed. ESIC.
• Libro SEO Posicionamiento en buscadores – Miguel López, ed. Bubok.
• Quiero que mi empresa salga en Google – Sico de Andrés, ed. Starbook.
• SEO – Optimización del posicionamiento en buscadores – Jerri L. Ledford, ed. Anaya Multimedia.
• Guía SEO OJO Buscador – Javier Casares (www.ojobuscador.com)
• Posicionamiento de su sitio Web – Marie Prat, eni ediciones.

REDES SOCIALES

• Redes sociales for Rookies – ed. LID Ediciones Empresariales y Marshall Cavendish.
• La empresa en la Web 2.0 – Javier Celaya, ed. Gestión 2000
• Blogs – VV.AA., ed. ESIC.
• Visibilidad – Cómo gestionar la reputación en Internet – VV.AA., ed. Gestión 2000.

Javier Gosende – Fernando Maciá 17 de mayo de 2010
Bibliografía
MARKETING ONLINE

• Marketing en Internet: estrategia y empresa – Ana María Gutiérrez Arranz y Manuel J. Sánchez-Franco, Editorial Pirámide.
• Marketing y publicidad en Internet – José Martí Parreño, ed. Starbook Editorial.
• Guía de E-business para Ejecutivos – PriceWaterhouseCoopers, Ediciones Deusto.
• Marketing electrónico para PYMES – Ana Cruz Herradón, Editorial Ra-Ma.
• Vender más en Internet – David Boronat y Ester Pallarés, Ediciones Gestión 2000.
• Plan de Marketing Digital – Manuel Alonso Coto, Editorial Pearson Educación.
• 101 Técnicas para promover tu web – Susan Sweeny – ed. Anaya Multimedia
• Usabilidad – Diseño de sitios web, de Jakob Nielsen, ed. Prentice Hall
• Texto vivo – Escribir para la Web, de Jonathan Price & Lisa Price, ed. Prentice Hall
• Modelos de Negocios en Internet – Visión postcrisis, de Fernando Alberto de Núñez y Lugones, ed. McGraw-Hill Profesional
• El marketing viral, de Alba Doral, ed. Pearson – Prentice Hall.
• Marketing en Internet – Enrique de la Rica – ed. Anaya Multimedia

Javier Gosende – Fernando Maciá 17 de mayo de 2010
¡¡¡¡MUCHAS GRACIAS!!!!
Javier Gosende
Resp. Marketing Human Level Communications
javier@humanlevel.com
Twitter: @javier_gosende

Fernando Maciá
Director Human Level Communications
fernando@humanlevel.com
Twitter: @fernandomacia

Javier Gosende – Fernando Maciá 17 de mayo de 2010