Esta web se ha desarrollado con las siguientes características:
• Diseño exclusivo
• Gestor de Contenidos de código abierto (Drupal)
]]> http://www.descubretuweb.com/2011/nuevo-diseno-para-la-web-de-tedeco/feed/ 0 http://www.descubretuweb.com/2010/bodega-san-roque-de-la-encina-s-c/ http://www.descubretuweb.com/2010/bodega-san-roque-de-la-encina-s-c/#comments Fri, 03 Sep 2010 09:55:30 +0000 camila.tello http://www.descubretuweb.com/?p=1131 Les presentamos la última web que hemos diseñado y desarrollado:



El objetivo de esta web es el de mostrar los vinos de la Ribera del Duero que ofrece la Bodega San Roque de la Encina así como dar una imagen de lo que es en la actualidad la bodega, los cambios que se han realizado en los últimos años, los premios que han ganado, noticias de actualidad de la bodega integrados con facebook y tener una forma de contacto activa con los clientes.

Esta web se ha desarrollado con las siguientes características:

• Diseño exclusivo
• Nuevo logotipo de la bodega
• Gestor de Contenidos de código abierto (Word Press)
]]> http://www.descubretuweb.com/2010/bodega-san-roque-de-la-encina-s-c/feed/ 0 http://www.descubretuweb.com/2010/lacasaverde-es-celebraciones-y-banquetes-en-madrid-con-mayor-visibilidad-en-internet/ http://www.descubretuweb.com/2010/lacasaverde-es-celebraciones-y-banquetes-en-madrid-con-mayor-visibilidad-en-internet/#comments Thu, 08 Jul 2010 14:29:01 +0000 camila.tello http://www.descubretuweb.com/?p=1101 Respetando completamente el diseño original, hemos reconstruído la web de Flash a HTML+PHP. A pesar de haberse realizado hace muy poco, ya se pueden observar los primeros resultados. Por ejemplo, el tiempo de carga de La Casa Verde ha pasado de 3,8seg a 1,5 seg.


Rendimiento sitio- celebraciones y eventos - La Casa Verde

Pero lo más imporante es que ahora los buscadores pueden “ver” la información que hay dentro de la web:

• LA CASA
• EVENTOS
• LA COCINA
• CONTACTO
• DONDE ESTAMOS

Por lo que ya ha empezado a aparecer en los resultados de búsqueda.

Además, se ha mejorado la usabilidad del sitio al eliminar la espera en la carga de elementos de navegación, que introducían una espera inecesaria para el usuario que visitaba el sitio.

Estos son los primeros pasos para aumentar la visibilidad de www.lacasaverde.es, un original lugar para celebraciones y banquetes en Madrid.

]]> http://www.descubretuweb.com/2010/lacasaverde-es-celebraciones-y-banquetes-en-madrid-con-mayor-visibilidad-en-internet/feed/ 0 http://www.descubretuweb.com/2010/%c2%bfcomo-posicionar-imagenes-de-nuestra-web-en-internet/ http://www.descubretuweb.com/2010/%c2%bfcomo-posicionar-imagenes-de-nuestra-web-en-internet/#comments Thu, 06 May 2010 17:31:07 +0000 camila.tello http://www.descubretuweb.com/?p=1017 Si nuestra web tiene muchas imágenes en cambio de texto o si simplemente queremos obtener una mayor visibilidad de nuestra web a través de las imágenes que en ella ponemos, es bueno tener en cuenta algunos puntos
1. Insertar la palabra clave en el texto alternativo “Alt”

   Debemos seleccionar una palabra que sea importante para describir la imagen, e incluirla en el texto alternativo: alt=”palabra clave que describe la imagen”

   También podemos incluir una descripción más ajustada:

• Si la imagen representa algo que se ha escrito en el texto, poner en el atributo “alt” lo que corresponde a la imagen, la descripción de la misma o lo que se necesite resaltar de ella.
• Si la imagen se ha introducido como decoración o fondo, es adecuado que el atributo alt se encuentre vacío (alt=”")
• Si la imagen representa una gran cantidad de información importante, lo mejor es resumir en muy pocas palabras lo que representa para incluirlo en el “Alt” y luego en el atributo longdesc se puede hacer una descripción más detallada.
2. Optimizar la página con la imagen

Al optimizar las imágenes de la web, logramos que los motores de búsqueda mejoren sus búquedas por imágenes. Los motores de búsqueda también miran el texto alrededor de una imagen para determinar la relevancia, por lo que se recomienda que el texto “alt” sea corto y descriptivo. Otra de las opciones es introducir el texto dentro de la etiqueta de anclaje pues es el que va a influir en la imagen – clasificación de la búsqueda. Si haces una búsqueda por cualquier término de imágenes de Google, encontrarás una breve descripción de alrededor de 20 caracteres por debajo de cada imagen, la palabra clave aparece en negrita también.

3. Nombre de las imágenes con títulos descriptivos

Si tienes una imagen de “Coca Cola”, podrías utilizar el término “refresco-coca-cola.jpg” al nombre del archivo de imagen, en lugar de usar el nombre del archivo original, que podría ser algo como “cc-854.jpg”. Puedes nombrar las imágenes de la misma manera que el texto alternativo.

4. El uso social de las etiquetas para las imágenes

Si estás utilizando las imágenes con poco o nada de contenido, será útil para etiquetar las imágenes para sitios como Technorati. Esto puede añadir más peso a tu imagen y ayudar a que su rango mejore. Y si va a cargar tus imágenes a través de Flickr, recuerda utilizar las palabras claves adecuadas.

5. Hacer un archivo de imágen accesible a los motores de búsqueda

Comprueba que el archivo robots.txt no restringe el acceso a los motores de búsqueda de archivos de imágenes. Trata de no utilizar los enlaces javascript en los archivos de imágen ya que limitará el acceso al motor de búsqueda.

6. Controlar el número de imágenes indexadas por los bucadores

Un aspecto importante a la hora de optimizar imágenes, es controlar cuántas imágenes hay en su sitio web que los buscadores indexan. Si has tomado los pasos adecuados para optimizar la imagen. Simplemente escribe en tu buscador “site: tusitioweb.com” y comprueba las imágenes indexadas en el buscador.

]]> http://www.descubretuweb.com/2010/%c2%bfcomo-posicionar-imagenes-de-nuestra-web-en-internet/feed/ 0 http://www.descubretuweb.com/2010/%c2%bfquien-puede-hacer-un-diseno-web-profesional/ http://www.descubretuweb.com/2010/%c2%bfquien-puede-hacer-un-diseno-web-profesional/#comments Mon, 05 Apr 2010 12:53:50 +0000 camila.tello http://www.descubretuweb.com/?p=1003 Es cierto, hoy en día cualquiera puede crear una página web…

Pero para conseguir un sitio web comercial y efectivo, que llegue a transmitir el mensaje que el cliente necesita, se han de tener en cuenta una serie de variables como:

- Diseño Web de acuerdo a la imagen de la organización
- Usabilidad según los últimos stándares
- Tecnología web utilizada
- Posicionamiento en buscadores
- Etc.

Una web profesional precisa de una serie de fases de desarrollo web , implementadas por expertos teniendo en cuenta aspectos que afectan a todos los internautas-ciudadanos aunque sea de manera inconsciente.

]]> http://www.descubretuweb.com/2010/%c2%bfquien-puede-hacer-un-diseno-web-profesional/feed/ 0 http://www.descubretuweb.com/2010/tecnologias-web-gestores-de-contenido-vs-html/ http://www.descubretuweb.com/2010/tecnologias-web-gestores-de-contenido-vs-html/#comments Tue, 09 Mar 2010 11:03:08 +0000 admin http://www.descubretuweb.com/?p=830 las ventajas e inconvenientes de cada una de las tecnologías disponibles para que su proyecto web se desarrolle con la tecnología que más se ajuste a sus necesidades, no a las necesidades de la empresa de diseño o mantenimiento. En este artículo hemos minimizado la utilización de tecnicismos todo lo posible, incluyendo enlaces de referencia si el lector desea profundizar en el tema.]]> A la hora de iniciar o reconstruir un sitio web, una de las decisiones más importantes es la elección de la tecnología para el desarrollo del portal. Esta decisión es tomada en la mayoría de los casos por la empresa que se contrata para diseñar la web. Sin embargo, cada día es más importante que los propietarios de las webs tenga algunas nociones de las ventajas e inconvenientes de cada una de las tecnologías disponibles para que su proyecto web se desarrolle con la tecnología que más se ajuste a sus necesidades, no a las necesidades de la empresa de diseño o mantenimiento. En este artículo hemos minimizado la utilización de tecnicismos todo lo posible, incluyendo enlaces de referencia si el lector desea profundizar en el tema.

¿En qué afecta la tecnología utilizada para desarrollar mi web?

Aunque existen multitud de detalles técnicos asociados a cada opción tecnológica, desde el punto de vista del propietario del sitio, podemos identificar los principales aspectos en los la tecnología web afectará a tu proyecto:

• La funcionalidad del sitio Web
• Su facilidad de mantenimiento y actualización de contenidos
• Las necesidades (y por tanto precio) del servidor donde se alojará la web
• Disponibilidad de actualizaciones de seguridad
• Velocidad de carga de la web
• La usabilidad de los distintos elementos
• Visibilidad en los buscadores

A continuación vamos a analizar las decisiones más importantes para el desarrollo web en las que se recomienda que participe el propietario de la web: La tecnología de desarrollo, qué gestor de contenidos (en su caso) y por último la tecnología del servidor en el que se va a alojar la web.

(X)HTML Estático vs. Gestor de Contenidos

La primera decisión tecnológica a la hora de desarrollar una web implica el sistema para codificar el contenido textual y multimedia de la página. En los inicios de la red, sólo se utilizaba HTML como mecanismo de intercambio de información a través de Internet. Sin embargo, a medida que las páginas fueron creciendo, aparecieron nuevos sistemas para facilitar la gestión de grandes cantidades de datos y que se mantenga la coherencia de todo un portal web. También hemos incluido aquí otras tecnologías visuales como Flash, que se analizan aquí debido a su amplia utilización.

(X)HTML Estático

Definición: Lenguaje en el que están codificadas las páginas web que los internautas exploran en sus navegadores

Este método de desarrollo web consiste en almacenar en el servidor los archivos finales que recibe el usuario. Con esta tecnología, en general sólo se consigue una comunicación en un sólo sentido, de la organización al internauta, dejando muy limitada la capacidad de respuesta del usuario.

Ventajas:

• No es necesario realizar actualizaciones periódicas de seguridad
• Disponen de una gran flexibilidad para cambiar el diseño

Inconvenientes:

• El contenido es estático (el mismo contenido para todos los usuarios)
• Es necesario disponer de conocimientos HTML para realizar cambios en la información de la web
• La gestión eficiente de webs que van aumentando sustancialmente su contenido con el tiempo se hace inviable al utilizar HTML estático
• Funcionalidad e interacción con el usuario limitada (e.g. no permiten tiendas virtuales eficientes, ni foros, etc…)




El desarrollo de HTML junto con ciertos elementos JavaScript y PHP, JSP o ASP puede facilitar en gran medida su mantenimiento y permitir la implementación de funcionalidad sencilla (e.g. Un formulario de contacto). A pesar de sus inconvenientes, se ha de considerar como una opción válida para el diseño de una web institucional que no vaya a experimentar muchos cambios o rotación de productos.

Gestor de Contenidos

Definición: Sistema que forma la estructura de soporte para la creación y administración de información en un sitio web (también conocidos como CMS – “Content Management System”)

Es un sistema que se instala en el servidor y genera las páginas web cuando los internautas las solicitan, se puede por tanto generar contenido dinámico dependiendo del usuario. Disponen de una parte pública que ven todos los internautas y de una sección privada o panel de control. A través de este interfaz privado, el propietario pueda realizar cambios en el contenido sin conocimientos de programación y a través de una herramienta web similar a un gestor de correo electrónico o un editor de textos.

Ventajas:

• Permite generar contenido dinámico dependiendo del usuario
• Facilita la escalabilidad de una web
• No es necesario almacenar cada una de las posibles páginas (se evita redundancia de información)
• Sus actualizaciones permiten ir adoptando nuevos estándares web automáticamente
• Es posible implementar funcionalidad avanzada en el sitio web (e.g. Tiendas virtuales, foros, blogs, etc…)

Inconvenientes:

• Es necesario llevar a cabo actualizaciones periódicas del sistema para evitar ataques a vulnerabilidades de seguridad
• Una vez implementado el diseño de un sitio, es más complejo realizar cambios estructurales en la situación de los distintos elementos de la web (o se pierden ciertas ventajas del gestor de contenidos)




Estos sistemas son la base de la llamada Web 2.0 o Web Participativa. En este tipo de portales se abandona el enfoque de comunicación en un sólo sentido y permiten que el usuario pueda tanto participar en el contenido de la web, como interactuar con la organización o con otros usuarios. Esto se consigue a través de herramientas como chats, blogs, canales de noticas rss o e-commerce entre otras muchas; en los que se puede rankear contenido, incluir comentarios, anotaciones, enlazar la información con otros portales, etc…

Adobe Flash

Definición: Tecnología que permite la creación de animaciones visuales interactivas

Como ya hemos comentado en un artículo sobre el Posicionamiento de Webs en Flash, a pesar de la riqueza visual, se han de evitar sitios implementados completamente utilizando Flash. La inclusión controlada de determinados elementos Flash con animaciones, siempre que no dispongan de contenido textual ni influyan en la estructura de la web, puede mejorar el aspecto visual del sitio y darle un aire “dinámico”.

Ventajas:

• Superioridad visual frente al resto de tecnologías

Inconvenientes:

• Contenido no indexable por los buscadores
• Demasiados efectos visuales pueden limitar la usabilidad de una web




Sólo en determinados casos de empresas de entretenimiento en los que se disponga de otra web con el contenido, sería recomendable desarrollar una web con una gran cantidad de elementos Flash.

Como resumen, podemos decir que hoy en día la mayoría de páginas web se desarrollan mediante un gestor de contenidos. Estos sistemas han alcanzado una madurez y facilidad de uso que ha extendido enormemente su aplicación. Sin embargo, dependiendo de las necesidades concretas de un proyecto web, se han de tener en cuenta las ventajas de otras opciones tecnológicas.

Gestor de Contenidos: Código Abierto vs. Propietario

Software de Código Abierto u Open Source = Programas en los que se dispone del código fuente para su libre uso, modificación y distribución

Software Propietario = Programas cuyo código fuente no está disponible o tiene limitaciones para usarlo, modificarlo o redistribuirlo

Analogía: Edificio de Código Abierto = Edificio en el que se dispone de los planos de construcción para asegurarse que está bien hecho, realizar futuros cambios e incluso construir otro edificio igual

Para esta decisión, y aunque sea una afirmación muy tajante, la elección está clara: Gestor de contenidos de código abierto (e.g. WordPress, Joomla, Drupal, DotNetNuke o Modx entre otros). A continuación se detallan algunas de las razones más importantes para no utilizar un gestor de contenidos propietario:

• Con un gestor de contenidos de código abierto actual, se puede desarrollar todo tipo de webs, no existe funcionalidad que no se pueda implementar con estos sistemas
• Disponen de una fuerte comunidad de desarrollo que publica actualizaciones periódicas de seguridad
• Permiten que el propietario de la web tenga control total sobre su sitio, permitiendo que cualquier persona u organización con los conocimientos necesarios pueda administrar y mantener el sitio web – disponer de un gestor de contenidos de código abierto es como comprar un automóvil que puedes llevar a cualquier taller, no exclusivamente al concesionario oficial de la marca

Por tanto, las ventajas de utilizar sistemas propietarios son sólo para el desarrollador, ya que impide que otras empresas puedan encargarse de esa web en el futuro. La entrega de los archivos fuentes y de las claves de acceso al servidor no son suficientes para que pueda mantenerse por otra entidad. Si no se dispone de actualizaciones periódicas de seguridad, esta web podrá ser hackeada tras 1-2 años y por tanto deberá ser descartada.

Tecnología servidor: Código Abierto vs. Propietario

Servidor = Equipo que almacena la información de tu página web.

Por último, tanto en desarrollos web basados en HTML en el que se incluyan elementos con funcionalidad sencilla de interacción con el usuario, como para gestores de contenido, se ha de elegir la tecnología que debe soportar el servidor que va a almacenar la página web. Existen multitud de empresas, tanto en España como en el extranjero, que disponend de servidores con todo tipo de características. Y aunque las soluciones propietarias (e.g. Microsoft o Mac) son líderes en PCs frente a las soluciones abiertas (e.g. Linux), en los servidores web sucede al contrario, siendo software abierto (“open source”) el que está instalado en la mayoría de los servidores que alojan páginas web. Esto se debe a que los servidores están administrados por expertos que necesitan acceso al código fuente para poder controlar completamente el servidor, mientras que la mayoría de los usuarios de PCs no tienen la necesidades avanzadas de administración sobre sus equipos.

En concreto, 3 tecnologías de código abierto son los indiscutibles líderes del mercado y con las que se puede realizar cualquier tipo de desarrollo web: Apache como servidor HTTP – PHP como lenguaje de servidor para webs dinámicas – MySQL como base de datos. Que también están disponibles en paquetes conjuntos para distintas plataformas: Windows – WAMP, Linux – LAMP o Mac – MAMP). Por tanto, la utilización de tecnologías propietarias para el desarrollo de páginas web responde sólo a intereses de la empresa encargada del desarrollo web, que generalmente son partners de una empresa en concreto y están obligados a utilizar sus soluciones en todos los ámbitos (no las soluciones más eficientes).

]]> http://www.descubretuweb.com/2010/tecnologias-web-gestores-de-contenido-vs-html/feed/ 2 http://www.descubretuweb.com/2010/%c2%bfla-presencia-en-internet-es-imprescindible/ http://www.descubretuweb.com/2010/%c2%bfla-presencia-en-internet-es-imprescindible/#comments Wed, 03 Mar 2010 11:25:43 +0000 camila.tello http://www.descubretuweb.com/?p=813
• 1.730 Millones de usuarios
• 418 Millones de usuarios en Europa
• 234 Millones, el número de Websites en el mundo (Dic 2009)
• 126 Millones, el número de Blogs en Internet
• 1.400 Millones, el número de usuarios a nivel mundial de correos electrónicos

JESS3 / The State of The Internet from Jesse Thomas on Vimeo.

El punto a favor de Flash es su superioridad (y originalidad) visual frente al resto de tecnologías. Sin embargo, un uso excesivo puede reducir la usabilidad de una web debido al elevado número de elementos en movimiento que “despistan” al visitante. Y en cuanto a su facilidad para ser posicionados en los principales buscadores, aunque hemos visto casos en los que páginas desarrolladas con muchos elementos Flash tienen una gran visibilidad gracias a su popularidad de enlaces, estos sitios estarían todavía mejor posicionados si utilizaran una tecnología amigable con los buscadores.

Existen diversas herramientas y técnicas para crear una versión HTML del contenido de una web desarrollada en Flash para usuarios sin Flash activado (en especial para los robots de los buscadores cuando indexan tu web). Sin embargo, hay que tener cuidado para que no consideren este contenido oculto y te penalicen. Además, esta redundancia de datos, dificulta la actualización de la información en dos sitios distintos cada vez que sea necesario hacer algún cambio.

Como conclusión, podemos decir que aunque es muy interesante su uso para ciertos elementos multimedia, es recomendable minimizar la utilización de la tecnología Flash en un desarrollo web a objetos en los que se precisen animaciones y que no cuenten con un contenido textual. En especial, se han de evitar los desarrollos de sitios completamente en Flash que no dispongan de una estructura de enlaces.

Diagrama para decidir si realizar un sitio COMPLETAMENTE en Flash

Esta estructura es una de las características que los buscadores esperan encontrar (i.e. Se pueden identificar estos sitios porque no cambia la URL que aparece en el navegador al visitar sus enlaces internos). Una vez desarrollados completamente en flash, es necesario disponer de los archivos fuente para poder realizar un posicionamiento adecuado.

En nuestra sección de herramientas teneis un directorio interesante de herramientas libres para PYMES. Y este curso es una buena oportunidad para descubrir de forma práctica que es posible implementar soluciones de calidad basadas en Software de Código Abierto en el mundo empresarial.

Se han inspirado en otras fundaciones muy influyentes en la red como la Free Software Foundation, la Open Source Applications Foundation y la Mozilla Foundation. Como se puede intuir, el objetivo de esta nueva fundación es la defensa del Gestor de Contenidos de Código Abierto más extendido hoy en día. Un proyecto que comenzó orientado al desarrollo de blogs, pero que hoy en día permite a cualquier organización (comercial o no) disponer de una de las herramientas más potentes que existen hoy en día para la creación de páginas web. Con numerosos plugins (también todos de Código Abierto) disponibles para personalizar un sitio web de cualquier forma que se te ocurra.

Esperamos que este esfuerzo contribuya a mejorar todavía más la importante comunidad que existe detrás de WordPress.