Jornada / curso sobre posicionamiento web / SEO. Bloque I. Como funciona un buscador

2,595 views

Published on

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

Published in: Education

Jornada / curso sobre posicionamiento web / SEO. Bloque I. Como funciona un buscador

  1. 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. 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 SEO2. De 12:10 a 14:00: Contenidos y difusión Técnicas de redacción, estructuras, linkbuilding básico3. De 16:00 a 17:50: Rendimiento técnico Entregas http, dominios, migraciones, carga4. De 18:10 a 20:00: Estrategia. Análisis y riesgos Analítica de posicionamiento web, estrategias, penalizaciones.
  3. 3. Bloque I:Cómo funciona un buscador
  4. 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 unabúsqueda (palabras clave) introducida por el usuario.
  5. 5. EJEMPLOS DE BUSCADORES
  6. 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. 7. ¿POR QUÉ LA POSICIÓN ES IMPORTANTE?
  8. 8. DISTINCIÓN DE RESULTADOS Anuncios Anuncios
  9. 9. ¿EN QUÉ PIENSAN LOS BUSCADORES?Según Google su objetivo principal es ofrecer la mejorexperiencia de búsqueda al usuario, permitiéndoleencontrar aquello que busca de una manera fácil yrápida.http://www.google.com/about/company/philosophy/
  10. 10. ENTENDIENDO EL PROCESOPara poder realizar un buen posicionamiento enbuscadores, es necesario conocer su funcionamientointerno.
  11. 11. ¿CÓMO FUNCIONA UN BUSCADOR?1.- Un usuario realiza una búsqueda: ‘Comprar jamón’
  12. 12. ¿CÓMO FUNCIONA UN BUSCADOR? (II)2.- Aparecen los siguientes resultados3.- Muestra una página de resultados
  13. 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. 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. 15. 1.- CONSTRUCCIÓN BBDD: RASTREOLos buscadores leen toda la información de internet.Esta lectura la realiza un ‘programa’ automático creado porcada buscador y se conoce como araña, robot o crawler.engage.synecoretech.com
  16. 16. 2.- CONSTRUCCIÓN BBDD: INDEXACIÓNIndexación: Esta gigantesca cantidad de información seprocesa, creando índices que relacionan palabras clave concontenidos.ppc.org
  17. 17. 3.- CONSTRUCCIÓN BBDD: ORDENACIÓNOrdenación: Una vez indexada, la información debe serordenada ya que no toda la info es igual de relevanteEl criterio de ordenación cambia en cada buscador.interactividad.org
  18. 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. 19. ¿CÓMO ORDENA UN BUSCADOR? (II)En Google el algoritmo de ordenación tiene en cuenta másde 250 parámetros.Este algoritmo otorga una puntuación que se conoce comoPageRank.
  20. 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. 21. ¿EN QUÉ CONSISTE EL TRABAJO DE SEO?1.- Optimizar el sitio web para facilitar a los robots el rastreo del sitio web2.- Realizar acciones que provoquenque el algoritmo de ordenación nos coloque enprimeras posiciones.
  22. 22. COMO CONSTRUIR UN SITIO AMIGABLE PARABUSCADORESEl primer paso se centra en construir un estructura desitio web que siga una serie de recomendaciones basadaen estándares web.Así facilitaremos el rastreo a los robots.
  23. 23. LO QUE VEMOS LOS HUMANOS
  24. 24. LO QUE VE UN ROBOT
  25. 25. LO QUE VE REALMENTE
  26. 26. NAVEGAR COMO UNA ARAÑA http://www.feedthebot.com/tools/spider/index.php
  27. 27. NAVEGAR COMO UNA ARAÑA: MARCA.ES
  28. 28. HTML PARA CONSTRUIR LA ESTRUCTURAHTML = HyperText Markup LanguageSirve para mostrar contenido en la web.Es el estándar para construir páginas web.Está regulado por el W3C (Wordwide web consortium)
  29. 29. HTML. EJEMPLO:<!DOCTYPE html><html><head> <title>Soy un titulo</title></head><body> <h1>Bienvenido!</h1></body></html>
  30. 30. COMPLETANDO HTMLUn documento HTML normalmente va acompañado demá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. 31. ESTRUCTURA BÁSICA HTML - Declaración ( DOCTYPE ) - Cabecera (HEAD) - Cuerpo (BODY)
  32. 32. DECLARACIÓN DE DOCUMENTOIdentifica que es documento HTML y especifica laversió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. 33. CABECERA O HEADTras el doctype, es lo primero que leen los buscadores,ya que contiene multitud de información acerca delsitio, como el título, la descripción del sitio, lacodificación de la página, etc.Salvo el title, no tiene representación visual
  34. 34. 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.
  35. 35. VERSIÓN CACHEADA vs VERSIÓN ACTUAL
  36. 36. CÓMO VER LA VERSIÓN CACHEADA
  37. 37. 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
  38. 38. ¿CÓMO CONSTRUIR UNA FRIENDLY URL?• Sin parámetros• Estructura con sentido• Semánticas• Fáciles de recordar
  39. 39. ¿CÓMO CONSTRUIR UNA FRIENDLY URL? (II)http://www.aprendeo.com?sec=43&cat=2334http://www.aprendeo.com/cursos/idiomas
  40. 40. 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
  41. 41. TÍTULO DE PÁGINA (II)<meta name="Title" content="Cursos a distancia y cursos online" />
  42. 42. TÍTULO DE PÁGINA (III)
  43. 43. 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
  44. 44. META DESCRIPTION (II)<meta name="Description" content="Cursos online de Aprendeo [...]" />
  45. 45. META KEYWORDSMuy utilizado en los principios del SEO cuando los robotssó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" />
  46. 46. 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>
  47. 47. 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
  48. 48. ESTRUCTURA DE ENCABEZADOS (III)
  49. 49. 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
  50. 50. ETIQUETAS HTML: <A> (II)<a href=”#”>Haz click aquí</a><a href=”#”>Pantalón de chándal</a>
  51. 51. 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>
  52. 52. 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” />
  53. 53. ETIQUETAS HTML: <IMG> (II)
  54. 54. 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 -->
  55. 55. SERP (SEARCH ENGINE RESULT PAGE)
  56. 56. 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.
  57. 57. RESULTADOS EN LA SERP (II)
  58. 58. 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
  59. 59. ROBOTS.TXT (II)El tiempo es oro, y más en SEO.User Agent: Nombre del robotDisallow: Contenido que no queremos que indexe
  60. 60. ROBOTS.TXT (III)No indexes nada!! (Ojo con esto)Indexa todo
  61. 61. ¿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)
  62. 62. 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
  63. 63. SITEMAP.XML , EJEMPLO
  64. 64. TÉCNICAS A EVITAR
  65. 65. 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
  66. 66. INTROS O PREHOME
  67. 67. 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>
  68. 68. 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.
  69. 69. MENÚ CORRECTO PARA SEO
  70. 70. ENLACES DE INTERÉSGuía de introducción SEO de Google:http://www.google.es/webmasters/docs/guia_optimizacion_motores_busqueda.pdfMatt Cuttshttp://www.mattcutts.com/blog/www.youtube.com (“matt cutts videos”)Plugin Webmaster Developer Toolbar para Firefoxhttps://addons.mozilla.org/es/firefox/addon/web-developer/
  71. 71. Fin del Bloque IMuchas gracias¿preguntas? Ricardo Tayar Miguel Monreal ricardotayar@gmail.com monreal.miguel@gmail.com Twitter: @rtayar Twitter: @monrealista www.ricardotayar.com

×