Curso de Competencias Tecnológicas para Community … · 1.2.2 Blogger ... un programa que permite...

, www.cursocommunityfuned.com, [email protected]

___________________________________________________________________________________________ Fundación UNED, Curso de Competencias Tecnológicas para CMs 4ª Ed. – Octubre 2013, www.cursocommunityfuned.com

Pág

ina 1

Curso de Competencias Tecnológicas

para Community Managers

Asignatura 1: Supervisión de Sitios Web

Bloque 2. Gestores de Contenido (CMS)

http://www.cursocommunityfuned.com/

mailto:[email protected]




Pág

ina 2

Í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

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






Pág

ina 3

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

1 En este documento se utilizan indistintamente los términos página web, portal web, sitio web, web y

site.






Pág

ina 4

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

2 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.






Pág

ina 5

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

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).

3 http://es.wikipedia.org/wiki/GNU_General_Public_License

Fuente: Ejemplos de plantillas de un CMS de

http://es.wix.com/




http://es.wikipedia.org/wiki/GNU_General_Public_License

http://es.wix.com/



Pág

ina 6

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).

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).

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.

Fuente: Esquema de CMS de http://farboleda.wordpress.com




http://farboleda.wordpress.com/



Pág

ina 7

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.

Fuente: Estudio de Usos de CMS realizado en marzo de 2013 por

Buildwith. http://trends.builtwith.com/cms




http://trends.builtwith.com/cms



Pág

ina 8

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.

No: Ir a Paso 3.




http://www.google.es/trends/



Pág

ina 9

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

4 http://wordpress.org/news/2011/08/state-of-the-word/




http://vip.wordpress.com/clients/

http://en.support.wordpress.com/

http://wordpress.org/news/2011/08/state-of-the-word/



Pág

ina 1

0

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

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).




http://es.forums.wordpress.com/



Pág

ina 1

1

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.

La personalización de estas plantillas es muy limitada y no es posible añadir

nuevas funcionalidades no previstas en ellas.




http://es.wordpress.com/

http://www.nombre.wordpress.com/



Pág

ina 1

2

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.

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.






Pág

ina 1

3

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:

Su utilización requiere una cuenta Google.






Pág

ina 1

4

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 de inicio del servicio de Blogger en español, www.blogger.com/start?hl=es




http://www.blogger.com/start?hl=es



Pág

ina 1

5

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).

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).






Pág

ina 1

6

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.

En la sección de roles y usuarios podemos diferenciar 3 tipos de usuarios dentro

de Google Sites:

Propietarios:

o Gestionan el sitio.

o Añaden, gestionan y eliminan el contenido.

o Modifican el aspecto visual.






Pág

ina 1

7

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

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.






Pág

ina 1

8

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.

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.




http://es.wordpress.org/



Pág

ina 1

9

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.

Menús de navegación

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






Pág

ina 2

0

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.

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.




http://codex.wordpress.org/Super_Admin_Menu

http://codex.wordpress.org/es:Roles_y_Capacidades#Administrator

http://codex.wordpress.org/es:Roles_y_Capacidades#Editor

http://codex.wordpress.org/es:Roles_y_Capacidades#Author

http://codex.wordpress.org/es:Roles_y_Capacidades#Contributor

http://codex.wordpress.org/es:Roles_y_Capacidades#Subscriber

http://codex.wordpress.org/es:Main_Page



Pág

ina 2

1

Podemos encontrar un gran catálogo de estos complementos en

http://wordpress.org/extend/themes/.

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).

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:

Panel de administración,

SEO,

Backup,

etc.




http://wordpress.org/extend/themes/



Pág

ina 2

2

Podemos encontrar un gran catálogo de estos complementos en

http://wordpress.org/extend/plugins.

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:

WooThemes

Elegant Themes

Themes Forest




http://wordpress.org/extend/plugins

http://www.woothemes.com/product-category/themes/

http://www.elegantthemes.com/gallery/

http://themeforest.net/popular_item/by_category?category=wordpress



Pág

ina 2

3

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.

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).

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






Pág

ina 2

4

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 estable5 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 es la página web de este curso

(www.cursocommunityfuned.com).

5 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.







Pág

ina 2

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).

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.

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

Fuente: Ejemplo de módulo de Joomla! de

www.cursocommunityfuned.com






Pág

ina 2

6

(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.

Desarrolladores (Developers): http://docs.joomla.org/Developers

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.




http://docs.joomla.org/

http://docs.joomla.org/Beginners

http://docs.joomla.org/Developers



Pág

ina 2

7

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 en español:

http://forum.joomla.org/viewforum.php?f=24 ).

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.

API: http://api.joomla.org/

Acceso al conjunto de clases y métodos que forman este gestor de

contenidos.




http://docs.joomla.org/Web_designers

http://docs.joomla.org/Administrators

http://docs.joomla.org/Evaluators

http://www.joomla.org/

http://community.joomla.org/

http://forum.joomla.org/

http://forum.joomla.org/viewforum.php?f=24

http://extensions.joomla.org/

http://api.joomla.org/



Pág

ina 2

8

Comunidad hispana de Joomla!

http://www.joomlaspanish.org/

http://ayudajoomla.com/

http://comunidadjoomla.org/

El directorio de extensiones de Joomla - http://extensions.joomla.org/extensions





http://ayudajoomla.com/

http://comunidadjoomla.org/

http://extensions.joomla.org/extensions



Pág

ina 2

9

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/).

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!.





http://www.drupal.org/

http://www.whitehouse.gov/



Pág

ina 3

0

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.

En este caso es necesaria la intervención de un desarrollador web para el

proceso de creación, mantenimiento y actualización del software.




http://groups.drupal.org/node/189424



Pág

ina 3

1

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.

Gestores de E-Learningv: Son los denominados LMS

(LearningManadamente Systems): Moodle, el más utilizado.






Pág

ina 3

2

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:

Html 5. La versión que deberías usar por defecto.




http://developers.facebook.com/plugins/



Pág

ina 3

3

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)

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.

Como el contenido está hospedado en Facebook, el plugin no requiere que el

usuario tenga su sesión abierta en la red social.




http://developers.facebook.com/docs/reference/plugins/like/



Pág

ina 3

4


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.

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.




https://developers.facebook.com/docs/reference/plugins/recommendations/



Pág

ina 3

5


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)

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




https://developers.facebook.com/docs/reference/plugins/activity/



Pág

ina 3

6


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.


https://developers.facebook.com/docs/reference/plugins/like-box/




https://developers.facebook.com/docs/reference/plugins/comments/

https://developers.facebook.com/docs/reference/plugins/like-box/



Pág

ina 3

7

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)

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.

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.






Pág

ina 3

8


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.


https://developers.facebook.com/docs/reference/plugins/facepile/

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).




https://developers.facebook.com/docs/reference/plugins/login/

https://developers.facebook.com/docs/reference/plugins/facepile/



Pág

ina 3

9

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.


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 .

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.




https://developers.facebook.com/docs/reference/plugins/live-stream/

https://twitter.com/about/resources/widgets



Pág

ina 4

0

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.

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. PERSONALIZAR

(OPCIONES)

2. VISUALIZAR

(VISTA PREVIA)

1. COPIAR CÓDIGO

(HTML)






Pág

ina 4

1

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.

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).

6 http://www.rss.nom.es/




http://www.rss.nom.es/



Pág

ina 4

2

Ejemplo de feed de una web en Wordpress.org - http://www.ingresosalcuadrado.com/feed/




http://www.ingresosalcuadrado.com/feed/



Pág

ina 4

3

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.

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.

Ejemplo de feed en Feedburner - http://feeds.feedburner.com/IngresosAlCuadrado




https://accounts.google.com/ServiceLogin?service=feedburner

http://feeds.feedburner.com/IngresosAlCuadrado



Pág

ina 4

4

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.

Vista de un lector RSS (Netvibe)

Se trata de un servicio muy productivo para los Community Managers, que

suelen leer mucho a lo largo del día.




http://www.netvibes.com/es



Pág

ina 4

5

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.

3. Un sistema interactivo de proceso de las operaciones en tiempo real.






Pág

ina 4

6

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.

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






Pág

ina 4

7

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:

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

Las aportaciones más relevantes vienen de la mano de:

Fuente: ACM SIGCHI






Pág

ina 4

8

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

Objetivos de la IPO

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.

Fuente: ACM SIGCHI






Pág

ina 4

9

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.

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.

Para fomentar la usabilidad deberemos pues:






Pág

ina 5

0

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

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:

El control del usuario: permitiéndole deshacer, empezar y terminar las

operaciones siempre que sea posible, así como advirtiéndole cuando un






Pág

ina 5

1

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

Es importante que el sistema le permita al usuario corregir una acción que ha

sido identificada como errónea.






Pág

ina 5

2

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:

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.

o Quien Soy.

o Qué hago.

o Para Quien.

o Por qué deberías leerme.






Pág

ina 5

3

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).

Contraste de texto: es fundamental que exista un suficiente contraste de

luminancia entre texto y fondo para que el texto pueda ser leído.

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






Pág

ina 5

4

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.

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.

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.






Pág

ina 5

5

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.

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.).




http://www.w3.org/WAI

http://www.w3c.es/



Pág

ina 5

6

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.

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.






Pág

ina 5

7

¿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.

Los desarrolladores, diseñadores, programadores, autores, etc., incluidos los

desarrolladores y los usuarios con discapacidad que contribuyen con el

contenido.

Fuente:

http://www.w3.org/WAI/intro/components.php




http://www.w3.org/WAI/intro/components.php



Pág

ina 5

8

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).

Primera recomendación: no dejes que el usuario de acceso a tu panel de

administración en WordPress sea "admin‖.

Cámbialo, cambia por el nombre que sea, pero que no sea "admin", porque te






Pág

ina 5

9

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)

El PC que usas para las conexiones a tu blog es mejor que sea siempre el mismo:

el de tu casa o del trabajo.

Trata de no acceder o accede lo menos posible al panel de control de tu blog






Pág

ina 6

0

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.

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.






Pág

ina 6

1

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.

Apuesta por la prevención más que por medidas correctivas. Tampoco es tan

complicado.






Pág

ina 6

2

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

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

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.




Curso de Competencias Tecnológicas para Community … · 1.2.2 Blogger ... un programa que permite...

Documents

Transcript of Curso de Competencias Tecnológicas para Community … · 1.2.2 Blogger ... un programa que permite...