El Blog de Green Estudio

Archivo de la categoría ‘Web’

Desde hace unos días, ya podemos adquirir ropa de cama al mejor precio en http://www.vistetucama.com. Se trata de una tienda online desarrollada a medida por Green Estudio para nuestro cliente. Además, el sitio está disponible en tres idiomas, correspondiéndose también con los dominios http://www.dressingyourbed.com/ y http://www.habillezvotrelit.com/.

Desde ayer podéis disfrutar de la nueva web del Restaurante Mexicano “El Charro Negro”: http://www.elcharronegro.es/, uno de los locales emblemáticos de la hostelería torrevejense. Este restaurante fue el pionero de la cocina especializada en nuestra localidad. La web ha sido desarrollada por nuestro equipo cuidando al máximo la estética. Además se ha realizado un trabajo de fotografía que incluye capturas del local y los platos más representativos de la cocina de este restaurante. Se ha enfocado la web hacia un punto de vista social, incluyendo plugins sociales tanto de la cuenta de twitter @restauranteMex como de la cuenta de Facebook de Restaurante Charro Negro.

Bueno, tras un tiempo ocupados sin poder hablar en el blog, comienzo una serie de post relatando cómo hacer aplicaciones en la plataforma de red social Facebook (http://www.facebook.es/). Facebook es una red social online que conecta a millones de personas de todo el mundo, y es una plataforma de marketing estupenda. Al registrarse, el usuario pone a disposición de Facebook datos acerca de su lugar de residencia, su trabajo, fecha de nacimiento, aficiones, sexo, gustos, etc… La disponibilidad o no de dichos datos para todo el mundo, o sólo para amigos, es una decisión del usuario. Ello nos permite crear herramientas de marketing con una efectividad muy alta, dado que podemos segmentar muy bien el target, a la vez que podemos difundir nuestro producto aprovechándonos del “tejido” de la red social.

Leer el resto de esta entrada »

Desde hace unas semanas ya se encuentra disponible la nueva web del Ayuntamiento de Muro de Alcoy.

Es un proyecto que comenzamos hace un año presentando distintas propuestas entre la que fue elegida una solución programada a medida.

La nueva web cuenta con la información referente a todas las áreas del ayuntamiento, una agenda de eventos, perfil del contratante, área de noticias, tablón de anuncios, buzón ciudadano, encuestas, webcams, etc.

Se puede visitar en la dirección: www.vilademuro.net

Aquí os dejo el enlace a la entrevista que me realizó Rafa Ballester para el periódico la verdad y que apareció en su edición  del Jueves 16 deDiciembre. En ella hablamos sobre Green Estudio, sus comienzos y los proyectos en los que estamos trabajando.

Gracias a Dios en la edición de Internet no sale la foto de la edición impresa que no me hace justicia. : )

Enlace a la entrevista:

http://www.laverdad.es/alicante/v/20101216/orihuela/antes-gente-gastaba-dinero-20101216.html

En cuanto saque tiempo, lo explico…

En los últimos días, se ha oído mucho acerca de que tal o cual página o plataforma de redes sociales ha sufrido un ataque de “piratas” informáticos. La que más perplejo me ha dejado ha sido el ataque XSS que sufrió twitter hace unos días. Digo que me dejó perplejo porque el XSS es un tipo de ataque que cualquiera con algún conocimiento de javascript y html podría hacer. Sí, cualquiera, no se trata de un ataque DoS, ni de robos de contraseñas ni demás películas. Un ataque tan tonto, que cuando hoy en día se hace una aplicación web, se da por supuesto que se han tomado las medidas oportunas. Por ello me sorprende que twitter no lo haya tenido en cuenta, y no me sorprende que haya tardado en realizarse, ya que prácticamente nadie llega a intentar un ataque de este tipo por lo infantil (y antiguo) del mismo. Parece que la “web 2.0″ ha revivido este tipo de prácticas. Además, desde el punto de vista de la programación, se puede decir que tiene cierta elegancia este tipo de ataques.

Leer el resto de esta entrada »

Muchos de nuestros clientes tienen una gran preocupación: Aparecer en Google, pero no solo aparecer, sino ser el primero ¡El Primero!. Para ello, muchas empresas ofrecen servicios de “posicionamiento” en Google, nosotros ofrecemos nuestra experiencia SEO y accesibilidad. Pero, ¿No es lo mismo? ¡En absoluto! Veamos las diferencias.

SEO (Search Engine Optimization)

El SEO es una serie de buenas prácticas a tener en cuenta a la hora de “dibujar” la web con código HTML. Para comprender qué hacer para mejorar la optimización para buscadores, debemos saber cómo funcionan. Para ello, basta con coger nuestro navegador, abrir una página cualquiera y hacer botón derecho -> “Ver código fuente” entre el batiburrillo de tags y código javascript, veremos el contenido de la web. Eso es lo que almacena e indexa un buscador. Ni más ni menos. También seguirá los enlaces a otras web o a contenidos dentro del mismo site. Como me dijo mi socio una vez “Google es el mayor ciego de la web”, y por ende es incapaz de describir imagenes, contenido flash (aunque lo intenta), audio y vídeo. Por tanto, absolutamente todo el contenido multimedia deberá ser descrito para poder ser reconocido por buscadores.

Una de las cosas que más odio en el diseño web son los “maravillosos” programadores que maquetan sus webs mediante tablas (muchos de ellos además aficionados al Dreamweaver) ¿por qué los odio? porque tal vez la más importante de las técnicas SEO sea la estructuración correcta de la web. Al abrir el código fuente y mirarlo, deberíamos ser capaces de comprender cómo está estructurada la información. Los elementos HTML como las listas, tablas, párrafos, cabeceras, títulos, etc.. están para ser utilizados para su función, nunca para diseño. Así, si utilizamos una tabla, será para mostrar una serie de datos. Si utilizamos una lista ordenada será para mostrar un menú o una serie de categorías. Si utilizamos un encabezado <h1> será para un contenido importante, <h2> para algo menos importante, etc… Es lo que se denomina “Web Semántica”, y ello facilita también la labor al buscador para saber qué es importante indexar y qué contiene información menos importante.

Aquí, los “diseñadores” estarán diciendo: “Ya, pero así queda feo”. ¡Sasto! para ello el W3C inventó el CSS, ese gran desconocido. Basta ya de tags <font>, basta ya de <img width=”" height=”" border=”" />!!! Además CSS permite, dedicando una o dos horas, tener el diseño de una web completa listo, ya que vale para las diferentes páginas que conforman el site. Por otro lado, con CSS es más fácil hacer cosas chulas con javascript. Otra de las técnicas chungas para que no quede feo, es coger, liarse la manta a la cabeza y hacer la web en flash. Hacer una web entera en flash es condenarla a no ser indexada por completo y hacerla difícil de encontrar por buscadores. Sí, se pueden hacer cosas muy chulas con flash (aunque, dame unos días y te lo replico en javascript), pero los buscadores no funcionarán bien.

Accesibilidad WEB

La accesibilidad web es una disciplina muy similar al SEO, como ya he comentado “los buscadores son los mayores ciegos de Internet”. En este caso, dado que los visitantes son humanos, debemos tener en cuenta mucho más el tema de la estructura web, ya que los dispositivos que estos visitantes utilizan suele ser una línea Braille. Uno de los trucos que suelo utilizar es, con la barra “Web developer” de Firefox instalada, desactivar los estilos CSS. Si la página sigue siendo navegable sin estilos CSS, probablemente la web será bastante accesible. Por supuesto, todos los contenidos multimedia (imagenes, vídeos, audios, etc…) deben ser descritas. Para ello, es interesante utilizar la propiedad “alt” de los tag <img> etc… Además, en caso de incluir vídeo, es conveniente describirlo en texto o audio.

Posicionamiento

El trabajo de posicionamiento consiste básicamente en intentar conseguir que la página a posicionar reciba el mayor número de enlaces desde páginas de “calidad”. ¿Qué se considera páginas de calidad? pues primero, que tengan un Page Rank alto, y segundo que tengan algo que ver con las palabras clave con las que quiere mejorar el posicionamiento. Además, la gente que se dedica al posicionamiento también hacen uso abuso de las etiquetas <meta>, incluyendo las palabras clave en ellas. Hay una delgada línea entre “Posicionamiento” y “Google Bombing” alrededor de la cual se está haciendo mucho negocio de dudosa efectividad. Muchos poseedores de webs y blogs personales con cierto volumen de visitas entran en un circuito de “intercambio de enlaces” o “enlaces patrocinados” en los que reciben dinero a cambio de incluir enlaces en su web. El texto de estos enlaces suele coincidir con las palabras “contratadas” para mejorar el posicionamiento.

Este sistema funciona, en muchos casos hasta garantizan una posición en google, pero sinceramente creo que los visitantes procedentes de este tipo de posicionamiento no son de “calidad”, ya que simplemente son “bombardeados” en los resultados de búsqueda, llevando incluso a una mala imagen. Para el tema del posicionamiento, nosotros hacemos lo siguiente:

• Inclusión en google maps: Parece una tontería, pero dar la empresa de alta en Google Places, ya te asegura la primera página de Google, además puede ser más atractivo para el visitante buscar empresas en un mapa que entre un montón de resultados en lista. Además, rellenando los datos profusamente, las búsquedas pueden ser muy efectivas y conseguir menor cantidad de clicks pero de mejor calidad y mayor porcentaje de éxito.
• Buscar directorios y foros sobre el tema: …y ver las posibilidades para “colar” un enlace.
• Incluir un blog sobre la compañía: El hecho de que los buscadores vayan encontrando contenido nuevo cada vez que indexan la página, también pueden mejorar la posición en los resultados de búsqueda. Hablar además sobre el sector o sobre lo que has hecho el último fin de semana puede arrojar más resultados en las búsquedas. Además, se puede compaginar con las…
• Redes Sociales: Hoy en día, algo básico en cualquier proyecto web de cualquier empresa. Ello además genera mucho tráfico de calidad media, con cierto porcentaje de éxito.

Bueno, pues ahí queda el rollo dicho, ¡Hasta la próxima!.

Desde hace ya unas semanas se puede visitar la nueva web de kiensoy.com, la web de terapia teléfonica de la psicóloga Isabel Armenteras.

Isabel es licenciada en Psicología, especialidad clínica, tiene un Máster en Psicoterapia Cognitivo-Conductual y se ha especializado en psicoterapia telefónica.

Así que si necesitas ayuda para tratar algún trastorno de ansiedad, depresión, problemas de pareja o de relaciones personales, etc. no dudes en contactar con ella tratará tu caso con profesionalidad y juntos lo resolveréis.

¡Mucha suerte con tu nueva web Isabel!

http://www.kiensoy.com

En la división en la que jugamos, normalmente el tráfico de las páginas es muy pequeño, llegando a ser una cuestión que no se tiene en cuenta a la hora de programar. Durante estas fechas, se celebra en nuestra localidad, Torrevieja, el Certamen Internacional de Habaneras y Polifonía. Para los que no lo conozcáis, se trata de un concurso de canto coral, protagonizado por la Habanera. La Habanera es un canto muy común y arraigado en todas las zonas marineras, es el típico canto que los pescadores cantaban en puerto mientras preparaban el zarpado. Desde hace 56 años, se celebra en Torrevieja este certamen, en el que participan corales de todo el mundo, y del que están pendientes muchas personas.

En los tiempos que corren, la página web www.habaneras.org es una herramienta importantísima para el Patronato de Habaneras, ya que permite difundir el certamen al mundo, además de ser utilizado para la comunicación con participantes, aspirantes y prensa. Sin embargo, el volumen de tráfico que tenemos en esta web (sobre todo durante el certamen), hace necesario tomar medidas “especiales”, sobre todo el uso de cachés proxies etc…

El CMS que programamos para el Patronato de Habaneras, es un típico CMS basado en LAMP (Linux Apache Mysql y PHP), como puede ser Joomla, Mambo, PHPNuke, etc.., pero con características a medida del cliente (como pueden ser los formularios de inscripción, que almacenan los datos en una intranet para luego ser tratados). Dispone de una parte de administración, desde donde no solo se gestiona el contenido de la web, sino que se tiene acceso al área de prensa (para subir documentos) y a la gestión de participantes. El servidor en el que está alojada la web, es una tarifa plana de RedCoruña (por cierto, cojonudo el servicio de los gallegos), con lo que no hay problema de límites de transferencia, pero por aquello de no aburrir al visitante, gastar menos energía en el servidor, y aportar nuestro pequeño granito de arena a que Internet no se colapse más, so pena de emitir menos CO2, hacemos uso de contenido generado por caché:

• Cuando se genera o modifica un documento para el CMS, en la BBDD solo almacenamos el nombre de un archivo .html que es generado de forma dinámica. Para el servidor es más rápido y fácil leer el contenido de un archivo que generar una consulta SQL y leer un campo TEXT (Algún día colgaré el test: un sencillo PHP que lee 1000 veces un archivo y lo manda al navegador y realiza 1000 consultas SQL y la manda al navegador, se mide el tiempo que tarda entre una cosa y otra).
• También generamos un HTML con los menús y demás accesorios de la web.
• Para facilitar el tema de incluir imagenes en el contenido, utilizamos PHPThumb, que genera thumbnails de forma automática sin tener que subir varias imagenes. Este programa ya tiene una caché, y como las imagenes no suelen cambiar mucho, está activada al máximo de tiempo posible.

Por otro lado está también el tema de la emisión en directo, y la reproducción bajo demanda de las veladas que conforman el certamen. Esta labor pertenece a Televisión Torrevieja, y su apartado web en el que nosotros también participamos, aunque de forma indirecta. Aquí no hay mucho que rascar, es un servidor dedicado, en un housing de un datacenter de Elda. En este servidor está corriendo LAMP y Flash Media Streaming Server. La verdad es que no deja de sorprenderme lo bien que funciona el Flash Media Server, ya pueden venir noches de habaneras, que aquello ni se despeina (no llega al 8% de CPU). Además, ahora está emitiendo TVT en H264 con una calidad de unos 600kbps a 480×360 px de resolución (que para ser una emision online en directo está muy muy bien).

Aprovecho de paso, para recordar por aquí a la gente que hay detrás de la web de Habaneras, que además de nosotros son unos cuantos más:

• Antonio Aniorte: Responsable de prensa del patronato. Además de permitirnos jugar un poco con su paciencia (por aquello de las modificaciones de última hora) durante los días anteriores al certamen, he de reconocer que es de los pocos que se han dado cuenta de la importancia de una web actualizada y al día. No solo eso, sino que es el artífice de su difusión por las redes sociales.
• Antonio García: Fotógrafo oficial del Certamen. De Él son la mayor parte de las fotos que ilustran la web de Habaneras. No solo eso, sino que día a día realiza fotografías de las veladas y las sube la misma noche para que estén disponibles para prensa y web. Espero que el sistema que le preparamos para subir fotografías no le falle!!
• Aurelio Martínez y Pilar Paez: Comisión técnica. Ellos son los encargados de revisar que, musicalmente hablando, no haya ningún error en la web. Más que nada porque los neófitos en esto de la música, nos cuesta…
• Toda la gente del Patronato: Sobre todo a Miguelico, Manrique y Yuyo, que son a los que “machacamos” año tras año para conseguir los contenidos, el programa, etc etc