Cómo desarrollar sitios Web amigables a los buscadores

Escrito por Fernando Maciá

Cómo desarrollar sitios Web amigables para buscadores

1. Posicionamiento en Buscadores:
   Cómo desarrollar sitios Web
   amigables para buscadores
   Fernando Maciá
   fernando@humanlevel.com
   Twitter: @fernandomacia
   Fernando Maciá 17 de mayo de 2010
2. Hashtag Twitter:
   #adwanet – Fernando Maciá 17 de mayo de 2010
3. Caso Práctico
   Supongamos que deseamos crear un proyecto web
   centrado en la venta de juguetes – Fernando Maciá 17 de mayo de 2010
4. Desarrollo Web
   Amigable a usuarios y
   a buscadoresLa web tiene que hablar el lenguaje de sus clientes
   Jakob Nielsen – Fernando Maciá 17 de mayo de 2010
5. ¿Quiénes son tus clientes?5
   – Fernando Maciá 17 de mayo de 2010
6. Qué
   Cómo
   Cuándo
   Se busca
   En Internet? – Fernando Maciá 17 de mayo de 2010
7. Cómo – Fernando Maciá 17 de mayo de 2010
8. QuéHerramienta para palabras clave de Google
   https://adwords.google.es/select/KeywordToolExternal – Fernando Maciá 17 de mayo de 2010
9. Patrones de búsqueda
   Patrón Ejemplo
   Por edad Juguetes educativos niños 3 años
   Juguetes educativos bebesPor personaje Juguetes educativos mickey mouse
   Qué
   Juguetes educativos pocoyoPor material Juguetes educativos de madera

Por Marca Juguetes Fisher Price
Nombre juguete Lego Halcon Millenium Starwars

– Fernando Maciá 17 de mayo de 2010

• Patrones de búsquedaYo quiero un
  Lego
  Juguete de Naves
  Un Lego StarWars
  Un juguete de StarWars
  Un juguete espacial
  Un juguete de armar
  El tiefighter de Darth Vader en Lego – Fernando Maciá 17 de mayo de 2010
• Patrones de búsquedaEl niño necesita un
  Juguete de niño
  Juguete para niños de 7 añosJuguete por menos de 50 euros

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

– Fernando Maciá 17 de mayo de 2010

• ArquitecturaLa Web debe centrarse en el cliente y
  no en el producto
  – Fernando Maciá 17 de mayo de 2010
• Adaptar la Web a las frases con las
  que nuestros clientes nos buscan – Fernando Maciá 17 de mayo de 2010
• Arquitectura Amplia1 página web por
  cada palabra
  clave diferente
  – Fernando Maciá 17 de mayo de 2010
• – Fernando Maciá 17 de mayo de 2010
• Gestor de Contenidos Flexible – Fernando Maciá 17 de mayo de 2010
• Página Home con enlaces a diferentes
  páginas internas relevantes – Fernando Maciá 17 de mayo de 2010
• Enlaces relevantes a otros productos
  relacionados – Fernando Maciá 17 de mayo de 2010
• Obstáculos
  Indexabilidad – Fernando Maciá 17 de mayo de 2010
• Regla Básica del SEOTitle
  Hs
  Texto Contenido
  Etiquetas Alt
  Anchor text enlaces
  Urls amigables – Fernando Maciá 17 de mayo de 2010
• Más Contenido en la
  Ficha de Producto – Fernando Maciá 17 de mayo de 2010
• Más
  Contenido en
  las
  Agrupacione
  s de
  Productos – Fernando Maciá 17 de mayo de 2010
• Reviews de Usuarios:
  Contenidos gratis en el
  lenguaje del cliente – Fernando Maciá 17 de mayo de 2010
• Crear contenido automático
  importado de otras aplicaciones
  Web – Fernando Maciá 17 de mayo de 2010
• Información tráfico Web
  KeywordsSeguimiento Feedback sobre las
  estadístico de las keywords empleadas en la
  búsquedas optimización
  – Fernando Maciá 17 de mayo de 2010
  Lagunas de contenido
• Secciones Nuevas en la Web con mucho contenido fácil de
  crearBlogs
  Foros
  Wikis
  Preguntas frecuentes
  Glosario de términos
  Consejos
  Noticias – 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…) – Fernando Maciá 17 de mayo de 2010
• Crear un mapa del sitio que contenga enlaces a todas las páginas – Fernando Maciá 17 de mayo de 2010
• Sitemap con las Herramientas para Webmasters en Google
  www.google.com/webmasters/tools/?hl=esCómo generar el archivo sitemap:
  GSite Crawler – 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 OKDebemos aprender a aplicarlos correctamente:
  Analizador de cabeceras http
  Código de los distintos tipos de redirect

– 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
  (identificado como canónico) en los resultados. – 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
  (identificado como canónico) en los resultados. – Fernando Maciá 17 de mayo de 2010
• Redirects 301 y 302
  Permanent Redirect – 301Dominio 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.

– Fernando Maciá 17 de mayo de 2010

• Redirects 301 y 302
  Permanent Redirect – 301Dominio 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.

– Fernando Maciá 17 de mayo de 2010

• Redirects 301 y 302
  Temporary Redirect – 302Dominio 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.

– Fernando Maciá 17 de mayo de 2010

• Redirects 301 y 302
  Temporary Redirect – 302Dominio 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.

– 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

– 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ánticasPermanent Redirect 301Vieja URL:
  www.viva-spain.com/Noticia.asp?Id=123

Minimizar el impacto sobre el posicionamiento
– 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ánticasPermanent Redirect 301Vieja URL: Nueva URL:
  www.viva-spain.com/Noticia.asp?Id=123 www.viva-spain.com/spanish-cuisine.htm

Minimizar el impacto sobre el posicionamiento
– 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
– Fernando Maciá 17 de mayo de 2010

• Error 404 – Fernando Maciá 17 de mayo de 2010
• Error 404 – Fernando Maciá 17 de mayo de 2010
• Evitar problemas en la home
  Permanent Redirect 301midominio.com www.midominio.com – Fernando Maciá 17 de mayo de 2010
• Evitar problemas en la home
  Temporary Redirect 302www.midominio.com www.midominio.com/portal/Concentrar PageRank en raíz del dominio

– Fernando Maciá 17 de mayo de 2010

• Evitar problemas en la homeLink canonicalwww.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 homeLink canonicalwww.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ámetroshttp://www.midominio.com/tag/
  fitness/ http://www.midominio.com/tag/
  jsessionid=E54A14626BB7B32484635D fitness/
  47BDCAD799Evitar contenido duplicado
  – 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
– 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
– Fernando Maciá 17 de mayo de 2010

• Indexabilidad
  Variables de sesión
  Comprobar Variables de Sesión en las URLsLa 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.)

– Fernando Maciá 17 de mayo de 2010
41

• Indexabilidad
  Controlando a los robots – Fernando Maciá 17 de mayo de 2010
• Sitios web multi-idiomaSEO AMIGABLE Idiomas separados por variables ocultasIdiomas separados por variables pasadas
  en URL por el método GET

Idiomas separados en subdominios o
subdirectorios

• Sitios web multi-idiomaSEO AMIGABLE Idiomas separados por variables ocultasIdiomas separados por variables pasadas
  en URL por el método GET

Idiomas separados en subdominios o
subdirectorios

• Sitios web multi-idiomaIdiomas separados por variables ocultas
  (POST)
  SEO AMIGABLE
• Sitios web multi-idiomaIdiomas separados por variables ocultas
  (POST)
  SEO AMIGABLE
• Sitios web multi-idiomaIdiomas separados por variables ocultas
  (POST)
  SEO AMIGABLE
• Sitios web multi-idiomaIdiomas separados por variables ocultas:
  cookies
  SEO AMIGABLE
• Sitios web multi-idiomaIdiomas separados por variables ocultas:
  cookies
  SEO AMIGABLE
• Sitios web multi-idiomaIdiomas separados por variables ocultas:
  variables de entorno
  SEO AMIGABLE
• Sitios web multi-idiomaIdiomas separados por variables ocultas:
  variables de entorno
  SEO AMIGABLE
• Sitios web multi-idiomaIdiomas separados por variables ocultas –
  Problemas:
  SEO AMIGABLE
• Sitios web multi-idiomaIdiomas separados por variables ocultas –
  Problemas:
  SEO AMIGABLElang=es lang=de
• Sitios web multi-idiomaIdiomas separados por variables ocultas –
  Problemas:
  SEO AMIGABLElang=es lang=de

=

• Sitios web multi-idiomaIdiomas separados por variables ocultas –
  Problemas:
  SEO AMIGABLElang=es lang=de

=
www.midominio.com/home.php
= www.midominio.com/home.php

• Sitios web multi-idiomaSEO AMIGABLE Idiomas separados por variables ocultasIdiomas separados por variables pasadas en
  URL por el método GET

Idiomas separados en subdominios o
subdirectorios

• Sitios web multi-idiomaSEO AMIGABLE Idiomas separados por variables ocultasIdiomas separados por variables pasadas en
  URL por el método GET

Idiomas separados en subdominios o
subdirectorios

• Sitios web multi-idiomaSEO 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-idiomaSEO 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-idiomaSEO 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-idiomaSEO 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-idiomaSEO 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-idiomaSEO AMIGABLE Cuidado con los idiomas “por defecto”www.midominio.comproblema: contenido duplicado
  solución: nofollow/canonical
• Sitios web multi-idiomaSEO AMIGABLE Cuidado con los idiomas “por defecto”www.midominio.comwww.midominio.com/
  home.php?lang=frproblema: contenido duplicado
  solución: nofollow/canonical
• Sitios web multi-idiomaSEO AMIGABLE Cuidado con los idiomas “por defecto”www.midominio.comwww.midominio.com/
  home.php?lang=fr
  www.midominio.com/
  home.php?lang=esproblema: contenido duplicado
  solución: nofollow/canonical
• Sitios web multi-idiomaSEO 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-idiomaSEO AMIGABLE Idiomas separados por variables ocultasIdiomas separados por variables pasadas en
  URL por el método GET

Idiomas separados en subdominios o
subdirectorios

• Sitios web multi-idiomaSEO AMIGABLE Idiomas separados por variables ocultasIdiomas separados por variables pasadas en
  URL por el método GET

Idiomas separados en subdominios o
subdirectorios

• Sitios web multi-idiomaSEO 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-idiomaSEO 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-idiomaSEO AMIGABLE Idiomas separados en subdominios o
  subdirectorios: ventajas
• Sitios web multi-idiomaSEO AMIGABLE Idiomas separados en subdominios o
  subdirectorios: ventajas=
• Sitios web multi-idiomaSEO AMIGABLE Idiomas separados en subdominios o
  subdirectorios: ventajas=
  www.midominio.com/es/
  = www.midominio.com/de/
• Sitios web multi-idiomaSEO AMIGABLE Idiomas separados en subdominios o
  subdirectorios: ventajas=
  www.midominio.com/es/
  = www.midominio.com/de/
• Sitios web multi-idioma
  Especifica 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 codificación de texto adecuada:
  • UTF-8: canción
  • ISO: canci&oacute;n

– 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 – 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)

– Fernando Maciá 17 de mayo de 2010

• • Perlas recién cultivadas del SMX Avanced London UpdateReasonable 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 – Fernando Maciá 17 de mayo de 2010
• – Fernando Maciá 17 de mayo de 2010
• Bibliografía
  POSICIONAMIENTO EN BUSCADORES – SEO• Posicionamiento en Buscadores – Fernando Maciá y , 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.

– Fernando Maciá 17 de mayo de 2010

• BibliografíaMARKETING 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

– Fernando Maciá 17 de mayo de 2010

• ¡¡¡¡MUCHAS GRACIAS!!!!Twitter: @Fernando Maciá
  Director Human Level Communications
  Twitter: @fernandomacia – Fernando Maciá 17 de mayo de 2010