Creando páginas web

Tener una página web y mantenerla no siempre es fácil, información y consejos para los webmasters

Crea tus Bots para Twitter… con buenas intenciones!!

por

Cuando uno piensa en Bots en las redes sociales, suele pensar en esos molestos seguidores que se crean únicamente con la intención de engrosar las cifras para poder decir eso de «yo tengo más». Pues bien, los Bots tienen otras muchas funciones y hoy queremos presentaros Botize, una herramienta que os ayudará a crear vuestros bots con la intención de contribuir en vuestro trabajo.

Y es que tal y como nos dicen en su web, los bots pueden tener otras y muy útiles funciones. Por ejemplo, si queremos crear un sistema de respuestas automatizadas para todos nuestros nuevos followers, Botize nos permitirá completar esta tarea de una forma realmente sencilla. En su página se incluyen «tareas» predefinidas que nos permiten cumplir algunas de esas cosas que consumen tiempo y que se pueden realizar de forma automatizada, permitiendo incluso la conexión con otros servicios como DropBox o Instagram).

Sin duda, una interesante herramienta que puede ayudarnos a liberarnos de tareas tediosas y que a veces requieren demasiado tiempo para poca recompensa.

 

La página 404 ¿por qué debemos incluirla en nuestro proyecto?

por

Para quien no lo sepa, la página 404, es la página que incluimos en una web y que se debería mostrar a nuestros visitantes en caso que intenten acceder a un contenido inexistente en la web.  En ese caso el servidor devuelve un error 404 y en caso de que no hayamos definido esta página, el navegador nos devolverá una página por defecto. Así pues ¿por qué deberíamos incluirla en nuestro proyecto?

Pues bien, no haya nada más frustrante para un visitante que se nos devuelva un error genérico, da una sensación por un lado de «falta de profesionalidad» y por otro lado a algunos usuarios puede confundirles. Así pues el resultado inmediato de un error de este tipo sin gestionar mediante la correspondiente página personalizada suele ser la pérdida de un visitante (no siempre es el caso, pero si en muchas ocasiones). Por eso necesitamos establecer una página de error 404 personalizada, esta nos ayudará a canalizar al visitante para que no abandone definitivamente nuestra web. Aprovecharemos para, aparte de ofrecer un mensaje de disculpas al visitante, intentar lograr que el usuario permanezca en nuestra web.

Así pues no olvidéis contemplar la inclusión de esta página en vuestro proyecto, puede ayudar a mantener a más de un visitante que se encuentre con este problema en nuestra web.

 

Google ta ayuda si tu sitio web ha sido hackeado

por

Dentro de sus herramientas para Webmasters, Google ha incluido la ayuda para sitios hackeados, donde los webmasters que hayan visto que su sitio aparece marchado como «Comprometido» encontrarán ayuda y recursos de Google para poder solventar el incidente. De esta forma, el punto de partida puede ser una búsqueda en Google, donde si vemos el citado aviso bajo el título de nuestra página deberemos recurrir a esta herramienta para recibir un informe detallado, con el cual podremos ponernos en contacto con nuestro proveedor para tratar de solventar el problema. Sin duda, una gran utilidad que ayudará a mejorar la seguridad en Internet y que facilitará enormemente la labor de los webmasters.

Primeros conceptos sobre métricas en Google Analytics

por

google-analytics1Hoy en día es imprescindible realizar un seguimiento de la actividad de nuestra web. Solo de esta manera podremos saber si las acciones que estamos llevando a cabo tienen éxito, cuales son las necesidades de nuestros visitantes, etc. En definitiva se trata de intentar conocer mejor a nuestros visitantes y su interacción con la web, para tratar de ofrecerles el mejor servicio posible. Google Analytics es uno de los servicios más extendidos para llevar a cabo esta labor. Su utilización aunque en principio sencilla, requiere tener algunas ideas claras para entender que es exactamente lo que estamos observando delante de nuestras pantallas. Así pues nos gustaría hablar de cuatro conceptos básicos, que además pueden confundirse entre si.

El primero de estos conceptos es el de Clics. Este valor no indica otra cosa que las veces han hecho la selección sobre un elemento de una página (y por ello se identifica con ese nombre). Luego están las visitas, que se corresponde con las sesiones únicas iniciadas por los usuarios. Así de esta manera, podemos tener a un visitante que haga varios clics en una misma sesión, pero sesión sería una sola. En este sentido, se entiende que una sesión concluye automaticamente tras 30 minutos de inactividad, momento a partir del cual si se registra alguna otra acción esta se entenderá como una nueva sesión. Páginas vistas, es la visualización de una página del sitio web, así pues aquí se contabilizarán las visitas repetidas de una página dada para un visitante único. Por último tendríamos el valor Páginas vistas únicas, que es el número de sesiones en que una página se ha visitado al menos una vez.

De estos valores, aunque todos sean a considerar, el más destacado y que más interesa es el de Páginas vistas únicas, ya que indica  el número total de personas diferentes que entran en un sitio web. Lo que está claro es que del entendimiento adecuado de estos datos, dependerá que podamos comprender correctamente lo que sucede con nuestro sitio web y por tanto estaremos en disposición de tomar las decisiones adecuadas.

iconsDB.com iconos para tus proyectos web

por

iconsDB.com es un proyecto donde encontraremos un extenso repositorio de iconos con los cuales aderezar nuestro proyecto web. Donde destaca este servicio es en ofrecer iconos clasificados por color, ofreciendo un simple pero eficaz sistema de etiquetas que nos ayudará a encontrar el icono que nos hace falta. En la web encontraremos iconos en los formatos más habituales: ICO, PNG, JPG y GIF, además de varios tamaños, desde los 16×16 a los 512×512 pixeles. También ofrecen un buscador como alternativa para encontrar lo que buscamos más rapidamente. Sin duda, una interesnte propuesta para apuntar en vuestros favoritos.

Incrustar tu canal de YouTube en tu Web

por

Si tienes un canal de YouTube y te gustaría incrustar los vídeos que publicas dentro de tu propia Web, Google nos ofrece un sencillo pero útil script con el cual llevar a cabo esta tarea. Para ello solo tenemos que incluir el siguiente código:

<script src=»http://www.gmodules.com/ig/ifr? url=http://www.google.com/ig/modules/youtube.xml&up_channel=NombreDeCanal&synd=open&w=400&h=300&title=Título+del+Canal&border=&output=js»> </script>

Aquí tendremos que cambiar los parámetros para ajustarnos a nuestro canal y a las necesidades de nuestro sitio web. En rojo hemos resaltado los parámetros, donde up_channel es el nombre del canal (o el del usuario de YouTube), w nos permite definir el ancho y h la altura con que se incluirá el canal dentro de nuestro sitio web. Por último title, es el título que se mostrará encima del recuadro donde se muestra el canal (los símbolos + sirven para sustituir a los espacios en blanco). Simple, pero efectivo, así pues si tienes un canal de YouTube y quieres que este aparezca en tu web ahora ya no tienes excusa.

Filezilla y el modo Kiosko impiden guardar las contraseñas de nuestros sitios FTP

por

FileZillaPortable_128Si trabajas con clientes de FTP, es más que probable que hayas oido hablar de FileZilla e incluso que seas usuario de este popular cliente FTP. Pues bien, esta entrada está dedicada para aquellos que de pronto se hayan visto sorprendidos por un curioso mensaje que dice lo siguiente «FileZilla se está ejecutando en modo kiosko». Este aviso viene ocasionado por una nueva actualización del sistema de seguridad, y su inmediata consecuencia es que no nos permite guardar nuevos sitios en el administrador de sitios FTP (cuando se quieren guardar con usuario y contraseña, si lo permite en acceso anonimo o pidiendo la contraseña), ni tampoco nos permite almacenar contraseñas en los mismos pidiendonos en todo momento las contraseñas cuando queramos acceder a nuestros sitios FTP, sin lugar a dudas, todo un engorro.

Pues bien, como evitamos esos molestos avisos y volvemos a funcionar con FileZilla con total normalidad. Deberemos abrir las preferencias del programa y allí buscaremos la opción Interfaz, donde buscaremos la opción No guardar contraseña y la deshabilitaremos. De esta forma habremos solventado el inconveniente, ahora bien, si por lo que sea se ha activado esta opción y teníamos varios sitios almacenados en el gestor, tendremos que volver a configurar las contraseñas ya que estas habrán desaparecido misteriosamente (o bien, recuperaremos una copia de seguridad del gestor de sitios si la tenemos).

En contraste al auge de los dispositivos móviles, solo el 9% de las pymes tienen su web adaptada para estos

por

La realidad que tenemos en este momento es que los dispositivos móviles están en auge y su peso es cada vez mayor suponiendo una parte cada vez más importante de los visitantes de las webs. Pues bien, a pesar de esta realidad, en un informe de la compañía BaseKit acerca de la presencia online de las pymes, refleja que solo el 9% tienen una web optimizada para el uso desde teléfonos móviles. Este dato contrasta con otro reflejado en el informe, y es que el 45% de los usuarios de internet utilizarían precisamente sus teléfonos móviles para acceder a páginas web. Esto resultaría en una potencial pérdida de clientes al no ofrecer webs adaptadas convenientemente para su navegación desde este tipo de dispositivos. Sin duda, hoy en día debe tenerse en cuenta a este ingente sector que representan los usuarios de dispositivos móviles.

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»>