sitio web

El archivo htaccess y las rutas relativas

por

Hoy en día, la necesidad de optimizar nuestras páginas para los buscadores hace que sea casi obligatorio programar nuestros sitios web de forma que se pueda acceder a ellos mediante URLS amigables. ¿Y que es eso de las URL amigables? Pues bien, para explicarlo vamos a poner dos ejemplos de URLs, una normal y otra amigable:

http://www.tusitio.com/index.php?seccion=libros&articulo=10

http://www.tusitio.com/libros/10/

En los dos ejemplos de URLs anteriores, el navegador nos debería redirigir a la misma página, pero sin duda es mucho más clara la segunda URL que la primera. Esta segunda URL es la que se llama amigable y es la que los buscadores prefieren, de ahí su importancia.

¿Pues bien, como conseguimos esto en nuestro sitio web? Para ello, el método más utilizado es mediante el archivo .htaccess el cual nos permite establecer las RewriteRule, que no son sino reglas que convertirían una URL amigable en una URL interna y que es la que nosotros manejaremos en nuestra programación. Esta práctica esta muy extendida hoy en día, pero conviene tener en cuenta un detalle y es por el cual escribimos esta entrada.

Y es que al realizar esta reescritura de URL, estamos haciendo que el servidor interprete cual es la página que debe mostrar, pero hay un pequeño «handicap» y no es otro que el concerniente a las URLs relativas. Si en la programación haces uso de URLs relativas te encontrarás con que los contenidos de dichos elementos no se muestran correctamente. Y es que la reescritura se hace en el interprete a nivel de servidor, pero la parte de las URLs se interpreta en el navegador, por lo que no coinciden. Así si por ejemplo en el caso anterior tenemos en el directorio raiz además del archivo index.php una carpeta imagenes donde tenemos un archivo para mostrar, si usamos una URL relativa de la siguiente forma <img src=»imagenes/10.jpg»> cuando accedemos a la web mediante la URL amigable, nos encontraremos con que dentro del supuesto directorio «libros» deberíamos encontrar otro llamado «10» y dentro de este otro llamado «imagenes» que no existe. Por lo que la imagen no se mostraría correctamente. Para ello tenemos dos soluciones:

  • Usar una URL absoluta, en nuestro caso incluiríamos un código como este <img src=»http://www.tusitio.com/imagenes/10.jpg»>
  • Utilizar el elemento HTML BASE dentro de la cabecera de nuestra página, para definir la URL báse de todo el documento y luego podríamos usar urls relativas. La forma de usar este elemento HTML sería algo así: <BASE href=»http://www.tusitio.com»>

CSS Matic, herramienta para ayudarte con las hojas de estilo

por

CSS Matic es una herramienta pensada para desarrolladores web que necesiten una pequeña ayuda con las hojas de estilo. Así pues en su sencilla pero útil página encontraremos un pequeño recopilatorio de herramientas que nos permiten generar el código css necesario para lograr diferentes efectos. Por ahora tienen incluidas cuatro herramientas, cada una de las cuales permite realizar una función: Gradientes, Cajas con Bordes Redondeados, Textura con ruido y Caja con sombras.

En la página encontraremos los controles necesarios para establecer los parámetros necesarios a la vez que se nos muestra una previsualización del resultado. Así una vez encontrado el resultado deseado, nos limitaremos a copiar el código generado e incluirlo en nuestro proyecto. Una útil herramienta a tener en cuenta.

No estar en las redes sociales ¿una alternativa?

por

Seguramente todos conozcamos eso de «si cae un árbol en un bosque donde nadie lo escucha caer, ¿hace ruido o no?» Y la respuesta por muy evidente que pueda parecer, no se puede asegurar. Y lo mismo lo trasladamos a la web actual, a la web donde las redes sociales es lo que impera «Si no estamos en las redes sociales ¿no se habla de nuestra marca/empresa/web?» (tanto para bien como para mal).

La verdad es que por mucho que queramos, hoy en día es «casi obligado» tener presencia en las redes sociales, porque es mejor estar para poder canalizar cualquier tipo de conversación acerca de nuestra marca (tanto buena como negativa), que dejar que la red sea la que gobierne dicha conversación. Y es que si estamos presentes, seguramente tendremos la oportunidad de tener opción a gestionar nosotros directamente todos esos comentarios, porque es más probable que los usuarios elijan nuestras plataformas para la comunicación. Aquí entra luego, como actuemos, porque estar presentes no nos garantiza responder de la «mejor forma» posible, pero al menos tenemos esa oportunidad y seremos nosotros los que podamos demostrar la capacidad de actuar ante cualquier incidente.

Así pues, si aún no contáis con presencia en las redes sociales, no dejéis de plantearos vuestra estrategia en las redes sociales porque de ello puede depender en buena medida «la imagen» que transmitáis en esta época donde lo social está de moda. Elegir la plataforma adecuada (esto, es la red social que corresponda), será otro asunto, pero eso llegará otro día…

Actualiza a WordPress 3.5.1

por

Wordpress CMS para blogs

Como una actualización de seguridad y correción de errores, así ha sido lanzada la versión 3.5.1 de WordPress. De hecho corrige unos 37 incidentes de la versión 3.5 de este popular CMS. Entre otras cosas a destacar tenemos que en el editor se evita el problema por el cual algunos elementos HTML eran eliminados inesperadamente o modificados en extrañas ocasiones, se han solucionado algunos incidentes de compatibilidad con el nuevo gestor de objetos.  Se ha solucionado el problema por el cual algunos post eran despojados de parte del código HTML como videos incrustados cuando se publican y se han solventado algunos fallos de JavaScript en el panel de administración que ocasionaban fallos.

Estas son algunas de las correciones en cuanto a funciones, pero también se han incluido actualizaciones de fallos de seguridad, principal motivo por el cual se recomienda la actualización. Estos fallos corregidos serían:

  • Server-side request forgery (SSRF) y escaneo remoto de puertos mediante pingbacks.
  • Cross-site scripting (XSS) a través de shortcodes y contenido de posts.
  • Cross-site scripting (XSS) en la librería externa Plupload. Para solucionarlo se ha lanzado la versión 1.5.5 de Plupload

Por tanto, si sois usuarios de este gestor de contenidos no dejéis de actualizar a esta versión si aún no lo habéis hecho.

Ventajas de los dominios genéricos

por

Cuando uno se prepara para lanzar un proyecto a través de internet una decisión bastante importante es la elección del nombre del dominio. De este nombre puede depender en gran medida la posterior evolución. Así pues con esto en mente, vamos a explicar que se entiende por dominio genérico. Pues bien, como el término expresa, se trata de un nombre de dominio donde se emplea una palabra genérica, por ejemplo si estamos preparando un proyecto sobre coches, un ejemplo de dominio genérico podría ser www.coches.es. ¿Fácil no? Bien, y ¿que ventaja otorga esto sobre por ejemplo un dominio donde lo único que aparece es por ejemplo el nombre de la empresa?.

Para empezar, uno de los aspectos que más puede pesar es que facilita el posicionamiento de la web. Sin duda la utilización de nombres genéricos hacen que la labor de SEO sea mucho más sencilla en las primeras etapas del proyecto, haciendo que en pocos meses, la web con un dominio genérico pueda estar entre las primeras posiciones de los resultados de búsqueda. Esto es un elemento clave para los buscadores, pero además los usuarios también agradecen el uso de dominios genéricos porque por un lado los recuerdan con más facilidad, y por otro lado permiten que algunos usuarios accedan de forma directa al esperar encontrar un contenido adecuado en un dominio genérico. Pero también la elección de un dominio genérico nos puede evitar posibles problemas por un conflicto de marcas. Y es que las palabras genéricas no pueden ser registradas por marca, así que estaremos seguros que nunca podremos sufrir una demanda por derechos relacionados con el nombre del dominio.

¿Os parecen motivos suficientes? Bien, ahora bien nos encontramos ante un pequeño problema y es que estas ideas son muy conocidas y en torno a los dominios genéricos se ha generado un gran mercado de compraventa de nombres de dominios. Así de esta forma, hay muchos usuarios que simplemente registran algunos dominios para posteriormente intentar venderlos por una cifra bastante superior. Aquí la cuestión es ¿merecerá la pena la inversión en uno de estos dominios genéricos? Según la estrategia de nuestro proyecto online se podría hacer una valoración más concreta para responder a esta pregunta, pero con las ventajas que hemos detallado, en la gran mayoría de los casos la respuesta sería «si».

Email Marketing, conceptos iniciales: crear una base de contactos adecuada

por

email-marketing5

Cuando una web persigue objetivos comerciales, una de las técnicas más útiles para tratar de mejorar la comunicación con nuestros visitantes es el email marketing (que a fecha de hoy sigue siendo mucho más efectiva que otros medios como las redes sociales). ¿En que consiste? Bueno, simplemente estaríamos hablando del envio de un email promocional de algún producto o servicio de nuestra web (o alguna noticia o información relevante a la misma) a una serie de contactos. ¿Simple no?

Pues bien, no todo es tan sencillo. Lo primero de todo es crear esa base de datos de contactos. Para ello lo mejor es crear una base de datos a base del «contacto directo» o de una selección a través de nuestra propia web. Así pues, se hace imprescindible que la web cuente con algún sistema para que los usuarios se registren en nuestro «boletín». Aquí tendremos que trabajar en un formulario sencillo y quizás, en ofrecer algún cebo con el cual lograr que aquellos que visitan nuestra web nos cedan un dato tan importante como puede ser su dirección de email. Seguramente lo más apropiado es ofrecer algún contenido exclusivo, algún descuento o algo similar y así nos habremos asegurado casi el 50% de las posibilidades de que finalmente el visitante si está interesado en los contenidos del sitio, acabe entregando ese precioso tesoro que es la dirección de email.

Los principales CMS tienen opciones para incluir sencillos formularios de registro en listas de correo, aunque hay además todo tipo de soluciones orientadas a esta función (por ejemplo PHP-List). Seguramente será cuestión de evaluar cual es la opción que más se ajusta a nuestras necesidades y posibilidades en cada momento.

Así pues, debe quedar claro, que la mejor forma de crear una buena base de datos de contacto para nuestra estrategia de Email Marketing será empleando el contacto con los usuarios (bien sea directo en eventos, congresos,… o bien a través de nuestra propia página web) y deberíamos olvidarnos de emplear técnicas menos apropiadas como podría ser la compra de una base de datos (lo cual a día de hoy es relativamente sencillo). El principal motivo para evitar esto último, es que eso nos llevará a comunicarnos con unos usuarios, que aparte de que quizás ni nos conozcan, puede que no estén interesados en lo que podemos ofrecer, y eso aparte de una gran molestia puede ser perjudicial al existir la posibilidad de que se nos considere spammers. Así pues, empleemos la lógica, porque si en la vida convencional no hablamos con cualquiera de nuestras cosas sin conocerlo previamente, ¿porque deberíamos hacerlo en internet? ¿Simplemente porque la distancia parece ofrecernos cierta protección?

Pero esto no es sino el principio, luego llega lo más difícil desarrollar todo el contenido que trasmitiremos en nuestros mails, pero eso ya será otra historia…

Como ver el archivo .htaccess en Aptana Studio 3

por

Los archivos .htaccess constituyen una útil ayuda para los programadores web, permitiendo establecer desde reglas de conversión de URLs hasta proteger el acceso a directorios concretos. Bien, una cosa curiosa es que al empezar con un punto, estos archivos aparecen como ocultos en la mayoría de sistemas y de editores. Si por ejemplo os encontráis haciendo uso de Aptana Studio 3 y no veis el archivo .htaccess puedes con un simple cambio hacer que aparezca en el árbol de proyecto para así posteriormente poder editarlo si es necesario.

Para ello, si hacemos click en la flecha que aparece en la esquina superior derecha del árbol de proyectos se desplegará un menú donde seleccionaremos la opción Customize View… (Personalizar vista…).

aptana_1

Allí lo que tenemos que hacer es desactivar la casilla de la opción .* files y también *.resources.

aptana_2

De esta forma, a partir de ahora podremos observar en nuestro árbol de proyecto los archivos y así poder editarlo en caso de ser necesario.

Las WebFonts son estandarizadas por el w3c

por

La utilización de fuentes especiales en las webs, ha sido siempre un tema delicado a la hora de diseñar una página web. Y es que en caso de emplear una fuente fuera de las más habituales, podía llevar a que la web no se visualizase correctamente, estropeando así la experiencia de uso de la página. Pues bien, este problema podría cambiar con las Web Open Font, o también conocidas como WOFF. Este formato de tipo de letras fue desarrollado originalmente por Apple y ahora ha sido estandarizado por el w3c. Este formato de fuentes ya es soportado por los principales navegadores web (y solo en algunas versiones móviles se han experimentando problemas).

¿Y que es lo que ofrece WOFF? Pues bien, con este formato de fuentes, los creadores ya no dependerán de las fuentes que el usuario tenga instaladas en el dispositivo con el cual visualiza la página web. En su lugar el servidor será el que suministre la fuente y el navegador el que se encargue de mostrarla. Por ejemplo en Google Web Fonts tendremos más de 600 fuentes WOFF disponibles cuyo uso es libre. Sin duda, un interesante avance que facilitará enormemente la labor a la hora de diseñar las páginas webs sin que tengamos que preocuparnos porque los usuarios quizás no vean correctamente nuestra web.

PHP 5.3 a punto de llegar a su fin

por

El ciclo de desarrollo de PHP 5.3 parece estar llegando a su final. ¿El motivo? Recientemente el equipo de desarrollo de PHP anunció la disponibilidad de las versiones 5.4.10 y 5.3.20. Estas actualizaciones de seguridad vienen para solucionar varios fallos de seguridad y marcar el punto final de la rama 5.3.x de PHP. Así pues PHP 5.3 llega a su fin tras algo más de tres año y medio desde su lanzamiento y de ahora en adelante y hasta marzo de 2013 solo se realizarán actualizaciones de seguridad críticas. Así pues, se anima a los usuarios a preparar la migración a PHP 5.4 (y sin olvidarse que PHP 5.5 ya empieza a asomar la cabeza). Si queréis más información o acceder a las descargas de PHP 5.4.10 y PHP 5.3.20 podéis hacerlo desde aquí.