Para que te encuentren

Para que te encuentren Técnicas de Accesibilidad, estándares y buenas prácticas para buscadores diciembre, 2012 Silvia Da Rosa silvia.darosa@agesic.gub.uy Juan Juambeltz juan.juambeltz@agesic.gub.uy

Aparecer en buscadores Por qué es importante? Búsquedas anuales en 2011 1.722.071.000.000 Promedio de búsquedas diarias 2011 4.717.000.000 Documentos indexados en 2012 de 35 a 55 billones Datos de Google http://docencia.colef.mx

Posicionarse en buscadores Por qué es importante? Mayor difusión de políticas de estado Mayor participación e involucramiento de los ciudadanos

Posicionarse bien en buscadores 42% de los usuarios accede exclusivamente al primer resultado 73 % ve los primeros 5 resultados solamente Solo el 10% de los usuarios ve la 2da página de resultados

Motores de búsqueda más usados http://gs.statcounter.com/#search_engine-ww-monthly-201110-201210-bar

Cómo funciona un buscador? Operaciones básicas Web Crawler o Rastrea enlaces Indexación o Procesa documentos Ranking o Otorga puntaje Serving o Arroja resultados

SEO (Optimización para buscadores) Conjunto de técnicas para mejorar el posicionamiento de un sitio frente a buscadores

Panda Primera aparición Qué penaliza Febrero de 2011 Actualizaciones 13 Penguin Abril de 2012 Contenidos de baja calidad o Links de mala calidad duplicados Alta densidad de palabras content farms clave Alto porcentaje de rebotes Anchor texts sobre-optimizados Cómo superarlo Con contenido natural, Con links de calidad creativo y original que relevante para terceros 1

Link building Qué es? Un serie de técnicas a través de las cuales se pretende que un sitio obtenga links entrantes Algunas técnicas de link building son: o o o o Links recíprocos (intercambio de links) Links como recurso Links desde directorios temáticos, blogs, foros, redes sociales, etc. Links comprados (link farms, content farms) Para qué lo hacen? Google considera un link como un voto hacia la pagina y se piensa que cuantos más links reciba mayor pagerank se le adjudica (se vera que esto es relativo). Cómo actúan los update de Google? Google entiende que el uso abusivo de estas técnicas afecta la relevancia y beneficia a sitios con contenidos irrelevantes por lo que intenta disminuir la incidencia de este tipo de técnicas

Keyword stuffing Ej. Densidad de palabras clave http://webconfs.com/keyworddensity-checker.php Qué es? Incluir muchas veces una palabra clave en un documento Ejemplos Vendemos mamparas para baño esmeriladas. Nuestras mamparas para baño esmeriladas estan diseñadas con los mejores materiales de plaza. Si está pensando en comprar mamparas para baño esmeriladas contacte a nuestros especialistas en instalación de mamparas para baño esmeriladas Para qué lo hacen? Para que el buscador interprete que el documento es relevante para las búsquedas que se realicen a partir de esa palabra clave. Cómo actúan los update de Google? Decide si la densidad de palabras clave es natural o forzada y en caso que lo sea penaliza al sitio

Contenido duplicado Ej. Herramienta para detectar sitios duplicados http://copyscape.com Qué es? Se trata de contenidos que son compartidos por varios documentos al mismo tiempo Para qué lo hacen? Muchas veces la existencia de sitios con contenido duplicado es consecuencia de la avidez por la obtención de links. Este interés ha propiciado el desarrollo granjas de contenido que producen páginas de forma casi industrial y en los cuales los contenidos generalmente se repiten o se transforman. Cómo actúan los update de Google? Detecta los contenidos duplicados y penaliza al sitio

5 tips para que te encuentren

10 tips para que te encuentren Pero primero el disclaimer (1) NO garantiza primera página en resultados http://bargains4business.com.au/first-page-google-competitive-keyword Facilitará que los motores de búsqueda puedan recorrer, indexar y comprender contenidos

10 tips para que te encuentren Pero primero el disclaimer (2) Estas optimizaciones afectan los resultados orgánicos ono los pagos o sponsored como Google AdWords.

10 tips para que te encuentren Pero primero el disclaimer (3) Basado en : https://support.google.com/webmasters/?hl=es (October 3, 2010) www.google.com/en/us/webmasters/docs/search-engine-optimization-starterguide.pdf Elegimos buenas prácticas de estándares y accesibilidad Hay más recomendaciones

10 tips para que te encuentren Facilita la navegación 1 Usuarios: encontrar lo que quieren Buscadores: entender qué contenido es importante, rol que juega cada pagina en el sitio http://www.bdp.org.ar WCAG 2.0 Operable - Propósito de los enlaces (2.4.4 - A) - Múltiples vías (2.4.5 - AA) - Ubicación (2.4.8 - AAA)

5 tips para que te encuentren > Facilita la navegación Planea la estructura del sitio y deja migas 1 Planea la estructura del sitio Cómo llegará el usuario hasta cada página Crea una jerarquía natural que facilite que los usuarios lleguen de lo general a lo particular Evita: Crear navegaciones complejas (muchos enlaces en una página) Dividir demasiado el contenido (se necesitan muchos clics para llegar) Incluye "migas de pan" Saber donde está y navegar hacia atrás Foco: simplicidad y facilidad de uso

5 tips para que te encuentren > Facilita la navegación Incluye dos mapas del sitio Incluye mapa del sitio HTML y archivo XML Usuarios: Pagina con la estructura del sitio mediante una lista jerárquica de enlaces a las aéreas principales del sitio Buscadores: Mapa XML para facilitar el rastreo de paginas (Google's Webmasters Tools) Evita Mapa HTML no actualizado o con enlaces rotos Mapa HTML que simplemente liste todas las páginas 1

5 tips para que te encuentren > Facilita la navegación Elije textos de enlaces descriptivos Elije textos de enlace descriptivos y concisos 1 Provee suficiente información para brindar una idea básica sobre la temática de la página destino Usar texto facilita el rastreo y comprensión del sitio <a href="http://www.dominio.com/renovarcedula.html">cómo renovar la cédula</a> Evita Texto que no tiene relación con la página destino Texto genérico o "página", "artículo", "click aquí", "leer más" Textos largos como una oración o frases Elementos que no sean de texto: o JavaScript o Flash o Menús drop-down, imágenes, animaciones Usuarios y buscadores prefieren enlaces comprensibles

5 tips para que te encuentren > Facilita la navegación Optimiza los enlaces Que se diferencien los enlaces del texto normal 1 Que los usuarios distingan fácilmente el texto normal de los enlaces Evita Usar CSS o estilos de texto que los enlaces no se vean como enlaces Piensa en enlaces internos Puede ayudar al buscador y a los usuarios a navegar mejor el sitio Evita Usar muchas palabras claves como enlaces solamente para los buscadores Crear enlaces innecesarios que no ayudan en la navegación Usuarios y buscadores prefieren enlaces comprensibles

5 tips para que te encuentren > Facilita la navegación Elije URLs para humanos Usa palabras en las URLs Usa palabras relevantes que sean amigables. Categorías y nombres de archivos descriptivos ayuda a que el sitio este mejor organizado, puede mejorar el rastreo de los buscadores, ayuda a los usuarios a inferir el contenido Elige URL fáciles de comprender para usuarios y buscadores Evita Usar URL largas o parámetros innecesarios y IDs de sesión Nombres de páginas genéricas o "pag1.html" Muchas palabras clave o "baseball-tarjetas-baseball-tarjetas-tarjetasbaseball.html 1

5 tips para que te encuentren > Facilita la navegación URLs para humanos: en los resultados Se muestran en los resultados de búsqueda ose muestra en negrita las palabras que coinciden con la clave de búsqueda 1

5 tips para que te encuentren > Usa imágenes sabiamente Usa las imágenes sabiamente 2 Asegúrate de describir las imágenes. Prefiere siempre utilizar texto en lugar de imágenes. http://webmuseum.mit.edu WCAG 2.0 Perceptible - Contenido no textual (1.1.1 - A) - Imágenes de texto (1.4.5 - AA)

5 tips para que te encuentren > Usa imágenes sabiamente Imágenes: lo que ves cuando no se ve alt = Mafalda escuchando música en la radio 2

5 tips para que te encuentren > Usa imágenes sabiamente Imágenes: alt y nombre de archivo 2 Opción muy mala: <img src= DSC00123.jpg" /> Opción mala: <img src= cachorro.jpg" /> Opción mediocre: <img src="cachorro.jpg" alt=""/> Opción buena: <img src= cachorro.jpg" alt="cachorro"/> http://gtadiestramientocanino.blogspot.com Opción muy buena: <img src= cachorro.jpg" alt="cachorro jugando a traer pelota"> Opción malísima: <img src="puppy.jpg" alt="cachorrito perrito cachorritos perritos mascota mascotas camada perro retriever labrador galgo irlandés setter pointer cachorro jack russell terrier cachorros comida de perro barata pienso comida para cachorros "/> https://support.google.com/webmasters/bin/answer.py?hl=es&answer=114016

5 tips para que te encuentren > Usa imágenes sabiamente Imágenes en enlaces El texto alternativo ( alt ) es tratado como texto del enlace No se recomienda usar imágenes como enlaces cuando enlaces de texto pueden cumplir el mismo propósito 2

5 tips para que te encuentren > Usa imágenes sabiamente Imágenes de texto 2 Evita insertar texto importante en imágenes: encabezados de páginas elementos del menú enlaces ( ) utilice el formato HTML habitual. ( ) El rastreador de Google no reconoce el texto integrado en imágenes. https://support.google.com/webmasters/bin/answer.py?hl=es&answer=114016

5 tips para que te encuentren > Usa imágenes sabiamente Imágenes: Buenas Prácticas Describe las imágenes Usa nombres de archivos y textos alternativos (alt) breves y descriptivos Evita: Usar textos genéricos o "image1.jpg", "DSC00034.jpg", etc. o Imagen, logo, foto Escribir textos largos como una oración o frase Llenar de palabras claves Evita usar imágenes para contenido importante si tienes una opción de solo texto que cumple la misma función Los buscadores somos inteligentes, pero todavía no comprendemos imágenes 2

5 tips para que te encuentren > Valida estándares Valida estándares 3 WCAG 2.0 Robusto -Interpretación (4.1.1 - A) -Nombre, rol, valor (4.1.2 - A)

5 tips para que te encuentren > Valida estándares Por qué estándares? 3 Si aunque el HTML no sea válido el sitio se ve bien? https://support.google.com/webmasters/bin/answer.py?hl=es&answer=100782

5 tips para que te encuentren > Valida estándares Beneficios del uso de Estándares 3 Las páginas serán más livianas Se verá bien en la mayoría de los navegadores Garantiza compatibilidad futura Google recomienda validar estándares aunque reconoce que no afecta directamente el rastreo e indexación Cómo validar: Validador HTML [http://validator.w3.org/] Validador CSS [http://jigsaw.w3.org/css-validator/] Si el código HTML tiene valor semántico, agrega información relevante sobre la página https://support.google.com/webmasters/bin/answer.py?hl=es&answer=100782

5 tips para que te encuentren > Agrega valor semántico Agrega valor semántico 4 Incluye información semántica para informar acerca del contenido de la página http://blog.webconsultic.com/ http://www.regoremor.com WCAG 2.0 Perceptible / Operable -Información y relaciones (1.3.1 - A) -Titulado de páginas (2.4.2 - A) -Encabezados y etiquetas (2.4.6 - AA) -Encabezados de sección (2.4.10 - AAA)

5 tips para que te encuentren > Agrega valor semántico Titula las páginas 4 Informa a los motores de búsqueda y a los usuarios cual es el tema de la página. Utiliza la etiqueta <title> dentro del <head> <!DOCTYPE <!DOCTYPEhtml htmlpublic PUBLIC"-//W3C//DTD "-//W3C//DTDXHTML XHTML1.0 1.0Transitional//EN" Transitional//EN" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html <htmlxmlns="http://www.w3.org/1999/xhtml" xmlns="http://www.w3.org/1999/xhtml"xml:lang="es" xml:lang="es"lang="es"> lang="es"> <head> <head> <meta <metahttp-equiv="content-type" http-equiv="content-type"content="text/html;charset=utf-8" content="text/html;charset=utf-8"/>/> <title>condiciones <title>condicionesvolumétricas volumétricaspara pararigidez rigidezsuave suave--centro Centrode de Matemática</title> Matemática</title> http://www.cmat.edu.uy/cmat/posgrado/seminarios/sistemas-dinamicos/charlas/condiciones-volumetricas-para-rigidez-suave

5 tips para que te encuentren > Agrega valor semántico Títulos de páginas: usado en resultados 4 Título de la página Palabras que coinciden con palabras buscadas se muestran en negrita Ayuda a decidir si es relevante

5 tips para que te encuentren > Agrega valor semántico Títulos de páginas: ayuda a los usuarios Se muestra en la pestaña del navegador http://www.cmat.edu.uy/cmat/posgrado/seminarios/sistemas-dinamicos/charlas/condiciones-volumetricas-para-rigidez-suave Y en la lista de favoritos 4

5 tips para que te encuentren > Agrega valor semántico Elije buenos títulos de páginas Usa títulos breves, descriptivos y únicos 1 Título que comunique el contenido de la página, puedes incluir el nombre del sitio Si el titulo es muy largo, se mostrara solamente una parte Títulos únicos ayudan a saber que una página es diferente a otra Titular las páginas es Evita important Títulos que no tengan relación con el contenido e Usar valores por defecto o vagos o"untitle", "New Page 1" Usar títulos muy largos Agregar palabras clave innecesarias Usar un solo título en todas las páginas o un grupo de paginas

5 tips para que te encuentren > Agrega valor semántico Encabezados 4 Se usan para marcar la estructura del documento Hay 6 niveles: <h1>... <h6> Visualmente dan claves al usuario sobre la estructura Recetas Recetasde decocina cocina Pascualina Pascualina Ingredientes Ingredientes Masa Masa Acelga Acelga Preparación Preparación 1.Poner 1.Ponerlalamasa masaen enlalaasadera. asadera. <h1>recetas <h1>recetasde decocina</h1> cocina</h1> <h2>pascualina</h2> <h2>pascualina</h2> <h3>ingredientes</h3> <h3>ingredientes</h3> <ul> <ul> <li>masa</li> <li>masa</li> <li>acelga</li> <li>acelga</li> </ul> </ul> <h3>preparación</h3> <h3>preparación</h3> <ol> <ol> <li>poner <li>ponerlalamasa masaen enlalaasadera.</li> asadera.</li>

5 tips para que te encuentren > Agrega valor semántico Usa encabezados adecuadamente Usa encabezados que sean útiles para el usuario 4 Imagina que estás describiendo el esquema de contenidos, detecta títulos principales y subtítulos. Úsalos cuando tengan sentido Evita Poner texto como encabezado que no sea de útil para definir la estructura del sitio Usar encabezados para enfatizar cuando <em> o <strong> sean más apropiados Usar encabezados en un orden no apropiado Muchos encabezados Usarlos solamente para darle estilo al texto Los encabezados son importantes, úsalos con cuidado!

5 tips para que te encuentren > Ten en cuenta la accesibilidad 5 Ten en cuenta la accesibilidad La visión de Google es exactamente la misma que la de una persona ciega. Google es un usuario ciego. Un usuario ciego millonario, con millones de amigos que escuchan cada una de sus palabras. Si un usuario ciego no puede ver tu sitio, entonces Google, tampoco. http://www.informationweek.com S. Pemberton WCAG 2.0

5 tips para que te encuentren > Ten en cuenta la accesibilidad Accesibilidad: Cómo hacerlo? 5 Ej. www.ute.com.uy www.bps.com.uy Otro sitio? examinator: http://examinator.ws TAW para WCAG2.0: http://www.tawdis.net

5 tips para que te encuentren > Ten en cuenta la accesibilidad Accesibilidad: Navegadores solo texto LYNX: La mayoría de los buscadores verán el sitio de forma similiar Si el uso de funciones avanzadas (como JavaScript, cookies, identificadores de sesión, marcos, DHTML o Flash) 5 Ej. LYNX www.ancap.edu.uy www.bps.gub.uy Otro sitio? impide la visualización en Lynx, lo impedirán para buscadores. Instalar como navegador Para Firefox Para IE Lynx online: http://www.yellowpipe.com/yis/tools/lynx/lynx_viewer.php https://support.google.com/webmasters/bin/answer.py?hl=es&answer=114016

5 tips para que te encuentren > Ten en cuenta la accesibilidad 5

5 tips para que te encuentren > Ten en cuenta la accesibilidad Lynx: www.ancap.com.uy 5

5 tips para que te encuentren > Ten en cuenta la accesibilidad www.bps.gub.uy 5

5 tips para que te encuentren > Ten en cuenta la accesibilidad Lynx: www.bps.gub.uy 5

Selección de palabras clave Técnicas de de búsqueda avanzadas

Cantidad de palabras usadas en búsquedas En la mayoría de las búsquedas se utilizan entre una y tres palabras clave. El largo promedio de una consulta es de 2.9 palabras. Cantidad de palabras Porcentaje de búsquedas 1 25.32% 2 24.96% 3 19.80% 4 13.17% 5 7.53%

Elección de palabras clave Obtención manual inicial: Análisis hacia adentro de la organización (brainstorming) Hacer un listado de mis productos o servicios Producir una lista de palabras (frases) tentativas Identificar sinónimos para esas palabras (frases) Identificar términos para categorías que incluyan las palabras clave Identificar términos usados por sitios afines y por la competencia Ponerse en el lugar del usuario (de ser posible realizar cuestionarios) Investigar términos en artículos de prensa o sitios especializados, Incorporar técnicas y herramientas de análisis: Esquema Long-tail short-tail Google Trends Google adwords keyword tool Wordtracker (pago)

Analizando palabras clave

Short tail Long tail Frecuencia de Búsqueda Cantidad de palabras clave usadas Alta Baja Entre 1 y 3 >=3 Competencia Alta Baja Posibilidad de conversión Baja Alta Costos (patrocinadas) Alto Bajo Ejemplos Celulares Celulares 3g dual sim

Herramienta para palabras clave de AdWords Permite investigar palabras clave por: Competencia Relevancia Búsquedas globales Búsquedas locales Sugiere palabras relacionadas Costo aproximado

Google Trends Analiza comparativamente varias palabras clave Mapa de impacto geográfico de palabra Búsquedas más frecuentes con las palabras clave usadas Filtros por tipo de busqueda (web, imagen, noticia etc) Geográfico Rango de Fecha Categorias (sector o industria)

Ciclo de mejora continua de palabras clave Uso de herramientas y esquemas de investigación AdWords tool, Trends Long tail etc. Seguimento con Analytics, A/B testing, etc. Obtención manual Brainstorming Lista tentativa Sinónimos

Tecnicas avanzadas de búsqueda Los motores de búsqueda poseen una rica colección de comandos que pueden ser utilizados para conducir búsquedas avanzadas. [ - palabra clave] Excluye la palabra clave de los resultados de búsqueda por ejemplo: [ prestamos - hipotecarios] (va a seleccionar documentos que contengan prestamos y excluyan hipotecarios) la frase exacta Muestra la frase exacta incluida dentro de las comillas. Funciona igual que la+frase+exacta

Operadores Google de búsqueda avanzada Google soporta usa serie de operadores avanzados de búsqueda. La siguiente es una guía abreviada del los mismos: operador aplicaciones ejemplos site: Restringe búsqueda al sitio o site:www.agesic, site:org.uy dominio indicado inurl: / allinurl: Busca documentos con la clave en la url inurl:uruguay intitle: Busca documentos con la palabra clave en el título Intitle:vacaciones inanchor: Busca documentos con la palabra clave en el anchor inanchor:chocolate intext: Busca documentos con la palabra clave en texto intext:alpargata ext: Restringe búsqueda a la extensión indicada ext:pdf

Operadores de búsqueda combinados Existe la posibilidad que tanto comandos como operadores sean combinados para conducir una búsqueda refinada. Veamos ejemplos. [intitle:agesic site:.gub.uy ext:pdf -site:agesic.gub.uy -site:presidencia.gub.uy] Busca documentos en sitios con dominio de primer nivel.gub.uy que posean extensión pdf, contengan agesic en el título pero excluye de la búsqueda los sitios agesic.gub.uy y presidencia.gub.uy [intitle:"empanadas de *" intitle:queso -albahaca -jamon -frit* -frei* intext:picante] Busca documentos que contengas la frase empanada de en el titulo. Tambien debe contener queso en el título y que no contenga albahaca ni jamón ni sea frita e incluya la palabra picante en el texto

Fragmentos enriquecidos

Fragmentos enriquecidos (rich snippets) Mas desarrollado en la versión.com de Google Aproximación a la búsqueda semántica Google detecta el sentido del recurso y permite filtrar resultados de acuerde a criterios específicos de la categoría a la que pertenece el recurso. Google soporta fragmentos enriquecidos para distintos tipos de contenidos (personas, eventos, música, recetas). Funcionan gracias a la inclusión de Microdata en el código html La organización schema.org (nucléa a Google, Yahoo y Microsoft) contribuye a establecer los esquemas de codificación que permiten a los buscadores comprender la información contenida en los documentos para arrojar resultados mas relevantes.

Como se usa la microdata en el html Html común <div> Me llamo Luis Suarez pero casi todos me dicen Lucho, soy futbolista </div> Html enriquecido <div itemscope itemtype="http://data-vocabulary.org/person > Me llamo <span itemprop="name >Luis Suarez</span> pero casi todos me dicen <span itemprop="nickname >Lucho</span>, soy <span itemprop="title"> futbolista</span> </div>

Ejemplos de búsquedas enriquecidas buscamos por TABLET en www.google.com buscamos por PAELLA en www.google.com Seleccionamos el tipo de búsqueda por SHOPPING Seleccionamos el tipo de búsqueda por RECIPES Nos permite filtrar de acuerdo a los siguientes criterios Condiciones de envío Nos permite filtrar de acuerdo a los siguientes criterios Ingredientes Rango de precios Marca Sistema operativo Conectividad Peso Autonomía Tiempos de cocción Valor calórico

Referencias Herramientas para webmasters de Google https://support.google.com/webmasters/?hl=es Search Engine Starter Guide https://static.googleusercontent.com/external_content/untrusted_dlcp/www.google.com/e n/us/webmasters/docs/search-engine-optimization-starter-guide.pdf The Art of SEO Enge, Spencer,Fishkin & Stricchiola

Muchas gracias www.agesic.gub.uy