Primer bloque de la jornada / curso de 8 horas sobre posicionamiento web (SEO) impartida en el CTA. Este primer bloque trata de como funciona un buscador y de las etiquetas y el lenguaje apropiado para que nuestro sitio web sea reconocido por éstos. Más información sobre esta presentación y la jornada en www.ricardotayar.com

1. Curso de posicionamiento web
Iniciación al posicionamiento en buscadores
21/11/2012
Ricardo Tayar Miguel Monreal
ricardotayar@gmail.com monreal.miguel@gmail.com
Twitter: @rtayar Twitter: @monrealista
www.ricardotayar.com

2. ¿QUÉ VAMOS A VER?
1. De 10 a 11:50: Cómo funciona un buscador
Proceso de indexación, pautas para construir una web preparada para SEO
2. De 12:10 a 14:00: Contenidos y difusión
Técnicas de redacción, estructuras, linkbuilding básico
3. De 16:00 a 17:50: Rendimiento técnico
Entregas http, dominios, migraciones, carga
4. De 18:10 a 20:00: Estrategia. Análisis y riesgos
Analítica de posicionamiento web, estrategias, penalizaciones.

3. Bloque I:
Cómo funciona un buscador

4. ¿QUÉ ES UN BUSCADOR?
Sitio web que ofrece la posibilidad de buscar contenidos
(páginas web, imágenes, videos, etc.) en función de una
búsqueda (palabras clave) introducida por el usuario.

5. EJEMPLOS DE BUSCADORES

6. ¿POR QUÉ PENSAR EN BUSCADORES?
• La página que más visitas recibe en España es un
buscador. Hablamos de Google.es [1]
• El 97% de los españoles utilizan Google como
buscador principal [2]
[1] Datos según Alexa.com
[2] Datos según NetMarketShare.com

7. ¿POR QUÉ LA POSICIÓN ES IMPORTANTE?

8. DISTINCIÓN DE RESULTADOS
Anuncios Anuncios

9. ¿EN QUÉ PIENSAN LOS BUSCADORES?
Según Google su objetivo principal es ofrecer la mejor
experiencia de búsqueda al usuario, permitiéndole
encontrar aquello que busca de una manera fácil y
rápida.
http://www.google.com/about/company/philosophy/

10. ENTENDIENDO EL PROCESO
Para poder realizar un buen posicionamiento en
buscadores, es necesario conocer su funcionamiento
interno.

11. ¿CÓMO FUNCIONA UN BUSCADOR?
1.- Un usuario realiza una búsqueda: ‘Comprar jamón’

12. ¿CÓMO FUNCIONA UN BUSCADOR? (II)
2.- Aparecen los siguientes resultados
3.- Muestra una página de resultados

13. ¿QUÉ HA SUCEDIDO?
• ¿Ha realizado una búsqueda instantánea sobre todas las
webs del mundo que hablan de jamones?
• La respuesta es NO.
• Técnicamente sería inviable. Se tardaría mucho
tiempo hasta que se mostraran los resultados de

14. ¿QUÉ HA SUCEDIDO ENTONCES?
1.- El buscador recoge la búsqueda ‘comprar jamón’
2.- Realiza una búsqueda en su propia “base de datos”
3.- Muestra los resultados al usuario

15. 1.- CONSTRUCCIÓN BBDD: RASTREO
Los buscadores leen toda la información de internet.
Esta lectura la realiza un ‘programa’ automático creado por
cada buscador y se conoce como araña, robot o crawler.
engage.synecoretech.com

16. 2.- CONSTRUCCIÓN BBDD: INDEXACIÓN
Indexación: Esta gigantesca cantidad de información se
procesa, creando índices que relacionan palabras clave con
contenidos.
ppc.org

17. 3.- CONSTRUCCIÓN BBDD: ORDENACIÓN
Ordenación: Una vez indexada, la información debe ser
ordenada ya que no toda la info es igual de relevante
El criterio de ordenación cambia en cada buscador.
interactividad.org

18. ¿CÓMO ORDENA UN BUSCADOR?
• Lo realizan a través de algoritmos de ordenación.
• Es la fórmula secreta de cada buscador.
• En un principio únicamente tenían en cuenta la
repetición de palabras, pero han evolucionado y tienen
en cuenta mucho más aspectos, como el nº de enlaces
que recibe el sitio web, etc.

19. ¿CÓMO ORDENA UN BUSCADOR? (II)
En Google el algoritmo de ordenación tiene en cuenta más
de 250 parámetros.
Este algoritmo otorga una puntuación que se conoce como
PageRank.

20. ¿QUÉ VALORAN LOS ROBOTS?
• Contenido original. No repetido
• Actualización frecuente
• Enlaces entrantes desde otras webs
• Carga rápida
• Sin trampas (escrito por humanos)

21. ¿EN QUÉ CONSISTE EL TRABAJO DE SEO?
1.- Optimizar el sitio web para facilitar a
los robots el rastreo del sitio web
2.- Realizar acciones que provoquen
que el algoritmo de ordenación nos coloque en
primeras posiciones.

22. COMO CONSTRUIR UN SITIO AMIGABLE PARA
BUSCADORES
El primer paso se centra en construir un estructura de
sitio web que siga una serie de recomendaciones basada
en estándares web.
Así facilitaremos el rastreo a los robots.

23. LO QUE VEMOS LOS HUMANOS

24. LO QUE VE UN ROBOT

25. LO QUE VE REALMENTE

26. NAVEGAR COMO UNA ARAÑA
http://www.feedthebot.com/tools/spider/index.php

27. NAVEGAR COMO UNA ARAÑA: MARCA.ES

28. HTML PARA CONSTRUIR LA ESTRUCTURA
HTML = HyperText Markup Language
Sirve para mostrar contenido en la web.
Es el estándar para construir páginas web.
Está regulado por el W3C (Wordwide web consortium)

29. HTML. EJEMPLO:
<!DOCTYPE html>
<html>
<head>
<title>Soy un titulo</title>
</head>
<body>
<h1>Bienvenido!</h1>
</body>
</html>

30. COMPLETANDO HTML
Un documento HTML normalmente va acompañado de
más elementos:
•CSS: Hojas de estilos que dan formato al html. Ej:
Cambiar de color, poner negrita, etc.
•Javascript: Dota de funcionalidad al html.
Ej: Validación de un formulario

31. ESTRUCTURA BÁSICA HTML
- Declaración ( DOCTYPE )
- Cabecera (HEAD)
- Cuerpo (BODY)

32. DECLARACIÓN DE DOCUMENTO
Identifica que es documento HTML y especifica la
versión de HTML que estamos utilizando.
HTML4:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
HTML5:
<!DOCTYPE html>

33. CABECERA O HEAD
Tras el doctype, es lo primero que leen los buscadores,
ya que contiene multitud de información acerca del
sitio, como el título, la descripción del sitio, la
codificación de la página, etc.
Salvo el title, no tiene representación visual

35. CUERPO O BODY
• Incluye el contenido que se va a visualizar en nuestro
navegador.
• Gracias a los recursos cargados en el head se
visualizan todos los elementos correctamente.
• Cualquier elemento tiene una representación visual.

37. VERSIÓN CACHEADA vs VERSIÓN ACTUAL

38. CÓMO VER LA VERSIÓN CACHEADA

39. URLS
• Dirección en internet: http://www.elpais.com
• Identifica enequívocamente una página
• Es como un DNI único
• Cada url ha de tener un contenido distinto

40. ¿CÓMO CONSTRUIR UNA FRIENDLY URL?
• Sin parámetros
• Estructura con sentido
• Semánticas
• Fáciles de recordar

41. ¿CÓMO CONSTRUIR UNA FRIENDLY URL? (II)
http://www.aprendeo.com?sec=43&cat=2334
http://www.aprendeo.com/cursos/idiomas

42. TÍTULO DE PÁGINA
• Es uno de los factores con más relevancia de una página.
• Es fundamental que cada página contenga un título
único descriptivo.
• Se recomienda una longitud menor de 70 caracteres

43. TÍTULO DE PÁGINA (II)
<meta name="Title" content="Cursos a distancia y cursos online" />

44. TÍTULO DE PÁGINA (III)

45. META DESCRIPTION
• Se trata de un texto que acompaña al título
• Es importante que cada página contenga una meta-
description distinta.
• Se recomienda una longitud menor de 160 caracteres

46. META DESCRIPTION (II)
<meta name="Description" content="Cursos online de Aprendeo [...]" />

47. META KEYWORDS
Muy utilizado en los principios del SEO cuando los robots
sólo leían la etiqueta <head>. Ahora ha caído en desuso.
<meta name="keywords" content="noticias, última hora, actualidad, nacional,
España, ccaa, internacional, política, economía, deportes, cultura, sociedad,
tecnología, gente, opinión, viajes, moda, televisión, blogs, firmas, especiales,
vídeos, fotos, audios, gráficos, entrevistas, servicios" />

48. ESTRUCTURA DE ENCABEZADOS
• El código HTML prevé una manera de etiquetar los
encabezados a través de H1,H2,H3,H4,H5,H6.
• H1 es la más importante y H6 la menos importante
• <h1>Cursos a distancia, online y presenciales</h1>

49. ESTRUCTURA DE ENCABEZADOS (II)
• Existen unas normas de uso y es necesaria la existencia
de una correlación de elementos
• La recomendación es que exista al menos un título H1 y
no existan saltos. Ej: H1 a H3
• Aunque representan jerarquía NO han de seguir una

50. ESTRUCTURA DE ENCABEZADOS (III)

51. ETIQUETAS HTML: <A>
Sirve para indicar un enlace
<a href=”http://www.google.es”>Ir a Google</a>
El texto de enlace se le llama anchor text

52. ETIQUETAS HTML: <A> (II)
<a href=”#”>Haz click aquí</a>
<a href=”#”>Pantalón de chándal</a>

53. ETIQUETAS HTML: <STRONG>
• Sirve para remarcar que el contenido es importante.
• Equivale a la negrita de Word
Visite nuestra <strong>tienda online de ropa</strong>

54. ETIQUETAS HTML: <IMG>
• Sirve para mostrar una imagen.
• Fundamental que el nombre sea semántico.
Ej: img-5321.png coche-rojo.png
• Importante etiqueta alt
<img src=”coche-rojo” alt=”Coche BMW de color rojo” />

55. ETIQUETAS HTML: <IMG> (II)

56. OTRAS ETIQUETAS HTML
• <p>: Indica que se trata de un párrafo de texto
• <b>: Sustituido por <strong>
• <ul> y <li>: Listas de elementos
• <!-- Comentario -->

57. SERP (SEARCH ENGINE RESULT PAGE)

58. RESULTADOS EN LA SERP
• A través de la instrucción site: podemos conocer el nº de
páginas indexadas de cualquier sitio web.
• Útil para detectar posibles problemas en la estructura del
sitio web.

59. RESULTADOS EN LA SERP (II)

60. ROBOTS.TXT
• Fichero de texto utilizado por los robots para conocer los
parámetros de indexación del sitio web.
• Se ubica en la raíz del sitio
http://www.misitio.com/robots.txt

61. ROBOTS.TXT (II)
El tiempo es oro, y más en SEO.
User Agent: Nombre del robot
Disallow: Contenido que no queremos que indexe

62. ROBOTS.TXT (III)
No indexes nada!! (Ojo con esto)
Indexa todo

63. ¿CÓMO SE LLAMAN LOS CRAWLERS?
Google :Mozilla/5.0 (compatible; Googlebot/2.1;
+http://www.google.com/bot.html)
Bing :msnbot-webmaster/1.0 (+http://search.msn.com/msnbot.htm)
Yahoo:Mozilla/5.0 (Yahoo-MMCrawler/4.0; mailto:vertical-crawl-support@yahoo-
inc.com)

64. SITEMAP.XML
• Fichero XML donde indicamos el listado de urls
importantes de nuestro sitio web.
• Enfocado a buscadores
• Enlazado desde robots.txt
• Disponible en la raíz del sitio.
Ej: http://www.misitio.com/sitemap.xml

65. SITEMAP.XML , EJEMPLO

66. TÉCNICAS A EVITAR

67. FLASH / SILVERLIGHT
• Difícil indexación por parte de los buscadores
• No es un estándar
• No funciona en plataformas iOS (iPad, iPhone), y se va
restringiendo en plataformas Android

68. INTROS O PREHOME

69. MARCOS (FRAMESET)
• Técnica utilizada para no tener que recargar el menú de
navegación.
• Los robots no saben navegar por una estructura de estas
características.
• Para detectar marcos se busca la etiqueta <frameset>

70. MENÚS GENERADOS POR JAVASCRIPT
• Evitar menús que se generan con javascript, es decir, que
no están presentes si javascript está deshabilitado
• Los robots no ejecutan javascript, por lo que los enlaces
han de estar presentes en el HTML.

71. MENÚ CORRECTO PARA SEO

72. ENLACES DE INTERÉS
Guía de introducción SEO de Google:
http://www.google.es/webmasters/docs/guia_optimizacion_motores_busqueda.pdf
Matt Cutts
http://www.mattcutts.com/blog/
www.youtube.com (“matt cutts videos”)
Plugin Webmaster Developer Toolbar para Firefox
https://addons.mozilla.org/es/firefox/addon/web-developer/

73. Fin del Bloque I
Muchas gracias
¿preguntas?
Ricardo Tayar Miguel Monreal
ricardotayar@gmail.com monreal.miguel@gmail.com
Twitter: @rtayar Twitter: @monrealista
www.ricardotayar.com