El Blog de Green Estudio

Archivo por autor

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 es posible comprar café, té y accesorios en la nueva tienda online de Esparcia, www.esparcia.net. La web ha sido desarrollada totalmente a medida del cliente por Green Estudio.

Foto: alt1040

Hoy, como casi todos los días, me he puesto el “Hoy por Hoy” de la SER como acompañamiento en mi jornada matinal. Entre la actualidad del día, se encontraban unos datos “preocupantes” sobre la piratería en los libros electrónicos. Si no me equivoco, el origen de la noticia está en una generada por Europa Press. Pero el tema es que el grupo Prisa en pleno: SER, El País y Cuatro/CNN+ han tomado las de Villadiego con el tema (claro, a Santillana le habrá “picado”). El enfoque que le dan al tema, además de lo de siempre, es que la piratería de libros coincide con el lanzamiento de dispositivos como el iPad. Al leer además el post de Microsiervos sobre el reportaje de El País, me he animado a escribir el primer post de opinión en Green Estudio.

Leer el resto de esta entrada »

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!.

Símbolo del reciclaje

El primer día de la tierra fue celebrado en 1970, y para celebrarlo, la Container Corporation of America convocó un concurso de ideas de símbolos con los que ilustrar sus cajas y cartonajes reciclables. Entre más de 500 propuestas, Gary Anderson, un jóven de 23 años estudiante en la University of Southern California presentó lo que hoy conocemos como el símbolo del reciclaje.

Sorprendentemente, aún habiendo creado uno de los logotipos más importantes y conocidos en el mundo, el estudiante de arquitectura y ciencias sociales no se dedicó al diseño gráfico. Continuó estudiando geografía e ingeniería medioambiental.

Gary Anderson mostrando su idea - (CC) Wikimedia Commons

En la actualidad, Gary Anderson se dedica a la planificación y gestión medioambiental. La idea del logotipo llegó por parte de Escher y su obra Möbius Strip, que representa una serie de hormigas recorriendo una cinta sin fin enunciada por August Ferdinand Möbius y Johann Benedict Listing, dos matemáticos del siglo XIX. Gary Anderson unió las ideas de infinito y reciclaje, dando lugar al logotipo que hoy en día utilizamos.

Vía: Tecnología Obsoleta

El vídeo de arriba muestra un momento épico para los aficionados a la tipografía, ni más ni menos que “The quick brown fox jumps over the lazy dog”, el pangrama más conocido del idioma Inglés.

El otro día en la oficina hablábamos de esto precisamente, instalando una fuente en mi PC, Windows me mostraba la típica frase “El veloz murciélago hindú comía feliz cardillo y kiwi” Esta y muchas otras son lo que se denominan pangramas. Los pangramas o frases holoalfabéticas son frases que contienen todas o la gran mayoría de las letras del alfabeto y suelen utilizarse para mostrar tipografías. Viene a ser una especie de Lorem Ipsum para tipografías.

Después de este frikismo, lo dejo ahí, hasta otro post!!

Vía: Microsiervos.