Curso de Competencias Tecnológicas para

Transcripción

Curso de Competencias Tecnológicas para
Curso de Competencias Tecnológicas
para Community Managers
Asignatura 1: Supervisión de Sitios Web
Página
___________________________________________________________________________________________
, www.cursocommunityfuned.com, [email protected]
Fundación UNED, Curso de Competencias Tecnológicas para CMs 4ª Ed. – Octubre 2013, www.cursocommunityfuned.com
1
Bloque 2. Gestores de Contenido (CMS)
Índice
Gestores de Contenido (CMS)
1. Gestores de Contenidos (CMS) ..................................................................3
1.1 Introducción ....................................................................................3
1.2 CMS para webs básicas y blogs ..............................................................9
1.2.1 Wordpress.com ..............................................................................9
1.2.2 Blogger...................................................................................... 13
1.2.3 Google Sites ............................................................................... 15
1.3 Wordpress.org, el CMS de referencia para un proyecto estándar de un Community
Manager ............................................................................................ 18
1.4 CMS para webs avanzadas y portales .................................................... 23
1.4.1 Joomla ...................................................................................... 23
1.4.2 Drupal ....................................................................................... 29
1.5 Otros CMS de interés ....................................................................... 30
1.5.1 Moodle ...................................................................................... 30
1.5.2 Miscelánea ................................................................................. 31
2. Plugins Sociales ................................................................................. 32
2.1 Plugins nativos de las grandes redes sociales .......................................... 32
2.1.1 Plugins de Facebook ...................................................................... 32
2.1.2 Widgets de Twitter ....................................................................... 39
3. Redifusión Web (RSS) .......................................................................... 41
3.1 Difundir una fuente web con Feedburner ............................................... 43
3.2 Leer desde un lector de RSS ............................................................... 44
4. Usabilidad y Accesibilidad .................................................................... 45
4.1 Introducción .................................................................................. 45
4.2 Usabilidad .................................................................................... 49
4.2.1 Principios generales de la usabilidad ................................................. 50
4.2.2 El ABC de la usabilidad (Consejos prácticos) ........................................ 52
4.3 Accesibilidad ................................................................................. 55
4.3.1 ¿Cómo hacer que tu sitio Web sea accesible? ....................................... 56
4.3.2 Como Community Manager, ¿qué debo saber sobre Accesibilidad web? ........ 58
Página
___________________________________________________________________________________________
, www.cursocommunityfuned.com, [email protected]
Fundación UNED, Curso de Competencias Tecnológicas para CMs 4ª Ed. – Octubre 2013, www.cursocommunityfuned.com
2
5. Consejos prácticos sobre el manejo de CMS ............................................... 58
5.1 El ABC de la seguridad ..................................................................... 58
5.2 El ABC de las copias de respaldo ......................................................... 62
1. Gestores de Contenidos (CMS)
1.1 Introducción
Un sistema de gestión de contenidos (Content Management System, CMS) es
un programa que permite crear una estructura de soporte (framework) para editar,
gestionar y publicar contenidos de un medio digital (un sitio web1). La utilización de
estas aplicaciones por parte de un profesional del social media o del marketing online es
casi inevitable, ya sea en la gestión de un blog personal, de un foro o en la publicación
de artículos, u otros contenidos digitales, en un sitio web corporativo.
A través de un sistema de permisos y roles (como Administrador, Editor,
Redactor, Usuario sin permiso de edición, etc.) se asignan niveles de acceso a los
usuarios. De esta forma, un usuario solamente podrá modificar unos aspectos concretos
del sitio web en función de su perfil.
Una característica identificativa de los CMS es que gestionan la apariencia del
sitio web (la estética) de forma independiente al resto de información. Gracias a esta
característica, es posible pasar de una plantilla a otra con unos simples clics, incluso
cuando hay contenido publicado. La parte estética del diseño es solventada, en la
mayoría de los casos, mediante plantillas editables.
La tendencia de Internet es ir hacia portales con más y más contenidos, en los
que participan muchos tipos de usuarios a través de foros, blogs y otros medios sociales.
Este escenario ha convertido a los CMS en una herramienta imprescindible para
empresas, organismos e incluso para muchos particulares, ya que permiten la
generación colaborativa de contenidos sin la necesidad de recurrir a un experto en
programación. Vemos cómo la reducción de costes de producción y mantenimiento es
evidente.
Los gestores de contenidos funcionan a través del navegador. Su utilización es
muy sencilla, ya que está orientado a usuarios sin unos conocimientos técnicos
especiales. Como resultado, a través de un interfaz siempre sencillo y asequible, se
podrá crear el contenido digital que deseemos y dejarlo publicado en la Web.
En la práctica, los gestores de contenidos podrían catalogarse en dos tipos: los
que permiten a un usuario sin conocimientos técnicos crear y mantener un sitio web y
los que requieren la intervención de un desarrollador web. En cualquier caso, la
Fundación UNED, Curso de Competencias Tecnológicas para CMs 4ª Ed. – Octubre 2013, www.cursocommunityfuned.com
Página
En este documento se utilizan indistintamente los términos página web, portal web, sitio web, web y
site.
___________________________________________________________________________________________
, www.cursocommunityfuned.com, [email protected]
3
1
participación de un técnico especialista siempre está ligada a cierta complejidad y
envergadura del proyecto y es mínima en proporción al volumen de contenidos,
participantes y actividad gestionada.
La implicación un perfil técnico (normalmente administrador del sistema) puede
posibilitar la coordinación de un equipo de decenas de generadores de contenido (como
redactores, editores, etc.).
Un ejemplo muy ilustrativo de este sistema de edición web es el de un periódico
digital (uno de los sectores más precoces en el uso de CMS). Este tipo de portales se
caracteriza por contener gran cantidad de páginas y un flujo permanente de contenido
actualizado (noticias de última hora son actualizadas incluso varias veces el mismo día).
Por otra parte, la mayoría de las personas implicadas no poseen un perfil de
desarrollador web.
A través del gestor de contenidos, un amplio abanico de roles participan en
armonía en el mantenimiento y la publicación de noticias. Editor, redactores,
maquetadores, equipo de diseño, moderadores de foros y administradores del site,
interactúan con el CMS en la faceta que le corresponde a cada uno. Todos participan
directamente en el proceso de publicación en la Web.
Otro ejemplo muy cercano es la plataforma de e-learning con la que se realiza
este curso. Se trata de un gestor de contenidos (documentos, archivos, publicación en
foros, mensajería interna, etc.) en el que se desarrolla un proyecto con diferentes tipos
de usuarios (alumnos, profesores, coordinadores y soporte informático). Cada tipo de
usuario posee unos permisos específicos y, gracias a ellos, desarrolla su papel con
coherencia. En este caso es un entorno cerrado (solo para los participantes del curso),
pero es un sitio web en el que todos los usuarios publicamos contenidos.
CMS privados y CMS Open Source/Software libre
Los CMS comúnmente conocidos son herramientas para administrar sitios web
de forma sencilla. Además existen CMS desarrollados por empresas privadas que
buscan dar servicio personalizado a aquellas otras que van más allá en sus necesidades.
Estas soluciones de software propietario2 son implementadas ad hoc con nuevas
funciones específicas en función de las características solicitadas.
Para el resto de soluciones, la buena noticia del entorno de los gestores de
contenido para la gestión de sitios web, es que se encuentra dominado por soluciones
provenientes del movimiento Open Source . Son productos que han alcanzado un gran
Fundación UNED, Curso de Competencias Tecnológicas para CMs 4ª Ed. – Octubre 2013, www.cursocommunityfuned.com
Página
Un software propietario es un programa informático que no posee una licencia de uso libre. Los
derechos de utilización de ese software pertenecen a una empresa.
___________________________________________________________________________________________
, www.cursocommunityfuned.com, [email protected]
4
2
nivel de calidad y desarrollo, con los que las soluciones comerciales no pueden
competir (ya que se enfrentan a un gran servicio de carácter gratuito).
Herramientas con licencia GPL3, de
uso libre, y que cuentan con una comunidad
de
desarrolladores
que
continúan
desarrollando y actualizando su software. En
Internet puede encontrarse abundante
documentación para el aprendizaje y puesta
en marcha de estos CMS.
Para modelos de negocio basados en
Internet o que proporcionen un servicio a
través de un site, un gestor de contenidos es
la herramienta idónea para hacer de eje
central del proyecto. Los promotores del
negocio, que en muchos casos no poseen
perfiles técnicos, pueden sumergirse en la
herramienta y participar en primera persona
en la marcha y perfeccionamiento del site.
La elección del CMS a utilizar deberá
contrastarse con un experto en desarrollo
web y serán determinantes la naturaleza y las
necesidades del proyecto. Una de las
decisiones críticas pasa por adoptar una
solución de código abierto o de software
propietario. Ante esta tesitura, deberemos
contar con el hecho de que el software
propietario presenta un inconveniente: no es
Fuente: Ejemplos de plantillas de un CMS de
http://es.wix.com/
posible cambiar de equipo de desarrollo una vez
iniciado el proyecto (solamente la empresa que
desarrolla ese software posee los derechos de uso y el know how necesario). Esta
imposición, a medio y largo plazo, ha generado la pérdida de competitividad y
conflictos internos en muchos proyectos empresariales.
En cambio, las soluciones de Open Source no implican este compromiso: es
posible cambiar de equipo humano técnico o empresa proveedora y que continúen
realizando el mantenimiento y desarrollando la herramienta (ya que son sistemas
abiertos conocidos por muchos desarrolladores).
Fundación UNED, Curso de Competencias Tecnológicas para CMs 4ª Ed. – Octubre 2013, www.cursocommunityfuned.com
Página
http://es.wikipedia.org/wiki/GNU_General_Public_License
___________________________________________________________________________________________
, www.cursocommunityfuned.com, [email protected]
5
3
Funcionamiento
La aplicación CMS y el sitio web que se administra, se encuentran en el mismo
servidor web. Como se ha mencionado anteriormente, los usuarios acceden al gestor de
contenidos usando un navegador y, en ciertos casos, puede ser necesario emplear un
acceso FTP (utilizando para ello un cliente FTP).
Fuente: Esquema de CMS de http://farboleda.wordpress.com
A través de una comunicación de tipo Cliente – Servidor:
1. Los usuarios navegan por el gestor de contenidos haciendo peticiones, al
tiempo que el servidor va sirviendo las páginas que el usuario le solicita.
2. El CMS aplica las acciones en el sitio web gestionado, definiendo el estilo
del sitio, creando páginas y editando artículos, entre otras muchas
funciones.
3. Y todo ello es realizado manipulando los datos del servidor. De donde
también extrae la información que necesita para construir cada página, que
será mostrada al usuario en función de sus permisos (determinante para lo
que debe aparecer o no en pantalla).
Página
___________________________________________________________________________________________
, www.cursocommunityfuned.com, [email protected]
Fundación UNED, Curso de Competencias Tecnológicas para CMs 4ª Ed. – Octubre 2013, www.cursocommunityfuned.com
6
Los niveles de acceso de los usuarios es una forma de limitar su capacidad de
acción. Se utiliza definiendo a través de permisos muy específicos las posibilidades de
edición de cada grupo de usuarios. Estos grupos son los denominados roles, y se
definen en función de la naturaleza del proyecto.
Los CMS más utilizados
Existe una gran variedad en función de sus funcionalidades.
 Gestión de Portales/Páginas Web avanzadas. Estos CMS sirven para
gestionar todo el contenido de un Sitio Web ofreciendo un interfaz más
técnico para desarrolladores pero permitiendo que otros perfiles
profesionales participen directamente en la edición y publicación de
contenidos. Actualmente, Joomla! ha conseguido una gran popularidad en
los últimos años convirtiéndose en el más utilizado para gestionar sitios
web. Otra solución muy extendida es Drupal.
 Blogs/Páginas webs sencillas. Existen soluciones muy básicas para
usuarios sin conocimiento técnicos como Google Sites u otras soluciones
privadas como Weebly, para crearse páginas web institucionales clásicas.
En la mayoría de los proyectos para Community Manager, una solución
todo en uno Blog/web sencilla suele ser la mejor solución para Autónomos,
micro empresas y PYMES. Los dos CMS más populares son Blogger (la
solución de Google) y Wordpress que viene en 2 modalidades, una gratuita
en la nube, como Blogger y otra como paquete instalable en un plan de
alojamiento especifico (Wordpress.org).
Según Builtwith, una agencia que realiza estudios sobre tendencias en Internet,
la utilización de los distintos CMS se reparte en la siguiente proporción.
Página
___________________________________________________________________________________________
, www.cursocommunityfuned.com, [email protected]
Fundación UNED, Curso de Competencias Tecnológicas para CMs 4ª Ed. – Octubre 2013, www.cursocommunityfuned.com
7
Fuente: Estudio de Usos de CMS realizado en marzo de 2013 por
Buildwith. http://trends.builtwith.com/cms
Analizando las búsquedas de Google Insights también podemos ver cómo
Wordpress ha ido evolucionando año tras año en detrimento del resto de gestores de
contenido (especialmente Joomla que ha sufrido una importante crisis desde 2009/2010)
Fuente: Tendencias de búsqueda de Google (http://www.google.es/trends/)
¿Cómo seleccionar tu plataforma?
Cada proyecto es distinto, pero a modo de indicación, he aquí un algoritmo de
decisión muy sencillo para ayudarte a tomar la buena decisión:
PASO 1 - ¿Es un prototipo?
 Sí: apuesta por una solución en la nube gratuita (Wordpress.com/Blogger,
Google Sites o Weebly).
 No: Ir a Paso 2.
PASO 2 -¿Es un proyecto sencillo para PYMES/autónomos?
 Sí: apuesta por un todo en uno basado en Wordpress.org, alojado en el plan
de Hosting que habrás seleccionado.
Página
___________________________________________________________________________________________
, www.cursocommunityfuned.com, [email protected]
Fundación UNED, Curso de Competencias Tecnológicas para CMs 4ª Ed. – Octubre 2013, www.cursocommunityfuned.com
8
 No: Ir a Paso 3.
PASO 3 -¿Es un proyecto complejo con grupos de usuarios y roles?
 Sí: apuesta por un todo en uno basado en Joomla o Drupal, alojado en el
plan de Hosting que habrás seleccionado. En este caso, el cliente debería
tener un departamento técnico que te ayude a seleccionar la plataforma y a
implementar el proyecto. Es más, en muchos casos, el CMS te vendrá
impuesto por parte del cliente.
Wordpress.org también ha evolucionado mucho en estos años y ha entrado a
competir con estos CMS en la realización de proyectos complejos. Como
ejemplo, la propia plataforma cuenta con un servicio de hosting VIP donde
incluye a grandes clientes (CNN, CBS, Samsung…) que han desarrollo su
sitio o parte de su sitio con Wordpress: http://vip.wordpress.com/clients/
Si el cliente te pide trabajar con una plataforma que nunca has manejado, ten
cuidado. A veces es mejor saber rechazar una oportunidad que meterse en líos.
1.2
CMS para webs básicas y blogs
1.2.1 Wordpress.com
Al introducir en el buscador Google el término ―Wordpress‖, el primer resultado
de búsqueda es:
―WordPress.com — Consiga un blog gratis aquí‖
Según su creador, Matt Mullenweg, en agosto de 2011, el 14.7% de todos los
sitios existentes en internet habían sido creados con esta herramienta4.
Esto son solamente dos pinceladas sobre el monstruo Wordpress. Un gestor de
contenidos Open Source, con licencia GPL, que ha sabido conquistar el corazón de la
blogosfera. En un momento en que una gran necesidad emergía de los internautas, la
propuesta de este CMS ha tocado las teclas adecuadas: ―aquí tienes tu sitio web, es
gratis, es de calidad, no tiene nada que envidiar a cualquier otra opción tecnológica, y
no necesitas más que interés para llevarlo a cabo (nada de informáticos)‖.
No es necesario recurrir a un desarrollador web para crear un sitio web en
Wordpress. Ofrece una amplia documentación a lo que hay que añadir que, en caso de
encontrar alguna dificultad usando esta herramienta, siempre se puede consultar al
Fundación UNED, Curso de Competencias Tecnológicas para CMs 4ª Ed. – Octubre 2013, www.cursocommunityfuned.com
Página
http://wordpress.org/news/2011/08/state-of-the-word/
___________________________________________________________________________________________
, www.cursocommunityfuned.com, [email protected]
9
4
servicio de soporte técnico de Wordpress o bien visitar los foros de ayuda en español.
Desde su nacimiento en 2004, ha sido la herramienta más utilizada para la
creación de blogs o bitácoras personales y siempre ha tenido una clara orientación al
usuario particular. Al igual que otras herramientas, como Joomla! o Drupal, Wordpress
también consta de una comunidad, especialmente numerosa, de desarrolladores y
diseñadores que han hecho que goce de una evolución vertiginosa. Tanto es así, que
actualmente ya no es una herramienta apta exclusivamente para la creación de blogs: es
considerada válida para creación de páginas web y es posible implementar todas las
funcionalidades que ofrecen otros CMS.
La filosofía de Wordpress está muy ligada al cumplimiento de los estándares de
W3C. Los metadatos siempre han tenido mucho protagonismo en el sistema, lo que
generalmente ha ocasionado buenos resultados de posicionamiento en buscadores (con
el consiguiente volumen de tráfico).
Llegados a este punto, es preciso hacer una diferenciación entre wordpress.com
y wordpress.org, puesto que son dos soluciones CMS diferentes.
Características de Wordpress.com
Página
___________________________________________________________________________________________
, www.cursocommunityfuned.com, [email protected]
Fundación UNED, Curso de Competencias Tecnológicas para CMs 4ª Ed. – Octubre 2013, www.cursocommunityfuned.com
10
El portal wordpress.com ofrece la versión más sencilla del gestor de contenidos.
Permite crear un site empleando el mínimo esfuerzo y sin necesidad de preocuparse por
la gestión del sitio, el mantenimiento, las copias de seguridad, las actualizaciones ni el
alojamiento. Todo ello es resuelto por el equipo de Wordpress de forma transparente al
usuario, que solamente debe preocuparse de introducir los contenidos y elegir entre las
opciones que le ofrece el sistema (como, por ejemplo, el diseño estético mediante una
plantilla).
Página de entrada de http://es.wordpress.com/
Para registrarse en wordpress.com, y crear un sitio
con dominio
www.nombre.wordpress.com, simplemente tendremos que facilitar una dirección de
correo electrónico y un nombre de usuario.
Todo son facilidades para que ningún usuario se quede fuera. La contrapartida
de este planteamiento se traduce en algunas limitaciones:
 El alojamiento es gratuito y tiene un espacio limitado (3GB).
 No es posible configurar un dominio propio, se utiliza uno terminado en
―.wordpress.com‖.
 El número de plantillas es bastante limitado, a pesar de que está en
constante crecimiento.
Página
___________________________________________________________________________________________
, www.cursocommunityfuned.com, [email protected]
Fundación UNED, Curso de Competencias Tecnológicas para CMs 4ª Ed. – Octubre 2013, www.cursocommunityfuned.com
11
 La personalización de estas plantillas es muy limitada y no es posible añadir
nuevas funcionalidades no previstas en ellas.
 No es posible subir vídeos en HD para reproducir en streaming.
 No es posible incluir publicidad en el site para rentabilizar el tráfico (por
ejemplo a través de Google Adsense). Wordpress penaliza la publicidad en
esta versión incluso con el cierre del site.
 En esta versión de Wordpress, es posible que se muestre publicidad no
gestionada por el usuario sino por la propia herramienta para mantener su
carácter gratuito.
Extensiones de Pago en Wordpress.com
Existe una versión intermedia para usuarios que no se sienten preparados para
dar el salto a gestionar su propio site, pero que la opción .com se les queda pequeña.
Esta opción consiste en utilizar la versión wordpress.com superando las limitaciones de
espacio de disco, dominio propio, personalización de diseño y eliminación de la
publicidad de Wordpress. La parte engorrosa sigue siendo gestionada por Wordpress, es
decir, el usuario no necesita realizar gestiones ni tener ningún contacto con código
HTML ni accesos FTP.
Página
___________________________________________________________________________________________
, www.cursocommunityfuned.com, [email protected]
Fundación UNED, Curso de Competencias Tecnológicas para CMs 4ª Ed. – Octubre 2013, www.cursocommunityfuned.com
12
La solución que Wordpress presenta consiste en pagar una cuota anual por cada
limitación vencida (20€ anuales por dominio propio, 25€ anuales por suprimir la
publicidad de Wordpress, etc.). De este modo financian el soporte necesario para dar
cabida también a los usuarios que se encuentran a mitad de camino entre las opciones
.com y .org.
A pesar de aumentar sus posibilidades, esta opción de pago no puede
compararse con el potencial que ofrece la instalación del CMS completo (o
wordpress.org) que veremos más adelante.
1.2.2 Blogger
En 1999 nacía de la mano de la empresa Pyro Labs como un
sistema CMS de creación de blogs. Rápidamente tuvo un gran éxito,
debido fundamentalmente a su facilidad de uso y al hecho de ser una
de las primeras herramientas de su género.
Google compró Pyro Labs en 2003, convirtiéndose progresivamente en lo que
conocemos hoy: el servicio gratuito de Google de creación de blogs.
Principales características:
Página
___________________________________________________________________________________________
, www.cursocommunityfuned.com, [email protected]
Fundación UNED, Curso de Competencias Tecnológicas para CMs 4ª Ed. – Octubre 2013, www.cursocommunityfuned.com
13
 Su utilización requiere una cuenta Google.
 Hay una clara orientación a la utilización de Google Adsense para
rentabilizar el blog.
 La barra para navegadores de Google tiene una funcionalidad denominada
―Blog This!‖ para que los usuarios de Blogger publiquen directamente
entradas en su blog.
 Google Docs y Picasa permiten publicar contenidos directamente en
Blogger.
 Pertenecer a la aristocracia web también conlleva otras ventajas, como que
el editor de textos Microsoft Word posea una aplicación propia para la
publicación directa en blogs, entre ellos Blogger.
 Google+ se integra fácilmente en Blogger.
El resultado es una herramienta de creación y mantenimiento de blogs
personales apta para usuarios sin conocimientos técnicos especiales. Con un interfaz
muy intuitivo, es un servicio gratuito con las ventajas añadidas mencionadas de
pertenecer a la red Google.
Guarda cierta analogía con la propuesta del servicio Wordpress.com, en cuanto a
la gestión transparente para el usuario del mantenimiento, gestión y actualizaciones de
software. En este caso, los blogs creados poseen un dominio terminado en
blogspot.com.es, aunque existe la posibilidad de personalizar este punto.
Página
___________________________________________________________________________________________
, www.cursocommunityfuned.com, [email protected]
Fundación UNED, Curso de Competencias Tecnológicas para CMs 4ª Ed. – Octubre 2013, www.cursocommunityfuned.com
14
Página de inicio del servicio de Blogger en español, www.blogger.com/start?hl=es
Vista del editor WYSIWYG de Blogger, con los servicios de Google integrados
1.2.3 Google Sites
Google Sites es una aplicación online
del tipo CMS creada por la empresa Google
(servicio en la nube).
El planteamiento de esta herramienta es que cualquier usuario, independiente
de su nivel de conocimientos técnicos, pueda crear y publicar un sitio web de forma
gratuita simplemente realizando la configuración a través del navegador. No requiere
ninguna codificación HTML. Es posible crear páginas webs, foros, tablones de anuncios
y blogs (supera en simplicidad a Wordpress o Blogger en la publicación de artículos).
Página
___________________________________________________________________________________________
, www.cursocommunityfuned.com, [email protected]
Fundación UNED, Curso de Competencias Tecnológicas para CMs 4ª Ed. – Octubre 2013, www.cursocommunityfuned.com
15
Un atractivo adicional de esta herramienta es la familia de servicios de Google
que son fácilmente integrables en el site, como G. Docs, G. Talk, G. Maps, G. Calendar,
Picasa y muchos gadgets con funcionalidades específicas (RSS, multi-idioma, buscador
integrado, etc).
Este tipo de CMS son muy amigables y de una enorme sencillez. El gran
inconveniente de esta solución tecnológica son las rigideces del sistema, no es posible
reprogramar nuevas funciones ni salirse de las posibilidades marcadas por Google.
No está prevista la compatibilidad con otras tecnologías. El modelo de negocio
de Google está pensado para complementar herramientas de la misma casa. Este
enfoque está habitualmente presente en todos sus servicios.
Es la solución idónea para un proyecto web de bajo presupuesto en el que no se
cuenta con la participación de un desarrollador web. Es habitual su uso para la creación
de páginas personales o de pequeñas empresas locales.
Edición colaborativa y sencillez
El CMS Google Sites se vale de plantillas para la creación y personalización de
los sites. La edición puede hacerse de forma individual o de forma colaborativa.
___________________________________________________________________________________________
, www.cursocommunityfuned.com, [email protected]
Fundación UNED, Curso de Competencias Tecnológicas para CMs 4ª Ed. – Octubre 2013, www.cursocommunityfuned.com
Página
 Propietarios:
o Gestionan el sitio.
o Añaden, gestionan y eliminan el contenido.
o Modifican el aspecto visual.
16
En la sección de roles y usuarios podemos diferenciar 3 tipos de usuarios dentro
de Google Sites:
 Colaboradores:
o Pueden editar el contenido.
o Tienen permisos para insertar comentarios o subir documentos y
archivos.
 Lectores:
o Cualquier visitante.
o Pueden acceder al sitio por medio de una invitación.
o No tienen permisos de modificación ni creación de contenido.
Respecto a la publicación, se contemplan dos formas de uso:

Sites públicos:
o Para todo el público en la web. (No necesita iniciar sesión).
o Cualquier usuario que le proporcionemos el enlace de nuestro site. Sin
inicio de sesión. (A diferencia de la anterior ésta no estará disponible
en los resultados de búsqueda de los buscadores).
 Sites privados:
o De forma Privada y que requiere iniciar sesión para acceder al sitio.
Historial de Revisiones
Página
___________________________________________________________________________________________
, www.cursocommunityfuned.com, [email protected]
Fundación UNED, Curso de Competencias Tecnológicas para CMs 4ª Ed. – Octubre 2013, www.cursocommunityfuned.com
17
El historial de revisiones de Google Sites proporciona la información detallada
sobre el control de cambios de las paginas y archivos del sitio. Es posible realizar un
control de cambios con fechas, autores de los cambios realizados y restablecimiento de
la página a cualquier versión anterior.
1.3 Wordpress.org, el CMS de referencia para un proyecto
estándar de un Community Manager
Wordpress.org ofrece la versión del CMS totalmente editable.
Es un planteamiento muy diferente al anterior que va dirigido a otro tipo de
usuario. En este caso se eliminan todas las limitaciones y se deja accesible todo el
potencial de la herramienta, trasvasando al usuario grandes responsabilidades y tareas
de mantenimiento.
Además de poseer unos conocimientos técnicos más amplios, es preciso contar
con un hosting donde alojar el sitio web creado. Wordpress no proporciona un espacio
de hosting gratuito para esta versión.
No es preciso descargar el paquete de software e instalarlo en el hosting a través
de una conexión FTP, puedes usar un servicio como QuickInstall o Fantastico que
hemos repasado en el bloque anterior sobre Fundamentos de la Ingenieria Web.
El usuario también es responsable del mantenimiento y la actualización del
sistema. Por lo que la responsabilidad de que el site permanezca funcionando recae
ahora sobre el usuario. Esta experiencia puede ser muy gratificante y aportar muchos
conocimientos nuevos al usuario, aunque si no se posee una base técnica suficiente
también puede ser arriesgado. Una mala gestión puede generar problemas y hasta
provocar la pérdida del site.
Como decimos, en esta versión del CMS, hay muchos detalles que, mientras en
wordpress.com se gestionan de forma automática, en este caso pasan a ser
responsabilidad del usuario. Algunos ejemplos son: los aspectos relacionados con el
posicionamiento en búscadores (SEO), el filtrado de SPAM o la realización de copias
de seguridad.
Página
___________________________________________________________________________________________
, www.cursocommunityfuned.com, [email protected]
Fundación UNED, Curso de Competencias Tecnológicas para CMs 4ª Ed. – Octubre 2013, www.cursocommunityfuned.com
18
A cambio de estas tareas adicionales, se eliminan las fronteras del CMS. En el
Panel de Administración se obtiene un control total sobre la aplicación y sus
posibilidades de personalización. Es posible utilizar un mayor número de plantillas y
muchos plugins que no son compatibles con la versión de Wordpress.com. Se puede
implementar cualquier cambio en el código directamente, contando con el respaldo de la
enorme comunidad virtual que aglutina esta herramienta. En esta opción, el usuario es
realmente el dueño total del sitio web, y, como tal, es libre de insertar la publicidad que
estime oportuno para generar ingresos.
Características de Wordpress.org
Gestor de contenidos de uso sencillo.
Un CMS mucho más fácil de configurar en sus dos versiones (.org y .com) que
Joomla! o Drupal. El panel de administración es de una simplicidad ejemplar.
Todas las modificaciones se realizan vía web en el panel de control, por lo que
se puede operar desde cualquier ordenador con conexión a Internet. Los cambios
realizados se aplican de forma instantánea. Todo ello convierte a esta herramienta en
una opción muy dinámica y cómoda para el webmaster.
Páginas y Entradas
Wordpress distingue dos tipos de contenidos:
 las entradas: Son contenidos dinámicos son los propios de un blog, el
famoso ―post‖. De actualización frecuente y orden cronológico de
publicación. También está prevista la participación de otros usuarios o de
una comunidad.
 las páginas: se corresponden con aquellas que cuentan con un contenido
permanente o de escasa actualización, es decir, al contenido de una página
web corriente.
Estas dos vertientes pueden convivir en un mismo site, creando cualquier tipo
de medio digital: desde una página web completamente estática a un portal con
secciones de opinión tipo blog, foros, encuestas y mini chats (estos dos últimos
instalando widgets específicos).
Taxonomia
Este CMS utiliza un sistema de organización de contenidos mediante categorías
y tags (etiquetas). Tanto para la gestión interna como para la publicación, es una forma
muy sencilla de jerarquizar los contenidos.
___________________________________________________________________________________________
, www.cursocommunityfuned.com, [email protected]
Fundación UNED, Curso de Competencias Tecnológicas para CMs 4ª Ed. – Octubre 2013, www.cursocommunityfuned.com
Página
Es posible representar listados organizados de los contenidos, o agruparlos en
función de sus temáticas. Pueden mostrarse a través de menús jerárquicos de páginas
estáticas, mediante desplegables, usando nubes de tags, etc. Hay un gestor de menú que
19
Menús de navegación
permite crear varios menús y organizarlos como se quiera.
Usuarios
Al igual que otros CMS mencionados, Wordpress cuenta con un sistema de roles
y permisos que permite configurar a qué funciones puede acceder cada usuario.
Fiel a sus orígenes como CMS para blogs, los perfiles definidos por defecto son:

Super Admin: Quien cuenta con acceso a la característica de administración
de la red de blogs completa.

Administrador: Quien tiene acceso a todas las características de
administración de un sitio en particular.

Editor: Quien puede publicar y editar entradas, propias y de otros usuarios.

Autor: Quien puede publicar y editar sus propias entradas.

Colaborador: Quien puede escribir y editar sus propias entradas pero no
publicarlas.

Subscriptor: Quien solamente puede editar su perfil.
CODEX, el centro de documentación (Avanzado)
Puedes acceder a un montón e información avanzada (funcionalidades y
desarrollo), desde el CODEX, al que puedes acceder en español desde aquí.
Diseño
Los sitios creados con Wordpress ―arrastran sus orígenes‖. Y es que se cree que
su estética emula a un blog, de modo que una página web parecería un blog.
Actualmente, esta creencia no tiene ningún fundamento.
Página
___________________________________________________________________________________________
, www.cursocommunityfuned.com, [email protected]
Fundación UNED, Curso de Competencias Tecnológicas para CMs 4ª Ed. – Octubre 2013, www.cursocommunityfuned.com
20
Wordpress también trata los contenidos de forma independiente de la estética.
Existen miles de plantillas o temas (themes) disponibles con diseños propios de páginas.
Especialmente en la versión del CMS Wordpress.org las plantillas son plenamente
configurables, por lo que es posible alcanzar cualquier estilo de sitio web.
Podemos encontrar un gran
http://wordpress.org/extend/themes/.
catálogo
de
estos
complementos
en
Extensiones (Plugins y Widgets)
Los plugins (y widgets) de Wordpress son paquetes de código que pueden
añadirse modularmente al sitio web, aportándole nuevas funcionalidades.
Su inclusión es extremadamente sencilla y generalmente suelen ubicarse en las
barras laterales de los temas predefinidos. La mayoría de estos complementos solo
pueden utilizarse en la versión completa del CMS (wordpress.org).
Panel de administración,
SEO,
Backup,
etc.
___________________________________________________________________________________________
, www.cursocommunityfuned.com, [email protected]
Fundación UNED, Curso de Competencias Tecnológicas para CMs 4ª Ed. – Octubre 2013, www.cursocommunityfuned.com
Página




21
Un widget suele ser un sub-elemento de un plugin, visible para el usuario que
visita la web. Algunos plugins no tienen widgets, ya que tienen como objetivo de
mejorar una funcionalidad de Wordpress sin que sea visible para un visitante:
Podemos encontrar un gran
http://wordpress.org/extend/plugins.
catálogo
de
estos
complementos
en
Temas Premium (de pago)
Existen muchos proveedores de temas premium (de pago) para Wordpress. Estos
temas ofrecen funcionalidades avanzadas que se puede activar/personalizar desde un
gestor de tema específico a cada proveedor. La idea es de ofrecer mucha flexibilidad y
capacidades de personalización a perfiles NO técnicos, gente que no sabe programar o
maquetar.
Empieza tus búsquedas sobre temas Premium en:
Página
___________________________________________________________________________________________
, www.cursocommunityfuned.com, [email protected]
Fundación UNED, Curso de Competencias Tecnológicas para CMs 4ª Ed. – Octubre 2013, www.cursocommunityfuned.com
22
 WooThemes
 Elegant Themes
 Themes Forest
El precio de un tema Premium es variable, pero no debería costarte más de 40 a
100 US$, en función de si compras tus actualizaciones de tema para un año o toda la
vida.
Desde luego, para un Community Manager, se trata de la mejor inversión
posible si no quieres tener una web del montón que se parezca a la plantilla por defecto
de Wordpress.org.
1.4
CMS para webs avanzadas y portales
1.4.1 Joomla
Joomla! es un sistema de gestión de contenidos web de código abierto. Permite
crear y mantener sitios web de forma sencilla. Para su funcionamiento, requiere la
configuración de una base de datos (MySQL), lo cual complica algo (comparado con
Wordpress.org) al usuario raso la creación de portales sin recurrir a un
desarrollador web.
___________________________________________________________________________________________
, www.cursocommunityfuned.com, [email protected]
Fundación UNED, Curso de Competencias Tecnológicas para CMs 4ª Ed. – Octubre 2013, www.cursocommunityfuned.com
Página
Desde su nacimiento, Joomla! ha sido un abanderado del software libre. Todo
comenzó el verano de 2005 cuando uno de los CMS de open source punteros en ese
momento, Mambo, dio un giro muy controvertido. Los propietarios del proyecto
decidieron cambiar la licencia de uso de la herramienta, limitando su uso en muchos
aspectos. Esto originó un conflicto interno de principios que se saldó con el abandono
del proyecto por parte de una treintena de los principales desarrolladores del equipo.
Este grupo en desacuerdo fundó ese mismo año Joolma! (palabra de origen africano que
significa ―todos juntos‖). La comunidad open source reaccionó a la noticia del cambio
en la licencia de Mambo volcándose con la nueva iniciativa. Se produjo una migración
de miles de desarrolladores, diseñadores y otros profesionales que se sumaron al grupo
inicial que se había marchado. Desde el primer momento, innumerables comunidades
relacionadas con el código abierto se volcaron e insuflaron mucha energía a este
proyecto, que hoy representa una de las alternativas CMS más utilizadas. Muchos
autores lo consideran una demostración del potencial que pueden alcanzar las
23
A pesar de este escollo, una vez el sitio está creado, el punto fuerte de este CMS
es la facilidad con la que todo tipos de usuarios pueden manipular sus contenidos
(valiéndose del uso de roles).
soluciones de software libre cuando existe una comunidad global con gran implicación
trabajando en su desarrollo.
Fue en enero de 2008 cuando se publicó la primera versión estable 5 del
software, Joomla! 1.5. Actualmente, se encuentra disponible la versión 2.5 y se sitúa
como uno de los tres gestores de contenidos más usados en todos los estudios del sector.
Ventajas y características
La clave de su funcionamiento y de su sencillez se debe a que está basado en
módulos y complementos. Existen cientos de ellos y cubren todo tipo de
funcionalidades. El sistema de creación de sitios web con Joomla! consiste en
complementar todos estos componentes modulares, que siempre son fácilmente
integrables. Esta composición por módulos ofrece resultados de gran limpieza estética.
Un buen ejemplo de ello
(www.cursocommunityfuned.com).
es
la
página
web
de
este
curso
Fundación UNED, Curso de Competencias Tecnológicas para CMs 4ª Ed. – Octubre 2013, www.cursocommunityfuned.com
Página
Una versión estable de un software está testada y funciona correctamente. En soluciones open source se
publican versiones anteriores denominadas beta para que la comunidad las pruebe y se detecten fallos.
___________________________________________________________________________________________
, www.cursocommunityfuned.com, [email protected]
24
5
A continuación se enumeran las características más importantes de este gestor de
contenidos.
 Sencillez en la organización del sitio web: organiza sus contenidos en
secciones y categorías que se gestionan a través de un panel de
administración (muy logrado para los administradores).
 Facilidad para la publicación de Contenidos: desde un sencillo editor,
cualquier usuario puede editar y publicar
páginas.
 Escalabilidad e implementación de nuevas
funcionalidades: uno de los aspectos más
característicos de Joomla! son sus
complementos y módulos. La posición que
ocupan en la página es flexible y aportan
funcionalidades muy interesantes para un sitio
web (ej.: plugins sociales, galerías de
imágenes, foros o newsletters).
Fuente: Ejemplo de módulo de Joomla! de
www.cursocommunityfuned.com
___________________________________________________________________________________________
, www.cursocommunityfuned.com, [email protected]
Fundación UNED, Curso de Competencias Tecnológicas para CMs 4ª Ed. – Octubre 2013, www.cursocommunityfuned.com
Página
 Potente administrador de usuarios: los niveles de acceso de los usuarios
se crea mediante una jerarquía definida a través de roles y permisos
25
 Estructura y estética del sitio web: la navegación y el menú principal son
totalmente editables. Las líneas generales de diseño se definen utilizando el
sistema de plantillas predefinidas. Alternar entre unas plantillas y otras es
inmediato.
(redactor, administrador, etc.).
 Otras ventajas: incorpora un sistema de noticias RSS de generación
automática, un administrador de anuncios para disposición de banners en la
web y un sistema de estadísticas sobre el tráfico, entre muchas otras
funciones previstas.
Listado de recursos Joomla! en Español
URL: http://docs.joomla.org/
En este sitio web tenemos toda la documentación oficial que hay sobre el CMS
Joomla. La información está clasificada según los roles que precises:
 Principiantes (Beginners): http://docs.joomla.org/Beginners
Información para comenzar a trabajar con este gestor de contenidos a través
de una serie de artículos que nos explican cómo hacer distintas cosas (crear
un menú, gestionar imágenes, crear una galería...). También están
disponibles enlaces a foros específicos según la versión del CMS.
___________________________________________________________________________________________
, www.cursocommunityfuned.com, [email protected]
Fundación UNED, Curso de Competencias Tecnológicas para CMs 4ª Ed. – Octubre 2013, www.cursocommunityfuned.com
Página
Información referente a la API (conjunto de funciones, métodos y clases)
necesarias para el desarrollo de extensiones (componentes, módulos, plugins
y templates). En este apartado también hay pequeños tutoriales en los que se
explica paso a paso como crear estas extensiones, clasificados por versiones
del CMS.
26
 Desarrolladores (Developers): http://docs.joomla.org/Developers
 Diseñadores (Web designers): http://docs.joomla.org/Web_designers
Información relacionada con el desarrollo de templates o plantillas para el
gestor de contenidos. Artículos que nos explican qué es cada uno de los
elementos que forman un template.
 Administradores (Administratos): http://docs.joomla.org/Administrators
Información destinada a los administradores de sitios web desarrollados con
Joomla. Minitutoriales paso a paso para la gestión de nuestro portal:
instalación, gestión de artículos, gestión de usuarios...
 Evaluadores
(Evaluators):
http://docs.joomla.org/Evaluators
Información importante para mantener seguro y optimizado nuestro sitio
web y conocer qué empresas y entidades confían en este CMS. Preguntas
frecuentes sobre seguridad (en desarrollo de extensiones, servidores, etc.);
Enlaces a demos de distintas versiones de Joomla y otros artículos de interés
general sobre el gestor de contenidos.
Desde esta página también tenemos acceso a una serie de sub-sitios que forman
el portal oficial de Joomla (www.joomla.org). Estos sub-sitios son los siguientes:
Comunidad: http://community.joomla.org/

Blogs de la comunidad que forma parte de este CMS. Artículos de interés
sobre extensiones, eventos, nuevas características, nuevas versiones...
Foros:
http://forum.joomla.org/
(con
información
http://forum.joomla.org/viewforum.php?f=24 ).
en
español:

Foros de opinión en donde puedes encontrar solución a los problemas más
comunes.
 Están clasificados por versiones y por elementos (extensiones, plantillas,
traducciones, seguridad, SEO y posicionamiento...).
Extensiones: http://extensions.joomla.org/

JED o Centro de Extensiones de Joomla en el que encontraremos
componentes, módulos y plugins para este CMS clasificadas por categorías.
Acceso al conjunto de clases y métodos que forman este gestor de
contenidos.
___________________________________________________________________________________________
, www.cursocommunityfuned.com, [email protected]
Fundación UNED, Curso de Competencias Tecnológicas para CMs 4ª Ed. – Octubre 2013, www.cursocommunityfuned.com
Página

27
API: http://api.joomla.org/
Comunidad hispana de Joomla!

http://www.joomlaspanish.org/
 http://ayudajoomla.com/
 http://comunidadjoomla.org/
Página
___________________________________________________________________________________________
, www.cursocommunityfuned.com, [email protected]
Fundación UNED, Curso de Competencias Tecnológicas para CMs 4ª Ed. – Octubre 2013, www.cursocommunityfuned.com
28
El directorio de extensiones de Joomla - http://extensions.joomla.org/extensions
Portada de la comunidad española JoomlaSpanish - http://www.joomlaspanish.org/
1.4.2 Drupal
Drupal es un gestor de contenidos similar en muchos aspectos a
Joomla!. Se considera un CMS modular, utiliza licencia GPL, y se
desarrolla a través de una comunidad de miles de usuarios de todo el
mundo que unifican sus avances en www.drupal.org.
Se caracteriza por ser una herramienta con la que se implementan sitios web de
una gran calidad de código. Lo que implica el cumplimiento de los estándares del W3C
en lo referente a usabilidad y a consistencia en todo el sistema. Es una opción muy
válida para proyectos que requieran un gran nivel de complejidad y el cumplimiento de
unos estándares de calidad muy altos. Utilizado por ejemplo en la página web de la
―Casa Blanca‖ estadounidense. (http://www.whitehouse.gov/).
Página
___________________________________________________________________________________________
, www.cursocommunityfuned.com, [email protected]
Fundación UNED, Curso de Competencias Tecnológicas para CMs 4ª Ed. – Octubre 2013, www.cursocommunityfuned.com
29
Con Drupal, debes estar informado de la imposibilidad de que un usuario sin
conocimientos técnicos previos pueda crear un site desde cero. De hecho posee un
interfaz de trabajo poco amigable y la curva de aprendizaje es más pronunciada que en
otros CMS, como Wordpress.org o Joomla!.
Este CMS puede emplearse para la creación de muchos tipos de sitios web,
siendo una buena alternativa para la creación de comunidades virtuales en Internet.
También su utilización es frecuente para proyectos de enseñanza online, redes internas
de empresas e incluso para administración de proyectos.
Para buscar más información sobre Drupal en español, Haz Clic Aquí.
1.5
Otros CMS de interés
1.5.1 Moodle
Moodle (Module Object-Oriented Dynamic Learning Environment ) es un CMS
orientado a la formación en línea. Este tipo de gestores de contenido se denominan LMS
(Learning Management System).
Esta opción tecnológica posee muchas características típicas de los gestores de
contenidos vistos anteriormente:
 Es software libre, licencia GPL.
 Gestiona de forma separada la parte estética de los contenidos, utilizando
plantillas.
 Coordina la participación de todo tipo de usuarios mediante roles y
permisos.
 Consiste en una base sobre la que se le añaden funcionalidades
modularmente, a través de plugins y complementos.
 Cuenta con una numerosa comunidad que desarrolla el software y
permanentemente crea módulos con nuevas funcionalidades. Esta
comunidad ofrece abundante documentación y resolución de dudas
mediante foros.
Página
___________________________________________________________________________________________
, www.cursocommunityfuned.com, [email protected]
Fundación UNED, Curso de Competencias Tecnológicas para CMs 4ª Ed. – Octubre 2013, www.cursocommunityfuned.com
30
 En este caso es necesaria la intervención de un desarrollador web para el
proceso de creación, mantenimiento y actualización del software.
 Una vez instalado, toda intervención de cualquier usuario, incluso para
tareas de administración del sistema, se realiza a través del gestor de
contenidos en la misma plataforma vía web.
El ejemplo más cercano que podemos encontrar es la plataforma de e-learning
de este curso. Se trata de un entorno cerrado, ya que solo los usuarios con clave pueden
acceder. Pero no deja de ser un sitio web donde muchos usuarios publican contenidos y
se gestiona y comparte gran cantidad de información.
1.5.2 Miscelánea
Existen muchos más paquetes Open Source que podrás usar en función de las
necesidades de un proyecto:
 Gestores de Foros: También hay CMS para la gestión de foros: phpBB,
SMF, MyBB, PunBB.
 Wikis: Creación de sitios web colaborativos con MediaWiki, PMWki,
Wikka.
 Gestores de Comercio Electrónico: Permiten generar Sitios Web
específicos para comercio electrónico: Prestashop y Magento.
 CRM: Permiten generar Sitios Web específicos para comercio electrónico:
Prestashop y Magento.
 Galerías: Administrar y generar automáticamente un portal que muestre
contenido audiovisual, normalmente imágenes: Gallery y Dragonfly CMS.
___________________________________________________________________________________________
, www.cursocommunityfuned.com, [email protected]
Fundación UNED, Curso de Competencias Tecnológicas para CMs 4ª Ed. – Octubre 2013, www.cursocommunityfuned.com
31
LMS
Página
 Gestores
de
E-Learningv:
Son
los
denominados
(LearningManadamente Systems): Moodle, el más utilizado.
2. Plugins Sociales
2.1 Plugins nativos de las grandes redes sociales
2.1.1 Plugins de Facebook
Son los plugins sociales más utilizados por las páginas webs. Pueden editarse de
forma sencilla en su página web oficial: http://developers.facebook.com/plugins/
Botón “Me Gusta” (LikeButton)
Es un icono que permite, a cualquier lector registrado en Facebook, compartir el
contenido de un sitio web o blog, ya sean productos, servicios, vídeo, música o algún
artículo. Cuando los lectores hacen clic en el botón, el contenido aparecerá en el lector
de noticias de sus amigos con el link correspondiente con el sitio desde donde lo han
realizado.
Existen 3 tipos de botones de ―Me Gusta‖, la versión con tecnología XFBML o
con Iframe:
Página
___________________________________________________________________________________________
, www.cursocommunityfuned.com, [email protected]
Fundación UNED, Curso de Competencias Tecnológicas para CMs 4ª Ed. – Octubre 2013, www.cursocommunityfuned.com
32
 Html 5. La versión que deberías usar por defecto.
 La versión con XFBML es muy versátil. Tiene opciones en tiempo real,
como ajustar el tamaño automáticamente, mostrar el número de ―Me Gusta‖
en ese momento o dar la opción al lector de escribir un comentario (que se
publicará en su Muro con el link al sitio).
 El Iframe es mucho más limitado: solo mostrará el botón de ―Me Gusta‖.
Para instalarlo hay que entrar en:
http://developers.facebook.com/docs/reference/plugins/like/.
Al completar los campos para personalizar el plugin a la web, podremos hacer
clic en ―GetCode‖ para obtener el código que deberemos colocar en ella.
Es recomendable para sitios web que tienen un contenido muy dinámico que se
puede compartir individualmente. Ej: tiendas Virtuales, blogs, sitios de noticias y de
descarga de Apps/software.
Recomendaciones (Recommendations)
___________________________________________________________________________________________
, www.cursocommunityfuned.com, [email protected]
Fundación UNED, Curso de Competencias Tecnológicas para CMs 4ª Ed. – Octubre 2013, www.cursocommunityfuned.com
Página
Como el contenido está hospedado en Facebook, el plugin no requiere que el
usuario tenga su sesión abierta en la red social.
33
Este plugin muestra el contenido que más ha gustado a los lectores de un sitio
gracias a la contabilización de todas las interacciones sociales con la URL del sitio web.
Para instalarlo hay que entrar en:
https://developers.facebook.com/docs/reference/plugins/recommendations/.
Es recomendable para sitios web que tengan una gran cantidad de fans en
Facebook y quieran mostrar a las nuevas visitas las recomendaciones de contenidos
generados por su comunidad.
Actividad Reciente (ActivityFeed)
Este plugin muestra la actividad más reciente en Facebook de un sitio. Incluye el
dato de cuántos usuarios han hecho clic en el botón ―Me gusta‖ o han compartido el
contenido entre su red de contactos.
Página
___________________________________________________________________________________________
, www.cursocommunityfuned.com, [email protected]
Fundación UNED, Curso de Competencias Tecnológicas para CMs 4ª Ed. – Octubre 2013, www.cursocommunityfuned.com
34
Si el usuario esta registrado, el plugin mostrará la actividad de sus amigos
relacionada con el site. Si no lo está, aparecerán las recomendaciones del sitio y la
opción de registrarse.
Para instalarlo hay que entrar en:
https://developers.facebook.com/docs/reference/plugins/activity/
Es recomendable para sitios con una alta actividad de fans en Facebook y de
publicación de contenidos. Para los blogs es una poderosa herramienta, ya que permite a
los lectores ver qué temas son los más relevantes.
Comentarios (Comments)
___________________________________________________________________________________________
, www.cursocommunityfuned.com, [email protected]
Fundación UNED, Curso de Competencias Tecnológicas para CMs 4ª Ed. – Octubre 2013, www.cursocommunityfuned.com
Página
Para administrar los comentarios, es necesario registrase en Facebook como
desarrollador de aplicaciones. Con esto se mostrara un link de ―Administrar
comentarios‖ debajo del botón de Post.
35
Es un plugin que habilita para los usuarios la funcionalidad de introducir
comentarios en el sitio web y compartirlos en Facebook (en su muro y lector de
noticias).
Para instalarlo hay que entrar en:
https://developers.facebook.com/docs/reference/plugins/comments/
Es recomendable para sitios que no cuentan con un sistema de comentarios o, el
que tienen, no contempla funcionalidades sociales.
Caja de Me Gusta (Like Box)
Plugin que permite a los dueños de páginas de Facebook incrementar el número
de ―Me Gusta‖ desde su propio sitio web.
La caja de ―Me Gusta‖ permite a los usuarios:
 Ver el número, y las fotos del perfil, de los usuarios a los que les gusta la
página.
 Leer los artículos más recientes de la página.
 Clicar en ―Me Gusta‖ sin necesidad de visitar la página en Facebook.
Página
___________________________________________________________________________________________
, www.cursocommunityfuned.com, [email protected]
Fundación UNED, Curso de Competencias Tecnológicas para CMs 4ª Ed. – Octubre 2013, www.cursocommunityfuned.com
36
Para instalarlo hay que entrar en:
https://developers.facebook.com/docs/reference/plugins/like-box/
Es recomendable para sitios web que tienen una sección estática. El objetivo del
plugin es promocionar la marca a través de aquellos lectores que hagan clic en el botón
de ―Me Gusta‖. La diferencia entre el botón y la caja ―Me Gusta‖ consiste en que,
mientras el botón está enfocado a contenido dinámico individual como productos,
servicios o artículos, la caja se dirige a la marca del sitio en general.
Botón de Inicio de Sesión (LoginButton)
___________________________________________________________________________________________
, www.cursocommunityfuned.com, [email protected]
Fundación UNED, Curso de Competencias Tecnológicas para CMs 4ª Ed. – Octubre 2013, www.cursocommunityfuned.com
Página
Es posible especificar el número máximo de filas en el que se mostraran dichas
fotos, el plugin automáticamente se ajustará de tamaño. Por ejemplo, si especifica un
máximo de cuatro filas de fotos y hay amigos solo para completar dos, esta última será
la altura que adoptará el plugin.
37
El botón de inicio de sesión ofrece la funcionalidad de registrarse a Facebook
desde un sitio web. Además muestra las fotos del perfil de los amigos del usuario que
ya lo han hecho.
Para instalarlo hay que entrar en:
https://developers.facebook.com/docs/reference/plugins/login/
Es recomendable para sitios que tengan comunidades cuyos miembros
consuman sus contenidos, los promuevan, e interactúen con sus amigos a través del
sitio.
Pila de Fotos (Facepile)
Este plugin despliega las fotos de los usuarios a los que les gusta el sitio o se han
registrado previamente. Es muy similar al botón de ―inicio de sesión‖ (LoginButton),
pero sin la parte de registro.
Para instalarlo hay que entrar en:
https://developers.facebook.com/docs/reference/plugins/facepile/
Página
___________________________________________________________________________________________
, www.cursocommunityfuned.com, [email protected]
Fundación UNED, Curso de Competencias Tecnológicas para CMs 4ª Ed. – Octubre 2013, www.cursocommunityfuned.com
38
Es recomendable para sitios que tienen un sistema de registro diferente y buscan
promocionarse gracias a la aparición de los amigos de los usuarios que los visitan (para
ello tendrán que tener la sesión abierta de Facebook).
Transmisión en Vivo (Live Stream)
Plugin que permite compartir la actividad y los comentarios en tiempo real.
Funciona especialmente bien cuando se ejecuta un evento en vivo, como vídeo
streaming, conciertos, discursos, conferencia, chats en vivo o juegos en internet.
Para instalarlo hay que entrar en:
https://developers.facebook.com/docs/reference/plugins/live-stream/
Es recomendable para sitios que transmiten eventos en vivo. Es una herramienta
poderosa para la interacción en tiempo real, facilita dar seguimiento a preguntas,
comentarios, concursos y promociones.
2.1.2 Widgets de Twitter
Los widgets, o ―extensiones‖, de Twitter se pueden generar desde
https://twitter.com/about/resources/widgets .
Página
___________________________________________________________________________________________
, www.cursocommunityfuned.com, [email protected]
Fundación UNED, Curso de Competencias Tecnológicas para CMs 4ª Ed. – Octubre 2013, www.cursocommunityfuned.com
39
Para ello necesitamos obtener el código del widget de Twitter que queramos
llevar a cabo. Durante este proceso, Twitter permite pre-visualizar la salida definitiva en
tiempo real.
2.
3.
PERSONALIZAR
(OPCIONES)
1.
VISUALIZAR
(VISTA PREVIA)
COPIAR CÓDIGO
(HTML)
Para poder insertar el código en el site iremos a "Mi sitio web", donde
encontraremos una serie de opciones para distintos tipos de widgets:
 Widget de perfil: muestra en la web nuestro perfil.
 Widget de Búsqueda (Hastag): introduce un buscador en vivo a través del
cual se podrá realizar una búsqueda específica. Por ejemplo, si ponemos
"CNN", nos irá mostrando todas aquellas entradas que contengan esas tres
letras.
 Widget de Favoritos: muestra aquellas entradas marcadas como favoritas y
la posibilidad de seguirlas.
 ListWidget: ofrece las entradas de los usuarios de alguna lista que
tengamos configurada.
Cuando hayamos seleccionado la opción que nos interese, para obtener el
código, pulsaremos sobre el botón ―Finalizar & Guardar código‖. Simplemente habría
que copiar el contenido del código e insertarlo en nuestra web.
Página
___________________________________________________________________________________________
, www.cursocommunityfuned.com, [email protected]
Fundación UNED, Curso de Competencias Tecnológicas para CMs 4ª Ed. – Octubre 2013, www.cursocommunityfuned.com
40
En el caso de wordpress.org se hará mediante el widget Texto/HTML, pegando
ahí el código copiando en tu perfil de twitter.
3. Redifusión Web (RSS)
El concepto redifusión web6
(también llamado
sindicación) consiste en la redifusión o redistribución de un
contenido web desde una fuente original (sitio web de origen) a
otros sitios web destino que publican también ese contenido.
Una fuente web (web feed) es un canal de redifusión de
contenidos web. Los usuarios que están interesados en recibir la
información actualizada que suministra esta fuente solo tienen que suscribirse a ella.
El formato en que está codificada la información que emiten las fuentes web
puede ser RSS o Atom (aunque existen otros muy poco utilizados). Es muy habitual que
coloquialmente se utilicen indistintamente los términos fuente web, RSS o feed, aunque
en realidad son conceptos diferentes.
http://www.rss.nom.es/
___________________________________________________________________________________________
, www.cursocommunityfuned.com, [email protected]
Fundación UNED, Curso de Competencias Tecnológicas para CMs 4ª Ed. – Octubre 2013, www.cursocommunityfuned.com
Página
6
41
Como generador de contenidos, la principal utilidad de este servicio
consiste en facilitar a los usuarios interesados el seguimiento de sus nuevas
publicaciones. Se utiliza habitualmente para la distribución de noticias, artículos de un
blog o comentarios de un foro. Esta forma de difusión es enormemente efectiva y se ha
convertido en una herramienta corporativa generalizada. Al fin y al cabo, es una forma
más de crear comunidad, en este caso de suscriptores a un site (otro tipo de seguidores
diferentes a los de Facebook).
42
___________________________________________________________________________________________
, www.cursocommunityfuned.com, [email protected]
Fundación UNED, Curso de Competencias Tecnológicas para CMs 4ª Ed. – Octubre 2013, www.cursocommunityfuned.com
Página
Ejemplo de feed de una web en Wordpress.org - http://www.ingresosalcuadrado.com/feed/
Como suscriptor, el atractivo se encuentra en poder seguir las
actualizaciones de los sitios web que se deseen sin la necesidad de visitarlos para
comprobar si han publicado alguna novedad. Las actualizaciones son recibidas
automáticamente. Además, en este tipo de comunicación no es posible recibir SPAM y
la cancelación de la suscripción se realiza de forma unilateral e inmediata.
Esta tecnología permite a las páginas web y a sus usuarios permanecer
conectados y al día. Los sites obtienen un público fijo y fiel a sus contenidos. Por otra
parte, los usuarios se mantienen actualizados ahorrando la incomodidad de visitar las
páginas de su interés con este fin.
3.1 Difundir una fuente web con Feedburner
Para que sea posible que los usuarios se suscriban a un sitio web es necesario
que tenga disponible el servicio de redifusión. Los CMS también tienen prevista esta
activación dado que es una práctica muy habitual. De hecho, la mayoría de los blogs
cuentan con este servicio activado por defecto.
___________________________________________________________________________________________
, www.cursocommunityfuned.com, [email protected]
Fundación UNED, Curso de Competencias Tecnológicas para CMs 4ª Ed. – Octubre 2013, www.cursocommunityfuned.com
Página
Ejemplo de feed en Feedburner - http://feeds.feedburner.com/IngresosAlCuadrado
43
Feedburner es un servicio de Google para facilitar y potenciar las últimas
noticias de una web con RSS, con una interfaz más amigable. Aquí tenemos el mismo
Feed presentado en la página anterior pero en su versión Feedburner.
Las fuentes RSS se identifican a través de URLs. Es la información que los
usuarios necesitan para poder suscribirse. Esta información suele facilitarse en la página
web a través de un enlace con el texto ―RSS‖, ―Atom‖ o directamente empleando el
icono.
3.2
Leer desde un lector de RSS
Para suscribirse a fuentes web es necesario disponer de un agregador (lector de
RSS o agregador de noticias). Los 2 lectores RSS más famosos son:
 Feedly
 Netvibes
En ambos casos, hay que crearse una cuenta (es gratuito) y luego agregar las
fuentes RSS que te interesan (Blogs o webs) en tu lector, para poder acceder al
contenido sin necesidad de desplazarse en las webs/blogs.
___________________________________________________________________________________________
, www.cursocommunityfuned.com, [email protected]
Fundación UNED, Curso de Competencias Tecnológicas para CMs 4ª Ed. – Octubre 2013, www.cursocommunityfuned.com
Página
Se trata de un servicio muy productivo para los Community Managers, que
suelen leer mucho a lo largo del día.
44
Vista de un lector RSS (Netvibe)
4. Usabilidad y Accesibilidad
4.1 Introducción
Hoy sabemos que los usuarios cada día son más exigentes a la hora de abordar
un sitio web. Muchos clics, dificultad de encontrar las secciones/contenidos que buscan,
necesidad de pensar, falta de adaptación a personas discapacitadas… pueden derivar en
que el usuario salga de nuestro site con ninguna intención de volver a entrar.
Si queremos potenciar la navegabilidad por el nuestro site y fidelizar a nuestros
visitantes, deberemos conocer, al menos en sus conceptos básicos, nociones de
usabilidad y accesibilidad web. Para ello, empezaremos por centrarnos, desde un punto
de vista técnico, en la experiencia de navegación de un usuario.
La organización científica más importante es la Association for Computing
Machinery (ACM) . Asociación americana que cuenta con un grupo especializado en
IPO, el Special Interest Group in Computer Human Interaction (SIGCHI). Esta última
define la IPO como la ―disciplina relacionada con el diseño, evaluación e
implementación de sistemas informático interactivos para el uso de seres humanos, y
con el estudio de los fenómenos más importantes con los que está relacionada‖. La
disciplina de interacción persona-ordenador (IPO) se conoce en la comunidad
internacional como human-computer interactions (HCI) o computer-human interacion
(CHI).
Tal y como ha explicado Eduardo Manchón en DesarrolloWeb.com, los
primeros estudios específicos de IPO/HCI aparecieron en los años sesenta y se referían
a la simbiosis Persona-Ordenador (Licklider, 1960). Este autor afirmó que el problema
de la interacción hombre-ordenador realmente es crear ordenadores que sean capaces de
anticipar y participar en la formulación de las preguntas.
Licklider y Clark (1962) elaboraron una lista de 10 problemas que deberían ser
resueltos para facilitar la interacción personas-ordenador. Sin embargo, actualmente aún
no se han conseguido solucionar algunos de los relacionados con el largo plazo:
1. Compartir el tiempo de uso de los ordenadores entre muchos usuarios.
2. Un sistema de entrada-salida para la comunicación mediante datos
simbólicos y gráficos.
Página
___________________________________________________________________________________________
, www.cursocommunityfuned.com, [email protected]
Fundación UNED, Curso de Competencias Tecnológicas para CMs 4ª Ed. – Octubre 2013, www.cursocommunityfuned.com
45
3. Un sistema interactivo de proceso de las operaciones en tiempo real.
4. Sistemas para el almacenamiento masivo de información que permitan su
rápida recuperación.
5. Sistemas que faciliten la cooperación entre personas en el diseño y
programación de grandes sistemas.
6. Reconocimiento por parte de los ordenadores de la voz, de la escritura
manual impresa y de la introducción de datos a partir de escritura manual
directa.
7. Comprensión del lenguaje natural, sintáctica y semánticamente.
8. Reconocimiento de la voz de varios usuarios por el ordenador.
9. Descubrimiento, desarrollo y simplificación de una teoría de algoritmos.
10.
Programación heurística o a través de principios generales.
Por su parte, Hansen realizó en su libro "User Engineering Principles for
Interactive Systems" (1971) la primera enumeración de principios para el diseño de
sistemas interactivos:
1. Conocer al usuario.
2. Minimizar la memorización, sustituyendo la entrada de datos por la
selección de ítems, usando nombres en lugar de números, asegurándose un
comportamiento predecible y proveyendo acceso rápido a información
práctica del sistema.
3. Optimizar las operaciones mediante la rápida ejecución de operaciones
comunes, la consistencia de la interfaz y organizando y reorganizando la
estructura de la información basándose en la observación del uso del
sistema.
4. Facilitar buenos mensajes de error, crear diseños que eviten los errores más
comunes, haciendo posible deshacer acciones realizadas y garantizar la
integridad del sistema en caso de un fallo de software o hardware.
Página
___________________________________________________________________________________________
, www.cursocommunityfuned.com, [email protected]
Fundación UNED, Curso de Competencias Tecnológicas para CMs 4ª Ed. – Octubre 2013, www.cursocommunityfuned.com
46
Lo que está claro, es que para la fundación teórico-práctica de la IPO es
fundamental tanto el estudio del usuario dentro de sus organizaciones, como las
condiciones ambientales y físicas que intervienen en su interacción con los distintos
dispositivos. De esta forma, el estudio de la IPO está caracterizada por la
interdisciplinariedad.
En el siguiente esquema encontramos resumidos gráficamente los aspectos que
se relacionan con la IPO:
Fuente: ACM SIGCHI
Vemos cómo por un lado está la persona, el usuario, con sus características de
procesamiento de información, comunicación y ergonomía (físicas) que interactúa con
un ordenador, que también cuenta con una serie de características tecnológicas para
llevar a cabo dicha interacción.
Al mismo tiempo, en la interacción también encontramos los distintos
dispositivos que disponen la conexión y establecen las distintas reglas de diálogo entre
la persona y el ordenador. Todo ello además sin perder de vista que la persona se
encuentra dentro de una organización con sus propias características también.
Disciplinas que se relacionan con el estudio de la IPO
Página
___________________________________________________________________________________________
, www.cursocommunityfuned.com, [email protected]
Fundación UNED, Curso de Competencias Tecnológicas para CMs 4ª Ed. – Octubre 2013, www.cursocommunityfuned.com
47
Las aportaciones más relevantes vienen de la mano de:
 Psicología: contribuye con los conocimientos y teorías sobre el
comportamiento de las personas y la forma en que procesan la información.
Así como con formas de evaluación del grado de satisfacción que tiene el
usuario con el diseño de la interfaz.
 Inteligencia Artificial: búsqueda de ―interfaces inteligentes‖, en lenguaje
natural, simplificación de tareas.
 Diseño: elemento fundamental para conseguir programas con gran
usabilidad.
 Ergonomía: busca simplificar las tareas, aumentando la sensación de
satisfacción y confort al usuario.
 Etnografía: sus herramientas de investigación son muy óptimas para
responder a cuestiones relacionadas con las organizaciones.
 Ingeniería del Software: imprescindible para desarrollar un software de
calidad.
Disciplinas relacionadas con la IPO
Fuente: ACM SIGCHI
___________________________________________________________________________________________
, www.cursocommunityfuned.com, [email protected]
Fundación UNED, Curso de Competencias Tecnológicas para CMs 4ª Ed. – Octubre 2013, www.cursocommunityfuned.com
Página
Parte de la premisa de que los usuarios no han de cambiar su manera de ser, sino
que los sistemas han de ser diseñados para satisfacer sus requisitos.
48
Objetivos de la IPO
Básicamente consisten en: desarrollar o mejorar la seguridad, utilidad,
efectividad, eficiencia y usabilidad de sistemas que incluyan ordenadores.
Elementos que tiene en cuenta la IPO
La interfaz es una parte muy importante del éxito o fracaso de una aplicación. Es
la superficie de contacto entre dos entidades. Que, en este caso, son la persona (el
usuario) y el ordenador.
Podemos encontrar distintas definiciones de interfaz:
 Los aspectos del sistema con los que el usuario entra en contacto (Moran).
 Una interfaz es una superficie de contacto y refleja las propiedades físicas
de los que interactúan, se tienen que intuir las funciones a realizar y nos da
un balance de poder y control (Laurel, 1992).
Al ser la principal vía de comunicación entre el usuario y el ordenador, tenemos
que intentar que sea rica, que el tiempo en el que el usuario aprende a manejarla sea
bajo (tiempo de aprendizaje), se potencie la productividad, el usuario se encuentre
integrado y no se produzcan problemas de frustración por su parte.
Hemos visto cómo, a la hora de llevar a cabo sistemas interactivos, deberemos
tener en consideración las herramientas y técnicas necesarias en función de los factores
psicológicos, ergonómicos, organizativos y sociales que marcan cómo trabajan las
personas. De esta forma, trabajando en estos factores de la IPO, crearemos una mayor
usabilidad y accesibilidad, amén de entornos más eficaces y eficientes, dotados de
mayor utilidad y seguridad.
4.2
Usabilidad
La usabilidad es la medida en la que un producto se puede usar por determinados
usuarios para conseguir unos objetivos específicos con efectividad, eficiencia y
satisfacción en un contexto de uso dado. Para que un sistema interactivo cumpla sus
objetivos tiene que ser usable y accesible a la mayor parte de la población humana.
___________________________________________________________________________________________
, www.cursocommunityfuned.com, [email protected]
Fundación UNED, Curso de Competencias Tecnológicas para CMs 4ª Ed. – Octubre 2013, www.cursocommunityfuned.com
Página
Para fomentar la usabilidad deberemos pues:
49
Cuando nos referimos a que una página web tiene una buena usabilidad estamos
afirmando que su navegación es fácil de aprender y para el usuario es fácil de utilizar.
 Comprender los factores (psicológicos, ergonómicos, organizativos y
sociales) que determinan cómo la gente trabaja y hace uso de los
ordenadores.
 Desarrollar herramientas y técnicas para ayudar a los diseñadores de
sistemas interactivos.
 Conseguir una interacción eficiente, efectiva y segura.
4.2.1 Principios generales de la usabilidad
Facilidad de aprendizaje
El tiempo requerido desde el no conocimiento de una aplicación hasta su uso
productivo debe ser mínimo.
Debe proporcionarse ayuda a usuarios intermedios para que alcancen un nivel de
conocimiento y uso del sistema máximos
Para que un sistema sea fácil de aprender debe ser:
• Sintetizable: El usuario debe poder evaluar el efecto de operaciones
anteriores en el estado actual.
• Familiar: Debe existir una correlación entre los conocimientos que posee el
usuario (interacción con el mundo real y con otros sistemas) y los
conocimientos requeridos para la interacción en un sistema nuevo.
• Predictivo: El sistema podremos decir que será predecible cuando las
interacciones que ha llevado hasta ese momento, le sirven para determinar
las que vendrán a continuación.
Flexibilidad
___________________________________________________________________________________________
, www.cursocommunityfuned.com, [email protected]
Fundación UNED, Curso de Competencias Tecnológicas para CMs 4ª Ed. – Octubre 2013, www.cursocommunityfuned.com
Página
 El control del usuario: permitiéndole deshacer, empezar y terminar las
operaciones siempre que sea posible, así como advirtiéndole cuando un
50
Este concepto implica la multiplicidad de maneras en que el usuario y el sistema
pueden intercambiar información. Hay una serie de principios que lo fomentan, como
son:
proceso no se pueda interrumpir, visualizando mensajes apropiados al
respecto.
 Migración de tareas: donde usuario y sistema potencialmente han de poder
pasar de una tarea a otra sin dificultad.
 Iniciativa en el diálogo: lo lógico e ideal es que la tenga el usuario.
 Capacidad de sustitución: la cual permite que se puedan substituir unos
valores por otros equivalentes.
 Capacidad de configuración: posibilidad de adecuar la interfaz de usuario,
por parte del usuario o del sistema.
 Adaptabilidad: adecuación automática de la interfaz al usuario.
Consistencia
Es un concepto clave en la usabilidad. Un sistema es consistente si los
mecanismos que se utilizan son siempre usados de la misma manera, siempre que se
utilicen y sea cual sea el momento en que se haga.
Para poder tener estos resultados, será importante: seguir guías de estilo
(siempre que sea posible), diseñar un ―look & feel‖ común, solo hacer las
modificaciones que sean necesarias y evitar cambiar las funcionalidades ya conocidas
(si lo creemos necesario, siempre será más beneficioso añadir algunas nuevas que se
sumen a las anteriores).
Robustez
Hablaremos de un sistema robusto cuando permita al usuario conseguir sus
objetivos sin problemas.
Recuperabilidad
Página
___________________________________________________________________________________________
, www.cursocommunityfuned.com, [email protected]
Fundación UNED, Curso de Competencias Tecnológicas para CMs 4ª Ed. – Octubre 2013, www.cursocommunityfuned.com
51
Es importante que el sistema le permita al usuario corregir una acción que ha
sido identificada como errónea.
Tiempo de respuesta
Implica el tiempo que necesita el sistema para expresar los cambios de estado al
usuario. Deberán ser siempre reducidos y, si no lo son, se deberá avisar al usuario de
que se está trabajando en ello.
Adecuación de las tareas
Se refiere al grado en el que el sistema soporta las tareas que el usuario quiere
hacer y la manera en que el usuario las comprende.
Disminución de la carga cognitiva
Es la búsqueda de favorecer en el usuario más el reconocimiento que el
recuerdo. De esta forma, es importante que los usuarios no tengan que recordar
abreviaturas o códigos complejos.
Diseño centrado en el usuario
Para ello, se llevan a cabo acciones como: implicar al usuario al máximo
(incluso incluyéndolo en el equipo de diseño), observarlo en su trabajo habitual y
realizar prototipos que el usuario pueda evaluar.
4.2.2 El ABC de la usabilidad (Consejos prácticos)
Elementos de mayor importancia
Una vez hemos analizado la importancia de la usabilidad a nivel teórico, vamos
a tratar de explicar su funcionamiento con algunas normas básicas más de
funcionamiento, pero enfocados en su parte práctica:
Quien Soy.
Qué hago.
Para Quien.
Por qué deberías leerme.
___________________________________________________________________________________________
, www.cursocommunityfuned.com, [email protected]
Fundación UNED, Curso de Competencias Tecnológicas para CMs 4ª Ed. – Octubre 2013, www.cursocommunityfuned.com
Página
o
o
o
o
52
 Definir de forma clara los objetivos de cada página, prestando una especial
atención a las páginas de mayor importancia, como la portada, un
formulario de contacto, o la página de compra de un producto. De especial
importancia es la cabecera de la web, que debería permitir en 10 segundos
de explicar la propuesta de valor de la web.
 Ofrecer una organización intuitiva y clara de los distintos elementos
visuales en cada página, con la idea de favorecer la consecución de los
objetivos definidos en cada página (conversiones).
 Ofrecer una navegación sencilla y eficaz, tratando de ofrecer todos los
contenidos de la webs en un máximo de 3 clics, para evitar que el usuario se
canse de buscar y se vaya frustrado.
 Disponer de un camino de migas para facilitar la ubicación dentro de la
web.
 Evitar enlaces rotos dentro de la web que rompen con los flujos de
navegación en la web.
 Ofrecer una facilidad de búsqueda dentro de la web.
 Asegurarse que el tiempo de carga de las páginas sea razonable.
 Evitar los cambios de ―Look & Feel‖ bruscos en la misma web.
Otros consejos relevantes
 Estilo del Texto: Algunos de los consejos más recomendados, van dirigidos
a que la página no parezca un anuncio, por lo que deberemos eliminar al
máximo los elementos de marketing superfluo. Potenciando, sobre todo, una
correcta estructuración de las páginas (empleando para ellos varios niveles
de títulos), con títulos sustanciales (que indiquen claramente qué va a
encontrar el usuario), empleando además cualquier elemento que facilite la
lectura rápida del site (como ordenar con listas, párrafos, resaltados, etc.).
 Estética de los colores: dificulta la usabilidad tanto los colores suaves, los
bordes de transiciones suaves o los degradados, tanto como los colores
demasiado llamativos (que recuerdan a formatos publicitarios).
___________________________________________________________________________________________
, www.cursocommunityfuned.com, [email protected]
Fundación UNED, Curso de Competencias Tecnológicas para CMs 4ª Ed. – Octubre 2013, www.cursocommunityfuned.com
Página
 Hipertexto: No nos olvidemos del principal elemento de Internet, el
hipertexto. Los usuarios hace muchos años que dejaron de leer de forma
lineal, debemos facilitarles la lectura no secuencial. Para ello, podemos
53
 Contraste de texto: es fundamental que exista un suficiente contraste de
luminancia entre texto y fondo para que el texto pueda ser leído.
ofrecer la información más relevante al principio e ir incluyendo enlaces a
partes más especializadas durante el texto. Debemos aprender a redactar en
hipertexto.
 Una imagen no siempre describe mejor que las palabras: no debemos
ahorrar una buena y valiosa explicación y substituirla por una imagen.
 La simetría y la armonía en las formas: hay que tener en cuenta que si
todo es demasiado simétrico se reducen las posibilidades de jerarquizar,
destacar o diferenciar un elemento del resto. Lo más apropiado es evitar
simetrías en contenidos que deben ser percibidos como diferentes.
 Los estándares HTML: controles que tienen apariencia de relieve y su
color claro permite un buen contraste del texto interior.
Prácticas desaconsejadas
 La utilización de fuentes grandes y de colores demasiado llamativos:
puede hacer que el site resulte desagradable a la vista, da aspecto de infantil
e impiden una correcta lectura de los contenidos. Es recomendable que el
usuario pueda elegir el tamaño e, incluso, el tipo de fuente.
 Querer extraer un número excesivo de datos de usuario: si pedimos la
fecha de nacimiento probablemente nos la faciliten, pero pedir un email
incluso para ver los contenidos del site, puede implicar una negativa y
abandono por parte del usuario.
___________________________________________________________________________________________
, www.cursocommunityfuned.com, [email protected]
Fundación UNED, Curso de Competencias Tecnológicas para CMs 4ª Ed. – Octubre 2013, www.cursocommunityfuned.com
Página
o Demasiados pop ups.
o Uso de flash: ya que el usuario se tiene que enfrentar a algunos de sus
problemas de lentitud de carga, al hecho de que no permite copiar
texto, elegir el tamaño de la fuente, etc.
o Abusar de banner animados complejos: tardan mucho en cargar y
pueden resultar molestos por asemejarse a publicidad.
o Abusar de los iconos y rollover: de lo contrario saturaremos
determinadas zonas de la pantalla, y con ello al usuario.
o Querer promocionar todo puede implicar una pérdida global de la
efectividad.
54
 Demasiada publicidad: confunden y molestan al usuario. Si la tenemos
que situar en la primera página, hacerlo en la derecha de la página y con
unas dimensiones reducidas.
 Llamadas a la acción poco claros: el usuario quiere tener en todo
momento el control de la información de la que va disponiendo. Por
ejemplo, el hecho de visitar un espacio de descarga y verse involucrado en
otra acción (crear perfil antes de poder descargar), puede parecerle un
engaño o un falta de transparencia.
 Las páginas pesadas: ya que no todos los usuarios disponen de conexiones
ADSL. Los usuarios no esperan.
 No introducir botones para todo: acaban resultándole molestos al usuario.
 La falta de control del usuario: el usuario es verdadero protagonista del
site, y él lo sabe. Debemos darle la posibilidad de retroceder, salir de un
sitio, etc. Si no, se sentirá atrapado y el site le resultará opresivo.
4.3 Accesibilidad
Las siglas WAI (Web Accesibility Initiative) amparan la normativa que emana
del World Wide Web Consortium en cuanto a accesibilidad y sus buenas prácticas.
WAI establece tres niveles de verificación o adecuación, que
son: nivel 1 (A), nivel 2 (AA) y el nivel 3 (AAA), cuya obtención de
niveles es acumulativa, siendo A el menor y AAA el mayor.
Que el diseño de páginas web por lo menos cumpla el nivel 1
(A), es una garantía de accesibilidad a las páginas web. A partir de ese
momento, su éxito quedará en función de la calidad de los contenidos y
el interés que generen.
Siguiendo la definición de la W3C, la idea principal de estas pautas ―radica en
hacer la Web más accesible para todos los usuarios independientemente de las
circunstancias y los dispositivos involucrados a la hora de acceder a la información.
Página
___________________________________________________________________________________________
, www.cursocommunityfuned.com, [email protected]
Fundación UNED, Curso de Competencias Tecnológicas para CMs 4ª Ed. – Octubre 2013, www.cursocommunityfuned.com
55
Partiendo de esta idea, una página accesible lo sería tanto para una persona
con discapacidad, como para cualquier otra persona que se encuentre bajo
circunstancias externas que dificulten su acceso a la información (en caso de ruidos
externos, en situaciones donde nuestra atención visual y auditiva no están disponibles,
pantallas con visibilidad reducida, etc.).
La accesibilidad web incluye todas las discapacidades que afectan al acceso
a la web: visual, auditiva, física, del habla, cognitivas y neurológicas. Por lo que hay
que tener en cuenta que nos referimos a millones de personas. A pesar de ello, todavía
hay muchos sites que cuentan con grandes barreras de accesibilidad. Lo que impide una
igualdad de acceso y de oportunidades, ambos, elementos muy en boga hoy en día
donde estamos viendo cómo la accesibilidad se está volviendo protagonista en cantidad
de ámbitos (educación, gobierno, salud, etc.).
De esta forma, hay que evitar diseñar creando barreras de base para las personas
que tienen algún tipo de discapacidad, ya que estaríamos solo dirigiéndonos a personas
de unas determinadas características.
Se debe buscar un diseño universal que sea usable para el mayor número de
personas posible, lo que viene además a incrementar el potencial del site puesto que se
convierte en atractivo para cualquier tipo de usuario, con independencia de si es
discapacitado o no lo es.
El principal problema al respecto es que no todos los desarrolladores realizan los
esfuerzos que son necesarios para poder reducir estas barreras y, conseguir así, el mayor
número de usuarios posible (concepto que en teoría sí persiguen).
Sin embargo, no hay que dejar a un lado el hecho de que la accesibilidad
también puede beneficiar a personas que no tienen ninguna discapacidad. Elementos
como la flexibilidad, visto en el apartado de usabilidad, puede implicar grandes
beneficios para el usuario con independencia de sus características.
4.3.1 ¿Cómo hacer que tu sitio Web sea accesible?
Hacer un sitio Web accesible puede ser simple o complejo, dependiendo de
muchos factores tales como el tipo de contenido, el tamaño y la complejidad del sitio y
las herramientas de desarrollo y el medio ambiente.
Página
___________________________________________________________________________________________
, www.cursocommunityfuned.com, [email protected]
Fundación UNED, Curso de Competencias Tecnológicas para CMs 4ª Ed. – Octubre 2013, www.cursocommunityfuned.com
56
Muchas características de accesibilidad se implementan con facilidad si se
planean desde el inicio del desarrollo de sitios Web o rediseño. De sitios Web
inaccesible puede requerir un gran esfuerzo, especialmente en sitios que no fueron
originalmente "codificados" adecuadamente con el estándar XHTML marcado, y los
sitios con ciertos tipos de contenido, como multimedia.
Fuente:
http://www.w3.org/WAI/intro/components.php
¿Qué principios rigen la accesibilidad?
Es esencial que los diferentes componentes del desarrollo Web e interacción
trabajen juntos a fin de que la Web sea accesible para las personas con discapacidad.
Estos componentes incluyen:
 El contenido, que puede ser: tanto texto, imágenes y sonidos, como el
código que define el site.
 Navegadores Web, reproductores multimedia y otros "agentes de usuario".
 Tecnología de asistencia: lectores de pantalla, teclados alternativos,
conmutadores, software de escaneo, etc.
 Los usuarios de los conocimientos, experiencias, y en algunos casos, las
estrategias de adaptación utilizando la Web.
Página
___________________________________________________________________________________________
, www.cursocommunityfuned.com, [email protected]
Fundación UNED, Curso de Competencias Tecnológicas para CMs 4ª Ed. – Octubre 2013, www.cursocommunityfuned.com
57
 Los desarrolladores, diseñadores, programadores, autores, etc., incluidos los
desarrolladores y los usuarios con discapacidad que contribuyen con el
contenido.
 Herramientas de creación - software para crear sitios Web.
 Herramientas de evaluación - herramientas de evaluación de accesibilidad
Web, validadores de HTML, validadores de CSS, etc.
4.3.2 Como Community Manager, ¿qué debo saber sobre Accesibilidad
web?
En la práctica, el 99% de tus clientes (autónomos/PYMES) no te van a pedir
una web accesible, ni deberías tratar de ―venderse‖ como funcionalidad añadida.
Los buenos gestores de contenidos como Wordpress.org o Joomla! ofrecen un
nivel de accesibilidad WAI-A por defecto, para una gran mayoría de los casos. Siempre
pueden haber excepciones que rompen el esquema.
La accesibilidad es un tema complejo que involucra la producción de cada
entrada: una imagen mal referenciada en un post puede romper la accesibilidad. Con lo
cual una compatibilidad al 100% es ilusoria, y aumentaría de tal forma el presupuesto,
que no sería rentable para tu cliente. Debes saber, si trabajas para la administración
pública en España, que las AAPP. tienen la obligación legal de cumplir con los criterios
de accesibilidad de WAI A o AA.
5. Consejos prácticos sobre el manejo de CMS
5.1 El ABC de la seguridad
Vamos a hablar de conceptos básicos de la seguridad en internet y lo voy a
enfocar hacia tu blog WordPress. Verás que son cosas interesantes pero tan obvias que
seguramente, te va a sorprender que tenga que decírtelas.
Empieza por tu usuario en Wordpress.org
El acceso al panel de administración de tu blog se hace mediante un nombre de
usuario (o login) y una contraseña (o password).
___________________________________________________________________________________________
, www.cursocommunityfuned.com, [email protected]
Fundación UNED, Curso de Competencias Tecnológicas para CMs 4ª Ed. – Octubre 2013, www.cursocommunityfuned.com
Página
Cámbialo, cambia por el nombre que sea, pero que no sea "admin", porque te
58
Primera recomendación: no dejes que el usuario de acceso a tu panel de
administración en WordPress sea "admin‖.
sorprendería saber la cantidad de gente que activa un blog con este usuario y la
contraseña "admin" o la contraseña "1234".
Elige una contraseña fuerte
Una buena contraseña debería tener, para mí, una mezcla de muchos aspectos:
 Debería tener números.
 Debería tener letras.
 Debería tener letras en minúsculas y letras en mayúsculas.
 Contener algún que otro carácter especial: un guión bajo, un guión, el
símbolo ―&‖O algún carácter que sea diferenciador.
Las contraseñas muy cortas no son seguras, trata de tener algo que sea fácil de
recordar para ti pero tampoco tan fácil.
Las contraseñas se cambian de vez en cuando
Otro concepto importante: las contraseñas sí se cambian. De vez en cuando,
cada trimestre o cuando tú estimes conveniente, tienes que cambiar tu contraseña.
Nada de copiar todas tus contraseñas en un archivo en tu PC… y
llamarlo “Contraseñas”
Otra de las cosas que no puedes hacer es escribir tus contraseñas en un archivo
que se llame "Contraseñas" o ―Login y passwords" en tu PC y luego no tener ningún
sistema de protección tipo firewall o antivirus y que alguien entre en tu ordenador y
obtenga estos datos.
Mi recomendación es que te acuerdes de la contraseña que eliges, que no la
escribas en ningún sitio.
Cuidado con los PCs de uso compartido (Cibercafés)
___________________________________________________________________________________________
, www.cursocommunityfuned.com, [email protected]
Fundación UNED, Curso de Competencias Tecnológicas para CMs 4ª Ed. – Octubre 2013, www.cursocommunityfuned.com
Página
Trata de no acceder o accede lo menos posible al panel de control de tu blog
59
El PC que usas para las conexiones a tu blog es mejor que sea siempre el mismo:
el de tu casa o del trabajo.
desde ordenadores públicos como un cibercafé o un evento, porque estos son accesos no
seguros.
Un PC limpio y seguro
Que este PC tenga un sistema de antivirus y que de vez en cuando, limpies tu
ordenador de posibles virus y que tengas un firewall, un sistema que protege de accesos
remotos o que al menos controla los accesos remotos.
No esperes a que ocurra un desastre para ocuparte de la seguridad
Muy a menudo se trata de cosas muy básicas que no se hacen bien, por no saber
o por dejadez y los temas de seguridad no le interesan a nadie hasta que alguien entra a
tu panel de control, hackea tu portada y empieza a publicar, por ejemplo, mujeres
desnudas en la web de tu cliente.
Esto le puede pasar a cualquiera. Yo mismo he sido hackeado, a pesar de darte
estas recomendaciones.
Actualiza siempre tu CMS y los temas/extensiones
El hecho de no actualizar un software instalado en tu plan de alojamiento, puede
crear vulnerabilidades peligrosas:
 Actualiza el ―core‖ de tu CMS.
 Actualiza las plantillas.
 Actualiza los plugins o extensiones.
Página
___________________________________________________________________________________________
, www.cursocommunityfuned.com, [email protected]
Fundación UNED, Curso de Competencias Tecnológicas para CMs 4ª Ed. – Octubre 2013, www.cursocommunityfuned.com
60
En Wordpress.org, no tienes excusas porque el propio gestor te aviso que hay un
componente a actualizar y puedes hacerlo en 1 solo clic.
Y ¿qué pasa si me hackean?
Bueno, si ocurre, no es el fin del mundo, tomate las cosas con calma. Si das u
vistazo al siguiente apartado podrás ver como guardar de manera automática una copia
de seguridad de tu web para que un ataque a tu sitio web no se convierta en el fin de tu
sitio web.
Lo que sí que te va a costar un disgusto muy grande y seguramente vas a perder
un montón de tiempo y es posible que tengas que contratar a alguien para hacer una
limpieza completa de lo que es el blog que has dejado.
Página
___________________________________________________________________________________________
, www.cursocommunityfuned.com, [email protected]
Fundación UNED, Curso de Competencias Tecnológicas para CMs 4ª Ed. – Octubre 2013, www.cursocommunityfuned.com
61
Apuesta por la prevención más que por medidas correctivas. Tampoco es tan
complicado.
5.2 El ABC de las copias de respaldo
En prevención de una catástrofe
El primer proceso de prevención, antes de que suceda lo peor, es el proceso de
copia de respaldo (o backup) .
Una copia de respaldo se compone por un lado de tu base de datos, donde se
encuentran almacenados los contenidos, las categorías, las etiquetas, las imágenes, todo
lo que puedes tener en tu blog. Pero también debes hacer un backup de los ficheros de
tu blog.
Puedes hacerlo de forma manual (vía FTP y PHP MyAdmin) y puedes usar un
plugin que haga estas tareas de forma automática para ti. (Ver FP1-plugins-esencialeswordpress-org.pdf, plugin Google Drive for Wordpress).
Recuperar lo perdido
El segundo proceso es el proceso de recovery: ha ocurrido un problema y
necesitas hacer la restauración de tu blog a un punto anterior al del problema.
En este caso, el primer reflejo que debes tener es el de contactar a tu proveedor
de alojamiento para que él haga un backup completo de toda tu cuenta en sus
servidores.
Con lo cual es posible que te ofrezcan un backup que data de unos pocos días
atrás y que pierdas quizás un par de entradas. Este servicio es gratuito en Hostgator,
hacen un backup completo de tu cuenta una vez a la semana, y puedes pedir una
restauración de servicio (la primera es gratuita).
Si estás dispuesto a pagar, te pueden restaurar una versión más reciente (unos 50
US$), y en este caso, estarás seguro de no perder nada de contenidos en tu restauración.
Si quieres, puedes no depender de nadie
Página
___________________________________________________________________________________________
, www.cursocommunityfuned.com, [email protected]
Fundación UNED, Curso de Competencias Tecnológicas para CMs 4ª Ed. – Octubre 2013, www.cursocommunityfuned.com
62
Si has puesto en marcha un proceso cotidiano de copias de seguridad, podrás tú
mismo volver a reinstalar manualmente la última versión ―limpia‖ disponible.

Documentos relacionados