Entradas

Qué es un Favicon y para qué sirve

Cada vez que realizo una conferencia o un curso, suelo mirarme las páginas web de los asistentes. Para ello, la organización del evento me envía un listado con sus URL y las voy abriendo en un mismo navegador pero en diferentes pestañas. Por desgracia, cuando tengo las páginas abiertas y puedo ver los fav icons de todo el mundo, observo que una buena parte de ellos son los favicons de los CMS utilizados para construir sus páginas web (normalmente el de Joomla o el de WordPress), no un favicon corporativo, que es lo que debería ser.

Así que aquí va este breve artículo explicando qué es un favicon y para qué sirve, a ver si de esta manera, consigo que la gente le otorgue la importancia que se merece.

 

Qué es un favicon

Es un pequeño icono (normalmente de 16×16 píxels o de 32×32 px) que se utiliza para identificar un sitio web en las pestañas de un navegador, en un listado de favoritos, o en cualquier otra parte que requiera una identificación pequeña.

En este blog que estás leyendo, el favicon es una “MP” con fondo fucsia que puedes ver junto a la URL o en la pestaña de la página tu navegador.

 

Para qué sirve un favicon

Es un símbolo que transmite imagen corporativa, así que sirve para:

  • Transmitir nuestra imagen de marca cuando alguien navega por nuestra página web y fija su mirada en la zona de la URL del navegador.
  • Para que nuestra página sea fácilmente identificable cuando alguien tiene abiertas varias pestañas en su navegador.
  • Para que nuestra página sea fácilmente identificable cuando alguien la guarda en sus favoritos.

 

esto es un favicon

Cómo podemos crear un favicon para nuestra página web

Existen muchos programas que te ayudarán a crearlo. Este es el que yo utilizo para crearlos: creador de favicons.

Mi consejo es que crees tu favicon en 32×32 píxels y que sea parecido a tu logo. Puedes crear favicons a partir de imágenes… quizás esto puede serte de ayuda, pero píxel a píxel también es fácil de crear. Otro consejo: antes de diseñar tu favicon mira favicons de otras empresas en Google Imágenes, esto puede ayudarte a inspirarte para el tuyo y a asegurarte de que sin querer, no utilices algún favicon que ya ha sido creado por alguien más.

Cuando ya lo tengas creado, debes guardarlo utilizando el nombre favicon.ico y subirlo por FTP al directorio raíz de tu página web. Algunos gestores de contenido como WordPress  disponen de una sección en el panel de administración para que indiques la URL exacta del favicon… aunque funciona igualmente si allí no indicas nada pero dispones de favicon en tu directorio raíz. También algunas plantillas de WordPress llevan ya una zona en la que indicas la URL de la imagen de tu favicon y ya está.

Para que tu favicon se vea lo antes posible, puedes dar a conocer su existencia a través del código fuente de tu página web, utilizando en los metatags la siguiente línea de código:

<link type=”image/x-icon” href=”favicon.ico” rel=”shortcut icon” />

Aunque de nuevo, si no utilizas la línea de código, el navegador lo verá por si solo en algún momento. En Firefox y Chrome se ve casi al momento, en Explorer tarda un poco más.

Esto es todo.
Que vaya todo bien… (y cuando tengas un momento, asegúrate de que tu página web dispone de su propio favicon ;-)

Nos hablamos

Misión cumplida: plantilla del blog actualizada

Mi objetivo para esta primera semana de agosto era, además de hacer vacaciones con mis hijos, darle un toque más actual a mi blog. Como habrás visto en el post anterior, esto no ha sido una tarea fácil: he estado probando una gran cantidad de plantillas (gratis y de pago [ya las tenía compradas para otros proyectos]), pero ninguna de ellas me gustaba para el blog. O eran demasiado frías o les faltaba personalidad… la cuestión es que ninguna me gustaba lo suficiente.

Navegando por los blogs que normalmente leo, y pensando en por qué me gustan estos blogs, me he dado cuenta que el diseño es lo de menos, lo importante es que el contenido sea de calidad, esté bien categorizado y que sea fácil de leer (es decir, la calidad y la usabilidad son más importantes que el diseño). También me he dado cuenta que lo importante es que la gente encuentre contenido interesante y que participe con sus comentarios. Así que en lugar de utilizar una nueva plantilla, me he dedicado a mejorar la que ya he venido utilizando durante estos dos últimos años.

A la plantilla le he introducido lo siguiente:

  • Menú con páginas relacionadas con la base del blog.
  • Un formulario de contacto.
  • Más categorías en los artículos.
  • Sección con los artículos más comentados.
  • Sección con los links a mis perfiles en las redes sociales en las que participo.
  • Una nube de tags como la que utiliza mi hija en su blog :-). En Flash, pero sin él si no se dispone del plug in… así que en principio no perjudica al SEO.
  • Los archivos en un desplegable (poco SEO, pero bueno, lo compensaré de alguna manera).
  • En las entradas que se muestran en la home, más información sobre los comentarios y las categorías.
  • Un pie de página con información diversa.

El pie de página es donde aún me queda algo de trabajo. Por un lado, hay 10 pixels a la derecha que no hay manera de saber de dónde me salen. Por otro, tengo que cambiar las imágenes de los bordes inferiores del cuerpo de las entradas. Y por otro, intenté incluir los últimos twits y los amigos de facebook en el footer, pero no quedaba bien, así que lo desactivé y trabajaré de nuevo en esto cuando tenga un momento.

Para que el blog no sea tan parecido al anterior, he cambiado el color de fondo del cuerpo de la página. He pasado del granate al beige/tierra_de_Siena. Espero que te guste. A mis hijos no les gusta, pero a mí sí me gusta. Así que de momento, se va a quedar de color beige.

Comentarios acerca de estas mejoras serán bienvenidos. Y sugerencias también.

Nos hablamos.

Cambiando el blog

Durante toda esta primera semana de agosto estaré cambiando el diseño del blog.

Por favor, te ruego que seas paciente con los fallos de maquetación y de contenido que puedas encontrar.

Estoy trabajando en una nueva plantilla para WordPress. La base de esta plantilla es el tema Bueno de Woo Themes, un tema gratuito pero con muchas funcionalidades. Lo malo es que estoy retocándolo bastante y en lugar de hacerlo en un entorno de desarrollo, lo estoy haciendo en directo sobre la web que está online (no estoy en la oficina)… así que puede pasar de todo mientras estás navegando por estas páginas.

Espero tenerlo terminado hacia finales de semana. Disculpa las molestias.

Los comentarios serán bienvenidos, las sugerencias muy deseadas y las críticas, siempre que sean constructivas, serán esperadas con ansiedad :-)

Nos hablamos.

Nota posterior: después de 2 días probando plantillas y costumizándolas, creo que voy a explorar la vía: sigo_con_mi_vieja_plantilla. Así que hoy voy a seguir trabajando en el blog, pero sobre la plantilla con la que llevo los 2 últimos años. De nuevo, disculpa los inconvenientes que esto te pueda causar.

Clase de WordPress – Segunda Parte

Buenos días!

Vaya clase la de ayer! No me siento muy satisfecha a pesar de que un buen número de estudiantes consiguió que todo funcionase… otros muchos no lo consiguieron. Y menos mal que Alfons y el resto de personas que consiguieron hacerlo funcionar me ayudaron a ir solventando las incidencias del resto.

Por un lado, ahora me doy cuenta que la próxima vez que imparta esta clase tengo que reducir el número de asistentes y por otro, que tengo que centralizar a todos los estudiantes en un solo ISP para que viendo un solo panel de control podamos trabajar todos (y va a ser el de www.sync.es, desde luego, fue el único que no dio problemas). Pero bueno… vayamos al grano que es para lo que he escrito este post.

Como muchos no conseguisteis instalar y hacer funcionar WordPress 3.0 quedamos con que repetiríamos la sesión este próximo lunes a las 10h, si conseguía un aula en la Escuela de Posgrado. Lamentablemente esto no ha sido posible, porque no me acordé de que Administración está haciendo horario de verano y contacté con ellos pasadas las 15h. Así que no pude solicitar el aula.

Lo que voy a hacer es lo siguiente: el lunes a primera hora solicitaré aula para el jueves 29 de las 10 de la mañana hasta las 2 del medio día. En cuanto me la confirmen, lo publico como comentario en este blog.

Por otro lado, a los que os quedasteis a medias o a los que les falló la instalación, por favor, revisad lo siguiente:

  • Que tenéis:
    • Login y pasword del hosting contratado
    • Nombre de dominio dirigido al hosting contratado.
    • Nombre de la base de datos, nombre de usuario (con permisos de administración) y password.
    • Cliente de FTP (Filezilla está bien).
    • Descarga de WordPress 3.0 para instalarlo en el hosting contratado.
    • Si ya habéis instalado WordPress, además, tendréis un login y un password para acceder al gestor de contenidos de WordPress
  • Los puntos críticos en los que pueden cometerse errores son los siguientes:
    • Crear una base de datos y un usuario, pero no asignar el usuario a una base de datos en concreto o no darle permisos de administración a dicho usuario.
    • No pasar bien el WordPress de vuestro ordenador al servidor (FTP) y perder algunos ficheros por el camino.
    • Confundirse de logins y paswords cuando la instalación de WordPress te pide los datos de la base de datos.
    • El hosting puede tener problemas con WordPress 3.0
  • Cómo solucionar estos problemas:
    • Revisar bien la base de datos creada. Esto podréis verlo en el panel de control del hosting contratado.
    • Subir WordPress al hosting con cuidado y haciendo atención a que todos los ficheros suben.
    • Un error que tenían los usuarios que contrataron el hosting en CDMon fue que en el FTP ya existe un fichero llamado index.html y que cuando subimos nuestro index.php de WordPress entra en conflicto con él. Hay que borrar el index.html. Eso hace que WordPress pueda empezar la instalación bien.
    • Crear un buen documento con los logins y paswords de todo, de forma que quede muy claro qué es cada cosa.
    • Utilizar la versión 2.9 de WordPress si al hacer la instalación y no tener ningún problema pero al finalizarla os da errores críticos y no hay manera de entrar en el panel de control del gestor de contenidos.

Mi consejo es que intentéis hacerlo vosotros solos este fin de semana y los días que quedan. Empezad de nuevo con todo: borrad la base de datos, creadla de nuevo, revisad todos los logins y passwords y subid de nuevo WordPress al servidor (no hace falta borrar la nueva versión, podéis indicarle al FTP que “machaque” los ficheros anteriores). Buscad por internet un buen manual de instalación de WordPress (en wordpress.org mismo lo encontraréis).

Venga, buena suerte! Si todo va bien, nos vemos el jueves, realizaremos de nuevo una instalación y de nuevo veremos cómo usar las plantillas (themes – temas) y cómo modificarlas. También instalaremos algunos plugins para que veáis cómo funciona, incluido el que facilita la instación de los códigos de Google Analytics.

Un fuerte abrazo.

El 23 de julio curso de Creación de páginas web con WordPress

A raíz de las peticiones recibidas por parte de algunos de mis alumnos, el próximo viernes 23 de julio impartiré una sesión extraordinaria para todos los alumnos de alguno de los másters en los que imparto clases en la UAB. Esta clase está abierta tanto a alumnos de las ediciones 2010 como a exalumnos de las ediciones 2009.

En principio, los alumnos que pueden asistir a esta clase deberían recibir un aviso de la universidad en sus emails.

Clase: La creación de un sitio web utilizando WordPress como gestor de contenidos.
Día: viernes 23 a las 10 de la mañana
Lugar: Escuela de Postgrado de la UAB (aula a confirmar)
Coste: sin coste.

Duración de la clase: unas 4 horas, aunque si lo desean, los alumnos podrán irse en cuanto tengan la página web online y funcionando.

Qué aprenderemos: aprenderemos cómo descargar el software para la gestión de contenidos (WordPress), cómo utilizar un cliente de FTP (File Transfer Protocol) para subir ficheros a un servidor, cómo crear una base de datos y un usuario para esa base de datos, cómo instalar WordPress en un hosting, cómo configurarlo, cómo cambiar el diseño original de WordPress utilizando nuevas plantillas, cómo editar una plantilla y cómo entrar el contenido al sitio web. Si tenemos tiempo y todo sale bien a la primera, también veremos cómo abrir una cuenta en Google Analytics y cómo incluir los códigos de seguimiendo en WordPress para poder analizar el tráfico de la página web que habremos creado.

Ejemplo de algunas páginas web corporativas creadas por nuestro equipo utilizando un WordPress: www.fertilaiser.com, www.restaurantinsolit.com, www.sixtytwohotel.com,  www.albumdigitalcanarias.com, www.biciescapa.com, www.top-noticias.com y por supuesto, este blog www.montsepenarroya.com

Qué se necesita: para seguir bien la clase y acabar obteniendo un sitio web perfectamente funcional es necesario disponer de lo siguiente

  • Vuestro propio ordenador portátil que se conecte a la red WIFI de la Escuela de Postgrado.
  • Un nombre de dominio para el sitio web que deseáis crear (por ejemplo: vuestronombre.com). Se puede comprar aquí https://www.cdmon.com o en www.sync.es o en cualquier ISP y tiene un coste de unos 13 euros al año.
  • Un hosting en el que podáis alojar la web, recomiendo el de www.cdmon.com o el de www.sync.es (pero cualquiera sirve). El hosting debería ser lo más simple que encontréis con PHP y mySQL. El coste de este tipo de hosting es de entre 30 euros y 50 euros al año (según el ISP). Por ejemplo, este hosting: https://www.cdmon.com/cas/alojamiento/basico/miniplan/

Tener todo esto activado tarda una par de días… así que no esperéis al último minuto para comprarlo porque no os serviría para tenerlo a punto en clase. A clase debéis llegar con el login y password del panel de control del alojamiento contratado. Esto os será enviado por email cuando hagáis la contratación del hosting.

Si alguien no desea comprar un dominio ni contratar un hosting pero desea seguir la clase, puede hacerlo de todas maneras. Yo haré una instalación en directo en la pantalla del aula.

Si alguien desea empezar la instalación sin la clase, aquí hay un buen tutorial sobre cómo hacerlo:
http://info.cdmon.com/index.php?page=instalacion-wordpress&hl=esp en caso de emergencia podemos ver en clase qué es lo que ha pasado.

Lo que aprendáis en esta clase os servirá para instalar cualquier tipo de gestor de contenidos (incluidos los de comercio electrónico). Veréis como en una mañana conseguiremos una página web plenamente funcional!

Idioma de la clase: Es posible que a esta clase se apunten alumnos del Master en Euroasian International Business, si alguno de ellos no habla castellano la clase se impartiría en Inglés… aunque no sufráis porque iré pasando mesa por mesa revisando lo que vais haciendo y ayudando a quien tenga dificultades.

Si eres un alumno y la semana del 23 de julio aún no has recibido el aviso de la universidad y deseas asistir a esta clase, por favor, envíame un email.

Nos vemos, un abrazo.

Investigación y los gestores de referencias bibliográficas 2.0

Uno de mis objetivos a corto plazo (entiéndase “corto” como a 3 años vista, aprox.) es realizar un doctorado relacionado con Internet. Para ello, por si impartir clases en la UAB, ofrecer conferencias, dirigir una empresa y ser madre de 3 hijos, fuese poco, ahora estoy cursando un máster en Sociedad de la Información y he escogido la rama del máster dedicada a la investigación para poder empezar el doctorado el próximo año.

A raíz de los trabajos que tengo que realizar para el máster, me he visto obligada a utilizar un gestor de referencias bibliográficas. Para quien no sepa qué es esto, un gestor de referencias es un programa que de forma automática almacena la información que hace referencia a artículos, libros, posts, etc. y facilita su posterior inserción en citas cuando estamos escribiendo un texto. También crea de forma automática la bibliografía y estandariza su formato.

Existen muchos tipos de gestores bibliográficos, tanto de software libre como de pago, de escritorio u online, y una gran parte de ellos se pueden integrar a Word y al navegador de internet que utilices. (Encontrarás más info sobre estos programas en este post de Abysnet)

Después de probar algunos de ellos, he optado por Zotero (www.zotero.org).

Este programa es online, se integra en Firefox para poder grabar automáticamente las referencias que vamos obteniendo por internet (no se integra en Explorer), y se integra en Word, para ir citando, de forma automática todas las referencias que hemos introducido en nuestra base de datos, y para crear la bibliografía a la que hace referencia el documento en el que trabajamos.

Zotero, además, dispone de una red social basada en compartir bibliografía relacionada con temas específicos.

Como de momento voy a centrarme en investigar las ventajas de la incorporación online del comercio tradicional, así como los factores clave de éxito de estos comercios cuando se deciden a tener presencia en la red, he creado un grupo dedicado a compartir bibliografía que hace referencia a este campo de investigación.

El grupo es abierto y cualquiera puede formar parte de él. De momento estoy yo sola (lo cree ayer), pero si te interesa investigar sobre este tema, puedes unirte a mi grupo clicando aquí (eCommerce & Digital Marketing) y contribuir a crear una buena base bibliográfica.

Por otro lado, si alguien más está usando Zotero y desea que compartamos trucos, consejos, etc. estaré encantada de hacerlo. Ahora mismo, por ejemplo, estoy tratando de descubrir cómo tengo que escribir los artículos de un post de un blog para que de forma automática Zotero los reconozca y con un solo clic se puedan incorporar a su base de datos (… miraré los plugins para WordPress a ver si encuentro alguno que me sirva. Cualquier ayuda al respecto será muy apreciada).

Nota posterior: ya he encontrado un plugin para WordPress que convierte los post en datos fácilmente interpretables para gestores de referencia tipo Zotero. Puede descargarse aquí: Plugin para WordPress

Nos hablamos.