Google Tools: Uso de
las herramientas web de
Guillermo Vigueras González
Curso de extensión universitaria
Campus de Burjasot
Universidad de Valencia
Febrero 2011
Índice
z
Buscador y page rank (Google trends)
z
Historia de Google y aplicaciones ofrecidas (video)
z
¿Cómo ha crecido tanto Google? (video)
z
Google transit
z
Google ride finder
z
Google Street view
z
Google Maps
z
Google Earth
z
Google Lively
Buscador
z
Una consulta al
buscador
1.El servidor web envía la consulta a los servidores del índice. El contenido de éstos se parece al índice que se incluye al final de los libros: indica las páginas que contienen las palabras que concuerdan con la consulta. 2.La consulta se traslada a los servidores de documentos, que son los encargados de recuperar estos últimos. Se generan fragmentos de texto para describir cada uno de los resultados. 3.Los resultad os se present an al usuario en una fracción de segund o.Page rank
z
Tecnología PageRank: PageRank realiza una valoración objetiva de
la importancia de las páginas web resolviendo una ecuación de más de
500 millones de variables y 2.000 millones de términos. En lugar de
contar los vínculos directos, PageRank interpreta un vínculo de la
página A a la B como un voto para la página B por parte de la A. A
continuación, valora la importancia de la página en cuestión contando
la cantidad de votos recibidos.
Esta tecnología también tiene en cuenta la importancia de cada página
que efectúa un voto, dado que los votos de algunas se consideran de
mayor valor, con lo que incrementan el valor de la página con la que
enlazan. Las páginas importantes reciben un PageRank más elevado y
se sitúan entre los primeros resultados. La tecnología de Google utiliza
la inteligencia colectiva de Internet para determinar la importancia de
una página. Los resultados se determinan sin intervención ni
manipulación humana. Éste es el motivo de la confianza de los
usuarios, que consideran Google una fuente de información objetiva no
tergiversada por motivos económicos.
Page rank (II)
z
Ejemplo de grafo de webs
z
Google ordena los
resultados de la búsqueda
utilizando su propio
algoritmo PageRank. A
cada página web se le
asigna un número en
función del número de
enlaces de otras páginas
que la apuntan, el valor de
esas páginas y otros
criterios no públicos.
z
Página C más importante
que E a pesar de tener
menos votos, porque el
único voto es de B que es
una página importante
Page rank (III)
z
Antecedentes
z
PageRank ha tomado su modelo del
Science Citation
Index
(SCI) elaborado por
Eugene Garfield
para el Instituto
de información científica (ISI) en los Estados Unidos
durante la década del 50. El
Science Citation Index
pretende resolver la asignación objetiva de méritos
cientificos suponiendo que los investigadores cuyo
factor
de impacto
(número de publicaciones y/o referencias
bibliográficas en otros trabajos cientificos) es más alto
colaboran en mayor medida con el desarrollo de su área
de investigación. El índice de citación es un elemento
determinante para seleccionar que investigadores reciben
becas y recursos de investigación.
Google bot
z
¿Cómo determina Google los votos de las páginas para
resolver el algoritmo de page rank? ->Google bot
z
Un robot (o bot) web es un programa autónomo (no
manejado por un humano) que explora un sitio web y
va a accediendo de forma recursiva a los documentos
del sitio. Los documentos ‘recolectados’ por el bot,
serán procesados por el motor de búsqueda
z
Los lugares a los que puede acceder un bot, son
Google bot (II)
z
Fichero robots.txt
z
Limita que recursos se pueden visitar (Disallow). Da permiso por
defecto
z
Ejemplo
z
# /robots.txt file for http://webcrawler.com/
z
# mail [email protected] for constructive criticism
zUser-agent: webcrawler
Disallow:
# No limitimamos para ‘webcrawler’
z
User-agent: lycra
Disallow: /
# Limitamos todas las páginas para ‘lycra’
z
User-agent: *
Disallow: /tmp
# Resto de bots permitimos acceso a todo
Disallow: /logs
# excepto ‘/tmp’ y ‘/logs’
z
Simulador de bot (da una idea de lo que encuentra un bot en tu
web) Probar con ‘www.bbc.co.uk’
Optimización en buscadores
Optimización en buscadores (II)
z
SEO
Optimización en buscadores (III)
z
Factores a tomar en cuenta para un buen
posicionamiento
z
Palabras clave: ¿Cuáles son los conceptos descriptivos de
nuestro negocio y en los cuales nos queremos posicionar?
Relevancia: La
página web
debe tener
texto
relevante
relacionado
con las
palabras
clave
Indexabilidad: Las
palabras clave
se deben
insertar de
forma amigable
para los robots
de los
buscadores
Popularidad: Nuestra
web debe recibir
enlaces de otras
webs con
palabras clave
como las de la
nuestra. Dichas
web han de ser
‘importantes’
(tener un
pagerank alto)
Palabras clave
• ¿Qué son?
Palabras que usamos en nuestra web
Palabras que usan nuestros clientes para
buscarnos Palabras que usamos en nuestra web
Palabras que usan nuestros clientes para
buscarnos
Tráfico web en los buscadores
Palabras clave (II)
z
¿Cómo saber las palabras clave que usarán
mis potenciales clientes en buscadores?
z
Análisis de la competencia
z
Uso de herramientas de análisis de palabras
clave (google trends, google keywords adwords
tool)
Google trends
z
Google, siguiendo su idea de ser la fuente de información más
importante del planeta, ideó Google trends
z
Esta herramienta puede tener varios usos, entre ellos para
analizar cuáles son las búsquedas de los usuarios de todo el
mundo en un determinado periodo de tiempo y ver cómo
evolucionan los comportamientos sociales. Con Google Trends
podemos ver gráficos de estas búsquedas
z
La base de datos de las búsquedas datan del año 2004 hasta
hoy. También se puede buscar por país
z
En la zona inferior de los resultados de cada término, se listan
las principales ciudades y regiones desde las cuales se busca el
término introducido. Estos datos se obtienen de la dirección IP
Google trends (II)
z
Las palabras hay que introducirlas separadas por
comas
Google trends (III)
z
Aplicaciones
z
Google Trends es utilizada a menudo por profesionales del
marketing y el posicionamiento. Por ejemplo, si queremos
saber que palabra utiliza el usuario entre dos sinónimos no
tenemos más que probar: '
gratis, gratuito
'.
z
Otro uso en posicionamiento puede ser investigar cuando
una determinada palabra es buscada con tilde o sin tilde.
Así el contenido de nuestra web será más adecuado para
que nuestra web obtenga una posición en una búsqueda
de un usuario. Por ejemplo: '
pagina, página
'
z
Otro ejemplo para el uso de Google Trends en marketing,
es para temas estacionales, por ejemplo cuándo empiezan
a buscar los usuarios viajes a Egipto o casas rurales. Con
esta información los empresarios avispados podrán sacar
sus ofertas en el momento justo.
Google trends (IV)
z
Ejercicios: determinar tendencias de la gente
z
Hacer una comparativa de las principales marcas de
coches (separado por comas)
z
Comparar: Google y Yahoo. ¿Por cuál de los dos ha
pasado más trafico en Australia? ¿Y en Francia?
z
Ebay o Amazon ¿Cuál de los dos tiene más volumen de
tráfico? ¿En qué país es más utilizado Ebay? ¿Cuál de los
dos se usa más en España?
z
Imaginad que la empresa de aviones SAS, os pide que le
traduzcáis su página web al hindú, porque cree que la
empresa Norwegian (la competencia) ya lo ha hecho y
está ganando clientes con ello. ¿Qué les contestaríais?
Google keywords adwords tool
•
https://adwords.google.es/select/KeywordToolExternal
– Utilizando la información de los servidores de google, nos
propone palabras clave y nos indica la relevancia
– Ejercicio: ¿Qué
20 palabras clave
seleccionaríais
para una web
sobre ‘diseño
web’? (o lo que
queráis)
Indexabilidad
z
Una web es indexable cuando
z
Puede ser encontrada por los buscadores
z
Puede ser rastreada correctamente. Es decir, todo su contenido puede
ser leído por un robot web
z
Puede ser clasificada en las categorías de búsqueda adecuadas y con un
adecuado nivel de relevancia respecto a sus competidores
Indexabilidad (II)
• ¿Cómo podemos saber cómo es vista nuestra web por otros?
• Simulador de robot:
http://www.webconfs.com/search-engine-spider-simulator.php
• ¿Qué sabe Google de nuestra web?
– site:www.miweb.es (analizar número de resultados y lo que sale en cada
resultado)
• ¿Cómo ve Google nuestra web? La caché (nos muestra la última
vez que obtuvo información de nuestra web) Probarlo…
Indexabilidad (III)
Relevancia
• Relevancia (ya dicho): La página web debe tener texto
relevante relacionado con las palabras clave
• ¿Qué partes de la página web considera relevantes un buscador?
El título del artículo
El dominio
Palabras en negrita (con
enlaces internos)
El título del artículo
El contenido de la
página
El texto de las etiquetas
de las imágenes
Popularidad
• Conseguir enlaces de otras páginas y que
sean enlaces de calidad. ¿Cómo?
• De forma activa: solicitud, intercambio o
compra de enlaces:
– Directorios web
– Portales de asociaciones
– Redes sociales
– …
• De forma pasiva: creando contenido de
calidad, consiguiendo así que otros sitios
nos enlacen
Buscador y Page Rank
(conclusiones)
z
En general es un aspecto importante a tener
en cuenta en la estrategia de marketing de
una empresa virtual o ‘real’, porque puede
aumentar la ‘visibilidad’ de la empresa
z
Existen métodos correctos para aumentar el
Page Rank y métodos no tan correctos. Con
los métodos poco éticos, uno se arriesga a
que los buscadores lo detecten y dejen de
indexar el sitio web
Historia de Google y
aplicaciones ofrecidas
z
1:
Historia de Google. Parte 1.
z
2:
Historia de Google. Parte 2.
z
3:
Historia de Google. Parte 3.
Crecimiento de Google
z
Desde su creación Google ha crecido como
empresa de una forma increíble. Esto es (como en
cualquier empresa) gracias al equipo de
trabajadores de Google
z
Google ha tenido una gran idea para desarrollarse
como lo ha hecho: buen ambiente de trabajo
z
Si los trabajadores se encuentran cómodos, serán
más productivos y creativos
z
Google por dentro:
z
1:
http://es.youtube.com/watch?v=QPUIOWSA8nY&NR=1
z
2:
http://es.youtube.com/watch?v=MN8RekSE5r4&feature=rel
ated
Google transit
z
La idea es que una persona pueda calcular cuál es la mejor ruta
para viajar de un destino a otro usando el transporte público
z
Para ello se deben estandarizar los formatos de información que
las distintas compañías publican en sus páginas web, para que
este servicio de Google sea efectivo
z
En Google, se le permite a los empleados dedicar un 20% de su
tiempo en proyectos personales. O sea, después de 1 mes de
trabajo tienen 1 semana para hacer otros proyectos, o por lo
menos un día a la semana. Tres ingenieros, de New York, San
Francisco y Zurich, dieron vida a este proyecto, cuyo fin es reunir
en un solo sitio web las rutas del transporte público con sus
combinaciones, para poder planificar sus viajes dentro de la
ciudad
z
Sólo disponible para algunas ciudades de ciertos países. No
Google transit (II)
Google transit (III)
z
http://www.google.com/transit
z
Origen: University Way NE & NE 45th St, Seattle,
WA 98105
z
Destino: 720 Fourth Avenue kirkland, wa
z
Probar a cambiar la hora... Puede que cambie
alguno de los autobuses utilizados dependiendo
de si en ese momento pasa una línea u otra
Google ride finder
z
Aplicación basada en la información de callejero
que ofrece Google Maps
z
Permite al usuario localizar un taxi, limusina, o
transporte especial para llegar al aeropuerto más
cercano, en una ciudad
z
Los vehículos deben llevar un GPS que de su
posición, y así Google ride finder podrá actualizar su
posición en el mapa
z
De momento sólo funciona en pocas ciudades de
Google Street View
z
Servicio lanzado por Google en la primera mitad del
año 2007
z
Permite hacer un recorrido virtual por una ciudad,
viéndola a partir de imágenes que dan una
perspectiva de 360º
z
El usuario se mueve por la ciudad mediante el ratón
(‘pichando y arrastrando’). Navegación a partir de la
información de localización que da Google Earth.
(Ver siguiente transparencia)
z
Limitaciones: sólo para aquellas ciudades de las
z
Plaza en avenida de los Campos Elíseos (París)
Google Street View (III)
z
¿Cómo lo han hecho?
z
Subcontrata de infraestructura a la empresa ‘Inverse media’
z
Coches con una cámara en la parte superior que captan la
Google maps. Usuario
z
Permite buscar:
z
Ciudad, pueblo
zDireccion
z
Negocio por sector y ciudad (pestaña superior ‘buscar negocios’)
zRutas: origen->destino (pestaña superior ‘Cómo llegar’)
z
Distintas vistas: mapa, satélite o relieve
z
Permite configurar la información a mostrar en el mapa:
z
Fotografías (que haya subido gente)
z
Información de cada lugar de la Wikipedia
z
Crear mapas personalizados con marcadores, lineas, áreas,
Google maps. Desarrollador
z
Vamos a usar para insertar nuestros mapas un página HTML
básica
z
Para desarrollar con la API de Google hay que solicitar una clave
z
En esa página insertaremos código javascript de la API de Google
z
Mostrar código
HTML…
z
Instalar el editor
Google maps. Primer mapa
z
Primer mapa (directorio: primer_mapa)
z
<html>
z
…
z
<div id="map" style="width: 600px; height: 400px"></div>
z<script type="text/javascript">
z
//<![CDATA]
z
if (GBrowserIsCompatible()) {
z
var map = new GMap2(document.getElementById("map"));
zmap.setCenter(new GLatLng(37.4419, -122.1419), 13);
z}
z//]]>
z</script>
z…
z</html>
Google maps. Separar código
z
Separamos el contenido del código, creando un fichero
de javascript separado
z
Destacar
z
Linea en la que se incluye fichero .js
z
Relación entre elemento ‘map’ HTML y el de javascript
z
Evento window.onload
Google maps. Modificaciones
z
Modificaciones del primer mapa
z
Obtener coordenadas con Google maps
(
http://maps.google.es
) y modificarlas del mapa
inicial
Google maps. Interacción
z
Interacción (directorio: interaccion)
z
GLargeMapControl() Control ampliado del mapa
z
GSmallMapControl() Control pequeño del mapa
z
GScaleControl() Leyenda con el factor de escala
z
GSmallZoomControl() Adecuado en pop-ups
donde hay poco espacio
z
GMapTypeControl() Seleccionar el detalle del
mapa (híbrido,satelite y mapa)
Google maps. Marcadores
z
Creación de marcadores (dir.: marcadores)
z
Añadimos al fichero javascript
z
var marker = new GMarker(location);
z
map.addOverlay(marker);
z
Importante:
z
Añadir el marcador después de establecer el centro, si
no, el mapa fallará
z
Usamos el objeto infoWindow
z
function handleMarkerClick() {
z
marker.openInfoWindowHtml('Descripcion');
z
}
Google maps. infoWindow
z
El objeto infoWindow (dir.: infoWindow)
z
Primera aproximación (añadir al js en init() )
z
function handleMarkerClick() {
zalert("You clicked the marker!");
z}
Google maps. infoWindow
z
Se pueden insertar varias pestañas en un
mismo infoWindow
z
Explicar código (dir.: tabInfoWindow)
z
Modificaciones
z
Añadir otra pestaña
Google maps. Varios marcad.
z
Varios marcadores (dir.: variosMarcadores)
z
Explicación fichero maps_functions.js
zDefinimos la lista de marcadores
z
var markers = [
z{
z
'latitude': 37.818361,
z'longitude': -122.478032,
z'name': 'Golden Gate Bridge'
z},
z
{
z
'latitude': 40.6897,
z'longitude': -74.0446,
z'name': 'Statue of Liberty'
z},
z
{
z
'latitude': 38.889166,
z'longitude': -77.035307,
z
'name': 'Washington Monument'
z}
Google maps. Varios marcad.
z
Añadimos en init() (dir.: variosMarcador)
z
for(id in markers) {
z
addMarker(markers[id].latitude, markers[id].longitude,
markers[id].name);
z
}
z
Probamos a visualizar varios marcadores
z
¿Se ven? … ¿Motivo?
Google maps. Marcad. con click
z
Cuando el usuario haga click en el mapa, se
insertará un marcador (dir.: userInsertaMarcador)
z
Código
z
GEvent.addListener(map, "click", function(overlay, latlng) {
zvar marker = new GMarker(latlng)
z
map.addOverlay(marker);
z});
z
Notar que el evento al ser de Google, recibe las coordenadas como
un objeto ‘
GLatLng’
de la Google API
z
Los marcadores insertados, no se guardarán para futuras visitas de
nuestra página. Para eso habría que enviar información al servidor y
almacenarla (no lo vamos a ver)
Google maps. Guardar Marcad.
z
Explicar código (dir.: formInfoWindow)
z
Para quitar la infoWindow
z
En método init (al final)
z
map.disableInfoWindow();
z
¿Qué código haría falta añadir para mostrar
el marcador en las coordenadas del click del
usuario?
Google maps. Custom marker
z
Vamos a crear un marcador personalizado
con la imagen que nosotros queramos
z
Explicación código javascript (dir.:
customMarker)
z
Probar
z
Buscar alguna imagen en Google, guardarla e
insertarla como imagen del marcador
Google maps. Custom marker (II)
z
Varios marcadores con imagen personalizada (dir.: customMarker)
z
Lista marcadores (añadimos el atributo ‘image’)
zvar markers = [
z
{
z
'latitude': 37.818361,
z'longitude': -122.478032,
z'description': mensaje,
z'image': URL de la image
z},
z
{
z
'latitude': 40.6897,
z'longitude': -74.0446,
z'description': mensaje,
z'image': URL de la image
z}
z
