2011

TECNOLOGIAS DE LA
INFORMACION

LSI. VERONICA FREIRE –

ING. TYRONE PESANTES
ESCUELA SUPERIOR POLITECNICA DEL
LITORAL
01/01/2011
 ANALISIS SEO
Sitio: http://www.elcachondeo.cl/
Top Site
País: Chile
Posición: 35
v
 INTRODUCCION

Las tecnologías de Internet son una herramienta primordial hoy en día en todo el
ambiente de Web y Cloud Computing en el que la mayor parte de las empresas está inmerso
como forma de comunicación global.

Mediante el uso de las correctas herramientas tecnologías se obtendrá los resultados que
ayudaran a cumplir los objetivos de las empresas y obtener el mayor de los beneficios que pueden
darnos el Internet.

Para el desarrollo del presente proyecto se tomado en consideración las siguientes

herramientas:

• W3C Markup Validator

• W3C CSS Validation Service
• WebPageTest

A continuación se presenta el desarrollo del análisis del sitio web antes mencionado.
 a) W3C MARKUP VALIDATION SERVICE (Check the Markup
HTML, XHTML,… of Web Documents)

Sitio Web analizado: http://www.elcachondeo.cl/

Herramienta: http://validator.w3.org/

Errores encontrados en el Sitio: 76 errores

En donde se encontraron los siguientes errores por grupo:

• Required attribute X not specified: El atributo es necesario para un elemento que se

ha usado, pero lo han omitido. Por ejemplo, en la mayor parte de los de documentos
HTML y XHTML usan el atributo "type" se requiere en el elemento "script" y el atributo
"alt" es necesario para el elemento "img".
• End tag for X omitted, but OMITTAG NO was specified: Es posible que haya olvidado
de cerrar un elemento, o tal vez la intención de "auto-cerrar" un elemento, es decir, que
termina con "/>"en lugar de ">".
• there is no attribute X: Ha utilizado un atributo en el documento, pero el tipo de
documento que está utilizando no es compatible con ese atributo de este elemento. Este
error generalmente es causado por un uso incorrecto del tipo "strict" del documento con
un documento que utiliza marcos (por ejemplo, debe utilizar la "Transición" tipo de
documento para obtener el atributo "target"), o mediante el uso de extensiones
propietarias como proveedor "marginheight "(esto es por lo general fijado por el uso de
CSS para lograr el efecto deseado)
• end tag for element X which is not open: El Validador encontrado una etiqueta de
cierre para el elemento anterior, pero ese elemento no está actualmente abierto. Esto es a
menudo causada por una etiqueta de cierre de sobra de un elemento que fue eliminado
durante la edición, o por un elemento implícitamente cerrado.
• Document type does not allow element X here; assuming missing Y start-tag:
El document no pemite el element “div” suponiendo que falta el tag de inicio "li”.
 • ID X already defined: Un "id" es un identificador único. Cada vez se utiliza este
atributo en un documento que debe tener un valor diferente.
• Document type does not allow element X here; missing one of Y start-tag: El
elemento mencionado no se le permite aparecer en el contexto en el que se ha
puesto, los demás elementos mencionados son los únicos que están permitidos y no
puede contener el elemento mencionado. Esto podría significar que se necesita un
elemento contenedor, o tal vez que te has olvidado de cerrar un elemento anterior.
• An attribute value specification must be an attribute value literal unless
SHORTTAG YES is specified: una especificación de valor de atributo debe ser un valor
del atributo literal a menos que SHORTTAG SÍ se especifica

• Character X is the first character of a delimiter but occurred as data: un mensaje

que aparece cuando:
o Se ha intentado incluir el carácter "<" en la página: debe escapar de ella como "<"
o Ha utilizado un signo sin escape "y": esto puede ser válido en algunos contextos,
pero se recomienda utilizar "& ", que es siempre seguro.
o Otra posibilidad es que usted se olvidó de cerrar las comillas en una etiqueta
anterior.

Recomendación:

De acuerdo al análisis realizado por medio de la herramienta del W3C Markup Validation
Service, se recomienda hacer la revisión de los errores anteriormente mencionados para que el
sitio este estructurado y creado de una correcta manera.
 b) W3C CSS VALIDATION SERVICE (Verifica Hojas de Estilos en
Cascada CSS y Documentos (X)HTML con hojas de estilo)

Sitio Web analizado: http://www.elcachondeo.cl/

Herramienta: http://jigsaw.w3.org/css-validator/

Numero de errores: 5

Numero de advertencias: 11

Recomendación:

De acuerdo al análisis realizado por medio de la herramienta del W3C CSS Validation
Service, es necesario hacer las correcciones correspondientes a los Archivos no encontrados y las
propiedades no validas halladas. Tomar en consideración también los Warning descritos
anteriormente.
c) WEBPAGETEST

d) Sitio Web analizado: http://www.elcachondeo.cl/

e) Herramienta: http://www.webpagetest.org/

WATERFALL VIEW
REQUEST DETAILS
 Content breakdown by MIME type (First View)

RECOMENDACIONES:

El análisis de WebPageTest nos arroja diferentes tipos de resultado. Como parte Inicial podemos
ver que el sitio web tiene un tiempo estimado de carga de 19.167 segundos y un tiempo de
renderizacion de 6.123 segundos.

Este tiempo tomado inicial podría mejorarse en el sitio pues en el WaterFall View pudimos
determinar que hay segmentos perdidos que hay que corregir dentro de lo que son los CSS lo que
actualmente esta tomando 432ms y tenemos también y una imagen de pie de pagina que toma
422 ms, lo cual puede corregirse para el tiempo del primer byte mejor y en general mejore.

Algunas de las consideraciones a tomar en el sitio web es empezar a corregir el tipo de formato
jpeg de las imágenes a png, que actualmente ocupan un 34 % y podría mejorarse en su mayoría.

De igual manera se debe de hacer que los javascript que tiene el sitio estén al final para uqe no se
renderice el sitio.

Tomando en cuenta todas estas consideraciones generales, el sitio podría mejor en su tiempo de
carga y visualización para los usuarios.
INSTRUCTIVO
DE
REDACCION
DIGITAL
Atraiga clientes con Google Ads
Usted puede crear su anuncio, incluyendo las palabras claves para su empresa.

Cuando los usuarios realicen una búsqueda utilizando las palabras claves su anunció aparecerá del
lado derecho
echo de los resultados.

Con esta forma de presentación de anuncios usted se asegura que los usuarios sean su público de
interés, ya que estarán buscando información con las palabras claves que usted incluyó en su
anuncio.

Presupuesto
El monto asignado a la publicidad por clic lo podrá asignar desde el inicio, controlando de esta
forma el máximo de la inversión.

No existe un mínimo de inversión y usted puede asignar un presupuesto diario y el costo máximo
por cada clic.
Por ejemplo usted puede asignar un presupuesto de $10 diarios y hasta $0.15 por cada clic.

Pasos

1. Cree su cuenta en Gmail y acceda a ella.

2. Ingrese a google.com y busque la palabra clave Google Ads. Google le presentará
en su primera posición el link a https://adwords.google.com

3. Google le mostrará la pantalla principal, la cual es un dashboard con información y

estadísticas de sus anuncios.
4. En la pestaña Facturación, opción Preferencias de Facturación, deberá ingresas sus datos
para el cobro que realizará Google por sus campañas
campa publicitarias.

Deberá seguir los pasos, escogiendo la información requerida por el asistente de

configuración en tres etapas.
• Perfil con sus datos personales
• Configuración con los datos de su Tarjeta de Crédito
• Términos y Condiciones donde aceptará la transacción.
5. Campañas es la pestaña donde creamos y configuramos nuestra acción publicitaria.

Podrá visualizar un resumen de las campañas anteriores o en proceso. En un submenú en

el centro de la página nos muestran las pestañas:
• Configuración
o Nos muestra los datos generales de la campaña incluyendo los
presupuestos asignados.
• Anuncios
o Puede crear el nuevo anuncio o visualizar los anteriores.
• Palabras Claves
o Puedes utilizar esta opción para agregar las palabras claves de tu anunció.
Google estimará el valor por clic según la palabra clave.
• Redes
o Configuración de redes y dispositivos.
6. La pestaña Oportunidades nos muestra varias ideas que podemos implementar para
mejorar mis campañas publicitarias.
7. En la pestaña Informes y Herramientas encontraremos muchas aplicaciones que nos
permitirán realizar seguimientos y obtener resultados de nuestras campañas, así
como también encontrar y evaluar las palabras claves más utilizadas por región.
8. Creando un Anuncio
En la pestaña
aña de Anuncios, opción Nuevo Anuncio, nos mostrará los campos a
llenar y una visualización posible del anuncio como se vería en google.com
Hemos revisado los puntos básicos para que usted pueda crear sus propios anuncios en
Google.com, aprovechando esta poderosa herramienta y la cantidad de usuarios del
principal buscador de la web.
GOOGLE
Y
MASHUP
Funcionamiento de Google como buscador

Google fue fundada por Larry Page y Sergey Brin en el año de 1998,
estudiantes de doctorado de la Universidad de Stanford, ambos tenían un
objetivo en común que era de conseguir información a partir de una gran
cantidad de datos.

Su inicio se da por la creación de un algoritmo llamado Page Rank que

es el corazón que hace funcionar a google; en el año 1996 se crea el buscado
llamado BackRub, escrito en Java y Phyton y corria sobre varias maquinas

En el año 1997 se convierte en Google, el nombre vino de un juego de

palabras para referirse a un 1(uno) seguido de cien 0(ceros), lo cual
representaba la misma cantidad de información reflejada en la web.

Google es una empresa actualmente donde el producto principal es el

motor de búsqueda del mismo nombre. La tecnología que maneja Google esta
reflejada en hipertextos a través de la cual analiza su contenido al igual que la
posición de los términos en ella.

La tecnología Page Rank a través de la cual fue creado, lo que hace es

posicionar siempre los resultados que sean más importantes en primer lugar.

Actualmente Google tiene más de 2000 millones de páginas web en su

motor de base de datos y llega a realizar más de 4000 millones búsquedas
mensuales pues se considera que en un solo segundo Google procesa 100
peticiones de búsqueda , pero no solo cuenta con información en documentos
sino también en imágenes de diferentes tipos. Su servidor está conformado de
más de 10.000 equipos que están conectados paralelamente y dispone de 50
mirror por cada servidor y se ha estimado que pueden llegar a fallar 1 vez
cada 3 años y desde el año 2000 no ha sufrido ningún tipo de daño general.

Google es uno de los pocos buscadores que tiene incorporado diferentes

tipos de elementos como : noticias, buscador de imágenes, buscador de blogs,
buscador de libros, Google Maps, entre
entre otras teniendo también diferente tipo
de aplicaciones, publicaciones, servicios para Webmaster y utilidades.

Google cuenta con lo que se llaman servidores de índices que es donde

se hace el envió de las consultas, en donde estos índices toman en
consideración
eración la relación entre las palabras y la dirección de su servidor de
documentos que tiene Google para poder almacenar los documentos y es así
como con esa palabra accede al servidor de documentos de Google. Es aquí
donde se aplica el conocido algoritmo de Page Rank para que aparezcan en
orden los resultados y se crea la información necesaria para mostrar los
resultados al usuario, lo cual para Google completa su proceso de búsqueda
en tan solo 1 segundo.

API (Interfaz de Programación de Aplicaciones)

Las API no son más que programas, piezas de programas o códigos que
sirven para que se pueda crear otros programas.

En unA Api puede haber muchas funciones útiles que se pueden aplicar
en un determinado programa.

Hay diferentes tipos de APIs, por ejemplo

ejemplo las Api de Windows están
disponibles en forma gratuita, inclusive se encuentran emuladores de Linux
para Microsoft y viceversa. Existen APIs para Java, Google , Twitter, Youtube,
etc.
MASHUP

Los Mashup son aplicaciones que consumen los datos proveídos por un
web service, combinando datos provenientes de distintas fuentes en una
herramienta única de integración. Los ingredientes principales dentro de un
Mashup son:

Interfaz publica API

RSS Feed

Existen varias ventajas de los Mashup como son:

Permiten desarrollar rápidamente aplicaciones: gracias a la reusabilidad

e componente y funcionabilidad ya que todo está basado en estándares
web.

Permiten la participación del usuario en el desarrollo de aplicaciones:
apl es
decir que los programadores desarrollen las aplicaciones y los usuarios
sean los que las apliquen.

Permite también integrar las comunidades sociales: podemos encontrar
comunidades de Mashup donde se puede compartir también
componentes.

Los MashUp son actualmente un estándar web que cambia totalmente la forma
en cómo se crean las aplicaciones, para lo cual se debe de crear una cultura
empresarial de uso de Mashup.

Los diferentes tipos de formatos como se presentan los Mashup son:

• En buscadores de empleo: http://www.simplyhired.com/

• Mashup de Redes Sociales
• Mashup de Música
• Creación de Mashup por usuarios finales: Pipes, Dapper, Microsoft
PopFly,
• Google Mashup Editor,etc.
•
También se los clasifica por categorías como son:

De mapas: http://www.wikimapia.org
De fotos: flickr.com , youtube.com
De compras: amazon.com, shopping.com
De noticias : digg.com , chicago.everyblock.com/
De tecnologías móviles: es.wikiloc.com/

Dentro de las técnicas utilizadas existen algunos formatos como:

• XML: XML es un Lenguaje de Etiquetado Extensible muy simple, que

sirve fundamentalmente en el intercambio de diferentes datos. Se
XML es un Lenguaje de Etiquetado Extensible muy simple, que sirve
fundamentalmente en el intercambio de diferentes datos. Se puede
decir que es un lenguaje muy similar a HTML pero su función principal es
describir datos y no mostrarlos como es el caso de HTML. Cuando se usa
XML su formato nos permite leer datos a través de diferentes
aplicaciones. El XML es la columna vertebral de los lugares que
contienen mashup. Los datos son a menudo recuperados a través de
feeds XML e incorporado en la aplicación mediante la manipulación de
XML. Tecnologías relacionadas con XML como XSLT y XPath se utilizan a
menudo para procesar XML

• RSS: El contenido usado en un mashup es típicamente usado de

terceros a través de una interfaz pública o usando una interfaz de
programación de aplicación API. Otros métodos que constituyen el
 origen de sus datos incluyen: Sindicadores web (RSS o Atom), Screen
scraping

• GEOFORMATOS

• JSON

Existen también formatos de intercambio de datos para mapas como son :

 CSV ( Se utilizan para representar datos en forma de tablas )

 KML ( Lenguaje de marcado XML, para representar datos geográficos en
3 dimensiones)
 GeoRSS (Estándares para representar información geográfica en
formato RSS 2.0, RSS 1.0, Atom 1.0, y potencialmente otros formatos
XML )
 Microformatos y metatags (son elementos de lenguaje de marcado,
usando (X)HTML usando nombres de clase específico) Ejemplo:
o hcard (añade contenido semántico a la dirección)
 adr ( direcciones postales)
REDES SOCIALES
 www.MiG.com

Red Social

• Social

Partiendo de un concepto básico de una red social, “construir y verificar redes sociales
para comunidades de gente que comparte intereses y actividades, o que están interesados
en explorar los intereses y actividades de otros”, hemos decidido que nuestra red social se
enfocará en la comunidad de migrantes.
mi

El enfoque se debe principalmente a la poca difusión, intereses o presencia de ésta

comunidad de personas que también tienen sus historias, sus hobbies, sus preguntas y
respuestas que podrán compartir en nuestra red.

Un análisis en Google Trends nos confirma la cantidad de búsquedas a nivel mundial,

siendo Ecuador con sus ciudades principales Quito y Guayaquil quien posee el top de la
lista.
• Tecnológica
Social Engine es nuestra plataforma para crear MiG.com. Social Engine no es un servicio
gratuito pero nos asegura estabilidad, nos proporciona confianza con los comentarios de la
web en general de quiénes implementaron esta plataforma para sus redes.

Además Social Engine provee “templates” de gran calidad y variedad. Brinda soporte y su
documentación es extensa.

HostGator sería nuestra empresa para contratar el servicio de Hosting y el Dominio

MiG.com. Esta compañía tiene excelentes comentarios de la comunidad web y aunque no
posiciona en el top de las listas de mejores Host
Hosting
ing a nivel mundial, se encuentra presente
dentro del top 5 de todas las listas, siendo la única compañía que tenía presencia en los 10
rankings que investigamos. Además cuenta con soporte 24/7/365.
 El plan a contratar inicialmente será el Plan Business
Business cuyo valor es de $10.36 por mes, e
incluye Dominios, Espacio en Disco y Ancho de banda Ilimitador, además de otras ventajas.

Se instalará en un Sistema Operativo Linux y se trabajará con PHP y MySQL que son las
herramientas que utiliza Social Engine een su plataforma.

• Marketing y Promoción
Utilizaremos el internet para dar a conocer Mig.com, valiéndonos de otras redes sociales
como:

1. Facebook, creando nuestro perfil y publicando comentarios.

2. Twitter, publicando noticias y comentarios acerca de la migración.
3. Youtube, creando un canal y subiendo videos de migrantes.
4. Scribd,, publicando estudios de la migración.
5. Slideshar, publicando estudios e imágenes en diapositivas de la migración.
6. Google AdWords Credit.
Credit.- Al comprar nuestro Web Hosting con HostGator,
HostGato
tenemos $100 de crédito para utilizarlos en Google Ads, creando 1 campaña
publicitaria por 10 días y cuyo monto máximo por día sea $10 y los costos de las
palabras reservadas no superen los $0.15 por clic.