Joomla! 3.3 - Cree y Administre Sus Sitios Web PDF
Joomla! 3.3 - Cree y Administre Sus Sitios Web PDF
Joomla! 3.3 - Cree y Administre Sus Sitios Web PDF
Joomla! 3.3
Cree y administre sus sitios Web
Joomla! es uno de los mejores CMS (Content Management System - Sistema de gestión de contenidos); es
de código abierto, por que es totalmente gratuito, lo que permite crear potentes sitios web y distinguirse de
sus competidores gracias a sus avanzadas características nativas. Con la llegada de la versión 3, Joomla! ha
alcanzado la madurez, gracias a una arquitectura MVC potente, un diseño responsivo (que se adapta al
tamaño de las pantallas de ordenadores portátiles y tabletas) basado en Bootstrap, una mayor velocidad de
procesamiento y una fiabilidad infalible. Ofreciendo más que una herramienta de creación de blogs, Joomla!
permite implementar y hacer evolucionar verdaderas aplicaciones web.
Este libro se dirige tanto a principiantes como a usuarios más experimentados ansiosos por conocer los
avances que trae consigo la versión 3.3. Presenta una metodología de trabajo y explicaciones detalladas
paso a paso para una asimilación progresiva de esta versión de Joomla! que le permitirá crear potentes
sitios web.
Verá cómo instalar Joomla! en todas las configuraciones, locales o remotas, en Mac o Windows, cómo
aprovechar las ventajas de la gestión avanzada de los permisos de acceso y de edición para múltiples
usuarios, cómo manejar el aspecto gráfico del sitio con las plantillas (templates) y cómo usar
los frameworks (plataformas de trabajo) que le harán ahorrar un valioso tiempo en la personalización de
su sitio, sin que sea necesario escribir largas líneas de código.
Se estudiará en detalle la creación de un sitio multilingüe; también aprenderá a usar las herramientas de
navegación y de búsqueda. El poder de Joomla! reside en su extensibilidad, por tanto, aprenderá a instalar y
configurar extensiones, componentes, módulos y plugins para incrementar el potencial de su sitio web:
contenido multimedia, Google Maps... Con un completo sistema de comercio electrónico como Hikashop,
aprenderá a crear y configurar una tienda en línea.
Hay un capítulo dedicado al posicionamiento (SEO) de su sitio; el libro termina con la presentación de las
principales funciones de administración y optimización del sitio: socialización, estadísticas así como
también seguridad, mantenimiento, copia de seguridad y actualización.
Didier MAZIER
Didier Mazier es un diseñador Web dedicado a la enseñanza de creación de sitios en la UIT desde 1997 y
proporciona formación profesional para empresas. Desde hace tiempo ha centrado su interés en soluciones
CMS de código abierto y especialmente en Joomla!. Su experiencia como formador en este CMS de código
abierto le ha permitido identificar las expectativas de los diferentes tipos de público y ofrece este libro como
respuesta.
[email protected] 1
Descubrir Joomla!
Una vez que ha creado un sitio con un sistema, será difícil migrarse a otra solución cuando llegue a
los límites del CSM implementado. Por lo tanto, debe elegir no sólo en función de sus necesidades
actuales, sino también anticipar la evolución de los servicios que ofrecerá tarde o temprano a sus
visitantes. En este campo, ¡menos es más!
Un sitio creado con un CMS es una especie de organismo vivo, que debe evolucionar fácilmente con
actualizaciones. En este sentido, es vital centrarse en un sistema cuya hoja de ruta sea clara, que
cuente con una comunidad activa y que garantice el soporte de las versiones en el tiempo. Una
actualización del "núcleo" del sistema deberá complementarse con una actualización de las
extensiones utilizadas, que deben "seguirlo". Por lo tanto, esto requerirá seleccionarlas
cuidadosamente, de lo contrario, el sitio puede tener muchos problemas durante las inevitables
actualizaciones.
Los debates entre los seguidores del CMS son muy intensos, y es difícil encontrar comparativas realmente
objetivas. En general, se puede señalar que:
WordPress es sin duda más fácil de implementar y de administrar que Joomla! pero carece de
características avanzadas, ya que originalmente se orientó para servir de "blog". Aunque sería
apropiado para un sitio de tipo "escaparate", tendrá dificultades para ofrecer más, mientras que
Joomla! ofrece de forma nativa una mayor funcionalidad y mayor solidez.
Drupal, que es muy similar a Joomla!, ofrece evoluciones de sus versiones no siempre evidentes a
nivel de compatibilidad de las extensiones. Drupal es popular entre las empresas de la red
(agencias web), ya que permite a los desarrolladores desarrollar su talento, pero si usted no tiene
habilidades especiales en tecnologías PHP/MySQL, es preferible que elija Joomla!, que es más
accesible.
[email protected] 2
Documentarse sobre Joomla!
Al igual que sus competidores, Joomla! se enorgullece de ser utilizado por organizaciones prestigiosas
como Amazon, Ikea, UNICEF Barnes & Nobles... Pero lo más importante es lo que Joomla! puede hacer
por usted.
Antes de comenzar, puede ser útil consultar el escaparate (el showcase) de los sitios realizados con
Joomla! en esta dirección: http://community.joomla.org/showcase/
Puede filtrar su búsqueda por categoría para comparar su proyecto con otros sitios del mismo sector.
Muchos sitios se están realizando con versiones anteriores de Joomla!, puede encontrar los sitios más
recientes con el menú Recently Added.
En la página de descripción del sitio, puede consultar las extensiones utilizadas en la sección Case Study.
En el siguiente ejemplo, se han instalado k2 y jevents, para gestionar respectivamente un catálogo y
eventos.
[email protected] 3
La hoja de ruta de Joomla!
Cuando se trata de implementar un sitio con CMS, lo mejor es elegir uno cuya hoja de ruta está clara,
para planificar las actualizaciones y las mejoras en el futuro. Con demasiada frecuencia, los sitios web se
crean con un CMS sin proporcionar un plan de mantenimiento.
Los principales CMS del mercado están impulsados por organizaciones no comerciales, y por lo tanto no
están vinculados por obligaciones contractuales. Además, a menudo dependen de la buena voluntad de
desarrolladores voluntarios. Por tanto, hay grandes diferencias de coherencia en la planificación de los
proyectos de diferentes CMS.
Afortunadamente, Joomla! se comunica bastante bien. Este es el estado de los enlaces tal y como ya se
definieron desde la versión 3.2:
Joomla! ha abandonado el sistema STS/LTS (Short Terme Support/Long Term Support - soporte a
corto y a largo plazo) de las versiones para garantizar una mejor escalabilidad y regresar a una
nomenclatura más "estándar".
Todos estos cambios menores no van a romper la compatibilidad y, por tanto, los sitios pueden
estar sujetos a actualizaciones más frecuentes. Los equipos de desarrollo también trabajarán con
más confianza sin estar sometidos a una presión innecesaria.
Esta es la planificación provisional (las fechas pueden cambiar en función de los avances de la
codificación, siempre teniendo en cuenta que la calidad debe prevalecer):
2014
3.3 Varias mejoras, abandono de Mootools por jQuery. Prevista para finales de
Instalación de extensiones desde el panel de control de abril, salida en julio
Joomla!. de 2014
2015
3.8 Mejora del motor de búsqueda y de las funciones SEF Previsto el 15 de abril
(optimización para los motores de búsqueda).
3.9 Mejora del gestor multimedia y de las funciones de inclusión Previsto el 15 de junio
de contenido externo.
3.10 Nueva plantilla del "back office" responsive y accesible para Previsto el 15 de agosto
reemplazar a las dos actuales.
Teniendo en cuenta los retrasos, el CMS sólo presentará cambios no críticos al menos hasta 2016, y las
actualizaciones serán por lo tanto sencillas. Sin embargo, por prudencia se recomienda no precipitarse
nunca en la actualización de un sitio en producción. Espere siempre un par de semanas para poder seguir
los foros con el fin de verificar que nadie se ha tenido que enfrentar a sorpresas desagradables. En casos
críticos, es preferible llevar a cabo la actualización en un sitio de desarrollo "espejo" para asegurarse de
que todo va bien, teniendo en cuenta las extensiones utilizadas.
[email protected] 4
¿Qué es un CMS?
Joomla! es un CMS, es decir, un sistema de gestión de contenidos (Content Management System en
inglés). Se utiliza para crear sitios web cuyo contenido se almacena y organiza en una base de datos, lo
cual tiene muchas ventajas, porque una vez que se crea el sitio, es posible:
Editar el contenido, añadir y gestionar artículos: artículos, medios, eventos, productos... y a través
de la interfaz de administración (BackEnd) o simplemente a través de la interfaz de usuario
(FrontEnd).
Definir de manera precisa los permisos de acceso y edición para los usuarios y los colaboradores
del sitio: quién puede ver qué y quién puede hacer qué en el sitio.
Implementar características avanzadas que permiten convertir el sitio web en una aplicación
completa: registros, suscripciones, venta en línea, gestión de eventos.
[email protected] 5
HTML y XHTML
HTML (HyperText Markup Language) un lenguaje de etiquetas para crear páginas web. Este tipo de
lenguaje utiliza etiquetas que funcionan como unidades semánticas que rodean el contenido del texto.
XHTML (lenguaje de etiquetas de hipertexto extensible) es el sucesor de HTML. Se basa en una sintaxis
definida por XML y funciona de manera más estricta que su predecesor. A lo largo de este libro
aprenderemos a utilizarlo.
Somos testigos de un aumento del poder del HTML5, que es una evolución reciente del lenguaje de
etiquetas y que eventualmente sustituirá a XHTML. También es más simple e integra de forma nativa las
funciones de gestión multimedia: audio y vídeo. Su interés es evidente, ya que ofrece oportunidades de
presentación de vídeos en los dispositivos móviles que rechazan las tecnologías vinculadas con Flash por
razones de seguridad.
[email protected] 6
Diferenciar el contenido de la presentación
Esta es una de las ventajas de este tipo de programa. Por una parte, se define el contenido del sitio Web
(título, subtítulo y texto) y, por otra parte, su presentación y las diferentes características.
El contenido se almacena en una base de datos estructurada con tablas, campos y compuesta de
diferentes registros, en el que cada uno representa un elemento.
Una hoja de estilos en formato CSS (Cascading Style Sheets u Hojas de estilo en cascada) que
permite describir la presentación de todos sus documentos HTML. Esto puede ser, por ejemplo, el
tipo de fuente que se utilizará para los títulos o el espaciado de caracteres en las páginas. La
ventaja es que si usted encuentra el tipo de letra demasiado pequeña, un simple cambio en la hoja
de estilos se refleja automáticamente en todos los documentos que componen su sitio.
Cuando se realiza un cambio en el aspecto del sitio o agrega una característica, sólo tendrá que intervenir
en la plantilla de su sitio para que este cambio se refleje en todas sus páginas. Esto le ahorra, por lo
tanto, tener que cambiar una a una cada página.
1. Diseño responsive
Desde su versión 3.0, Joomla! se basa de forma nativa en el framework Bootstrap (entorno de
desarrollo), lo cual garantiza una perfecta portabilidad en dispositivos móviles, teléfonos, tabletas,
consolas, etc. También integra las hojas de estilo LESS CSS, que ofrecen una escritura de código más
sencilla y las bibliotecas JavaScript jQuery para gestionar la animación y la interactividad. Se trata de
una herramienta moderna que se basa en fundamentos sólidos, reconocidos por unanimidad.
[email protected] 7
PHP y Apache
PHP (acrónimo de HyperText Preprocessor) es un lenguaje libre de scripts para crear páginas Web
dinámicas a través de un servidor HTTP. El funcionamiento es el siguiente: cuando un usuario quiere ver
una página Web, el navegador envía una solicitud al servidor HTTP correspondiente. Si la página se
identifica como un script PHP, el servidor llama al intérprete correspondiente, que comenzará a procesar la
página. Este contenido se transmite al servidor HTTP, que lo reenvía al cliente. Por lo tanto, las páginas
que se generan con Joomla! llevan en general la extensión PHP y no HTM o HTML.
Un servidor es un programa que, literalmente, ofrece un servicio a un cliente. Hay dos tipos de
servidores: remotos y locales. Un servidor remoto es un equipo en red (la web, por ejemplo)
que responde a las solicitudes de los equipos cliente (incluido su propio equipo): cuando solicita ver
la página principal del sitio de ENI, un servidor DNS se encarga de traducir la dirección que ha escrito
en su navegador a la dirección IP del sitio. Un servidor local es un programa que instalará en su
equipo y que se encargará del procesamiento de los scripts contenidos en la página Web que ha
solicitado ver.
A nivel local, el programa utilizado es Apache HTTP Server ("Apache") que es uno de los servidores HTTP
más populares en la Web.
[email protected] 8
MySQL
MySQL es un sistema de gestión de base de datos (libre). Una base de datos MySQL es un conjunto de
tablas (o matrices) que almacenan los datos (llamados registros). Imaginemos que desea crear el sitio
web corporativo de una compañía aérea, en ese caso podría crear tablas diferentes, por ejemplo las piezas
de un avión, la lista de empleados, los detalles de los vuelos que la compañía comercializa, etc.
Fecha de
Apellidos Nombre Función Edad
entrada
Desde la versión 3.0 de Joomla!, el controlador PostgreSQL está integrado de forma nativa y los
controladores Oracle, SQLite y PDO están en curso de publicación. En el caso de un sitio que deba
soportar una fuerte carga, poderse apoyar en una base de datos Oracle es un "plus" que coloca a Joomla!
a la vanguardia de los CMS en términos profesionales.
[email protected] 9
¿Sitio estático o sitio dinámico?
Desde el momento en que vaya a utilizar Joomla!, comenzará a crear páginas dinámicas. Sin embargo, es
importante comprender la distinción entre estos dos tipos de páginas:
Una página estática está de una manera u otra predefinida y se verá sin necesidad de que el
servidor web realice ningún tipo de procesamiento.
Una página dinámica funciona de forma diferente: su contenido se almacena en una base de datos
y se genera bajo demanda.
Tomemos el ejemplo de la página de Google Noticias: el contenido se genera en función de lo que ocurre
en el mundo, desde la fecha de hoy, un algoritmo que determina la jerarquía de los artículos, etc.
[email protected] 10
El framework de Joomla!
En el corazón del "motor" de Joomla! se encuentra un potente framework independiente del CMS, gracias
al cual los desarrolladores pueden crear sus propias aplicaciones dedicadas. Se trata de un conjunto de
bibliotecas PHP que le serán útiles si usted es un desarrollador, para escribir sus líneas de comandos PHP y
si desea crear sus propias aplicaciones Web.
Si sólo le interesa el CMS, puede crear su sitio web con Joomla!, pero si desea crear sus propios
programas basados en el lenguaje PHP/MySQL, puede consultar información sobre este tema en la
siguiente dirección: http://framework.joomla.org/
[email protected] 11
CAPÍTULO 1
Instalación de Joomla!
Antes de empezar
Creación de una base de datos MySQL con phpMyAdmin, esta operación es algo diferente
dependiendo de si la instalación es local o en un servidor remoto, y puede variar de un proveedor
de servicios de hosting a otro.
Colocación de los archivos de Joomla! en la raíz del sitio, después de haberlos descargado y
descomprimido.
Antes de empezar, debemos decidir si vamos a instalar Joomla! (y por tanto nuestro sitio), en un
servidor local con fines de prueba, o bien directamente en el proveedor de servicios de hosting remoto
previsto. Migrar un sitio local a su servidor de explotación, cuando esté listo, no es siempre una
operación libre de sorpresas. De hecho, no bastará con copiar todos los archivos (los scripts, estilos,
etc.), sino también la base de datos, asegurándose al mismo tiempo de la compatibilidad PHP/MySQL del
servidor. También es probable que sea necesario revisar algunos archivos de configuración...
Por tanto, es preferible realizar la instalación directamente en el servidor final para crear el sitio con
Joomla!. Por supuesto, abordaremos las dos posibilidades, dejándole plena libertad de decisión. Si ha
construido un sitio Joomla! de forma local, la mejor manera de transferirlo a un servidor remoto es
utilizar la extensión Akeeba Backup, disponible
aquí: https://www.akeebabackup.com/products/akeeba-backup.html. Ofreceremos más detalles sobre
esto en el capítulo Administrar un sitio de Joomla!.
Nginx 1.1 1
Microsoft IIS 7 7
[email protected] 12
[fuente Joomla.org]
Conéctese al servidor con un gestor de transferencias FTP como FileZilla (su instalación se explica
en este capítulo, en la sección Herramientas básicas - Transferencia FTP).
Observe que en la raíz del sitio (en la carpeta www) hay un archivo llamado htaccess.txt.
Copie este archivo a su ordenador y ábralo con la aplicación Text Wrangler (en Mac) o Notepad++
(en PC).
SetEnv REGISTER_GLOBALS 0
SetEnv PHP_VER 5
Guarde el archivo, envíelo de vuelta al servidor con Filezilla y cámbiele el nombre a .htaccess, si
aún no lo ha hecho.
En Mac, un archivo .htaccess es a menudo invisible para el buscador. Por ese motivo, es
preferible descargarlo en su ordenador como htaccess.txt y cambiarle el nombre una vez
enviado al servidor.
3. Herramientas básicas
Existen algunas herramientas gratuitas que serán útiles a la hora de implementar su sitio. Descárguelas
primero para poder disponer de ellas más adelante.
a. El navegador web
[email protected] 13
En principio, un CMS se basta consigo mismo. Sólo se necesita un navegador web para acceder a su
administración. Atención: es recomendable comprobar siempre el resultado de sus instalaciones en
Internet Explorer, y no sólo en Firefox y Chrome. Una vez que el sitio está operativo, el estudio de las
estadísticas de conexiones le permitirá conocer los navegadores utilizados por sus visitantes.
En Firefox y Chrome, puede agregar una extensión que le permite ver en detalle la composición
de un sitio, lo cual es útil para detectar sobre qué artículo intervenir si es necesario.
Instale Firebug para Firefox aquí: https://addons.mozilla.org/es/firefox/addon/firebug/, y para
Chrome aquí: https://getfirebug.com/releases/lite/chrome/
b. Transferencia FTP
Para transferir los archivos a su servidor, es necesario un software. Recomendamos FileZilla, que es
sencillo, fiable y gratuito. Funciona tanto en PC como en Mac. Puede descargarlo
aquí: http://filezilla.es/. También encontrará todas las explicaciones sobre su funcionamiento y más
adelante explicaremos las principales operaciones.
c. El editor de archivos
Para editar los archivos, por ejemplo, hojas de estilo, puede utilizar un editor de código, como por
ejemplo, para PC, Notepad++, que se puede descargar de forma gratuita
aquí: http://www.notepad-plus-plus.org/
En Mac, puede utilizar Text Wrangler, el hermano pequeño gratuito de BBEdit, más que suficiente
para un uso básico. Descárguelo
aquí:http://www.barebones.com/products/textwrangler/download.html
Si su versión de Windows no ofrece una herramienta dedicada para descomprimir archivos Zip, o
si tiene problemas para hacerlo, puede descargar 7-Zip aquí:www.7-zip.org/download.html
En Macintosh, utilice la herramienta integrada del sistema: simplemente haciendo doble clic en el
archivo se descomprimirá automáticamente.
Una vez equipado con estas herramientas, puede comenzar el trabajo tranquilamente. Vamos a
detallar los tres casos siguientes: un servidor local en Windows, un servidor local en Macintosh y una
instalación en un proveedor de servicios de hosting.
[email protected] 14
Paso 1: crear la base de datos
a. En Windows
Para hacer la instalación como servidor local en Windows, debe tener un emulador que gestione
Apache, PHP, MySQL y que integre phpMyAdmin, que es la interfaz de acceso y de gestión de la base
de datos. Puede utilizar WampServer, que es gratuito, sencillo y fiable.
Asegúrese de descargar la versión que corresponda a su equipo (64 o 32 bits), los más
recientes funcionan en 64 bits.
Si es preciso, rellene el formulario que aparece o haga clic en el enlace download directly.
Elija ejecutar (Internet Explorer) o guardar el archivo y, en este último caso, inicie la aplicación
después de descargarla.
Siga el asistente y acepte la ubicación de la unidad de raíz del disco duro (C:\).
[email protected] 15
Haga clic en el icono Iniciar servicios situado en el área de notificación y en la opción para
iniciar los servidores; a continuación, haga clic en phpMyAdmin del menú WampServer. Si se le
pide que introduzca un nombre de usuario y contraseña, escriba root para el nombre de usuario y
deje la contraseña en blanco.
En la ficha Bases de datos, introduzca el nombre de la base de datos en la zona Crear base de
datos y, en la lista, seleccione el cotejamiento utf8_unicode_ci para obtener una visualización
correcta de los caracteres acentuados.
[email protected] 16
b. En Mac OS
Tenga en cuenta que también existe una versión beta de Mamp para PC. Si es necesario,
pruébelo, pero se desaconseja su uso en producción por el momento.
Inicie Mamp y en la ventana que aparece, haga clic en Start the servers.
Una vez que se han iniciado, las opciones Apache Server y MySQL Server aparecen
seleccionadas.
Si es necesario, puede hacer clic en el icono Preferences para verificar la versión de PHP que
está en uso. Aunque la caché no es necesaria, seleccione la opción off (apagado) en la
lista Cache.
Por defecto, la carpeta raíz será htdocs situada en la carpeta Applications/ Mamp. Puede
cambiarla, especialmente si gestiona varias instalaciones de CMS diferentes, creando una
subcarpeta. A continuación, deberá indicar a Mamp la carpeta raíz a tener en cuenta.
Para ello, haga clic en la ficha Web Server y, a continuación, en la opción Select.
A continuación, haga clic en Open start page (abrir la página de inicio) en la ventana MAMP.
El procedimiento de creación de una base de datos será bastante similar al descrito para
Windows, salvo por un detalle que concierte a los datos del administrador generados por
defecto, el nombre del usuario será root y la contraseña root también (mientras que en
Windows está vacía).
Sin embargo elija un proveedor de servicios de hosting conocido por alojar muchos sitios de Joomla!.
Algunos ofrecen la instalación automática de Joomla!. Si se decanta por esta solución, asegúrese con
antelación de que va a poder acceder a la interfaz de PHP MyAdmin para poder intervenir en la base de
datos en caso de necesidad.
[email protected] 17
Tenga cuidado con los pseudo-expertos de alojamiento Joomla!, que con frecuencia han demostrado
ofrecer un decepcionante nivel de soporte técnico.
Evite los alojamientos «gratuitos» que esconden un acuerdo tácito con tasas exorbitantes para el
segundo año.
Si cree que su sitio va a soportar un gran número de visitas, puede optar por un alojamiento con una
base de datos SQL privada, o un alojamiento dedicado. En este último caso, usted tendrá su propio
servidor, que estará ubicado en su proveedor de servicios de hosting, pero sobre el cual tendrá el
control total de administración y dispondrá de un mayor ancho de banda.
Hemos elegido a este proveedor porque que es fiable y sus servidores son rápidos. Si el
acceso a la base de datos que almacena el contenido no es muy rápido, sus páginas se
mostrarán muy lentamente, cosa que no ocurre con OVH.
La extensión depende de su ubicación. Para un sitio español, es recomendable que opte por la
extensión .es.
Si necesita proteger su identidad, elija un Alldom que garantice la propiedad del nombre con
todas las extensiones.
A continuación, elija la oferta que mejor se adapte al tipo de sitio que desea construir.
La elección de un DNS anycast es interesante para los sitios con vocación global, ya que
acelera las conexiones para los visitantes de cualquier parte del mundo. Optar por la
oferta Gold es un buen comienzo.
Se muestra el paso Elija el alojamiento. Para un sitio muy simple con relativamente pocas
visitas, la oferta Personal es suficiente, pero si tiene previsto un flujo de visitas sostenido y
características transaccionales avanzadas (comercio electrónico, gestión de eventos con
registro, múltiples colaboraciones, etc.), es preferible optar por una solución más potente
especialmente con una base de datos SQL personal.
Para asegurar sus transacciones, es interesante optar por el certificado SSL (Secure Socket
Layers), que tranquilizará a sus clientes.
[email protected] 18
En teoría, la propagación del DNS lleva unas 48 horas, pero en la práctica, su alojamiento será
operativo en una o dos horas.
En primer lugar, debe crear la base de datos SQL donde se almacenarán todos los contenidos de su
sitio web: artículos, imágenes, vídeos, listas de usuarios, etc.
En OVH, por ejemplo, en la sección Alojamiento del Manager, haga clic en el icono Gestión SQL.
Escriba un nombre para la base de datos. Elija un nombre claro, sencillo y anótelo.
Haga caso omiso de la invitación para crear una nueva base de datos de prueba en los nuevos
servidores SQL Solaris, que están en fase beta y por lo tanto no se recomienda para sitios en
producción.
Su base de datos SQL no se activa inmediatamente. Espere a recibir un correo electrónico que le
informará de su puesta en marcha, con la información de conexión, como por ejemplo:
Servidor: mysql5-11.start
Usuario: pruebajoutmanuel
Contraseña: notelavoyadecir
[email protected] 19
A continuación, haga clic en el botón Continuar.
[email protected] 20
Paso 2: colocar los archivos de Joomla! en la carpeta raíz
Para descargar una versión en español de Joomla!, vaya al siguiente
sitio:http://www.joomlaspanish.org/
También puede descargar los archivos de idioma, por ejemplo, si ha instalado Joomla! en inglés
desde el sitio Joomla.org y desea traducirlo al español.
Descomprima el archivo que ha descargado y coloque todos los archivos en la raíz de su sitio web:
No debe colocar la carpeta en sí, sino todo su contenido. En el siguiente ejemplo, estos 24 elementos
se colocan dentro de una subcarpeta porque estamos administrando varios sitios de manera local. Si
usted sólo administra un sitio, estos elementos se colocarán en el primer nivel, en la
carpeta htdocs (o www según el caso).
[email protected] 21
En una instalación remota (por ejemplo, en OHV) en la carpeta raíz, normalmente www. Para
enviar los archivos a un servidor, utilice un software de FTP como FileZilla. FileZilla se comporta
como un explorador de archivos. Una vez conectado al servidor con la información de conexión
(dirección del servidor, usuario y contraseña), simplemente envíe los archivos a la
carpeta www. En Mac, simplemente basta con arrastrar y soltar.
Dependiendo de la velocidad de su conexión a Internet, el envío de archivos puede tardar algún tiempo
debido a que hay más de 30 MB de transferencia de datos.
[email protected] 22
Paso 3: configurar la instalación
Con la base de datos instalada y los archivos transferidos a la raíz del sitio, sólo nos resta configurar la
instalación. Para ello, basta con abrir la URL del sitio y seguir las indicaciones del asistente de instalación
de Joomla!.
En primer lugar, especifique el nombre del sitio y su descripción (que podrán modificarse más
adelante), y escriba la información de conexión para el administrador en los campos Correo
electrónico, Nombre de usuario y Contraseña.
Especifique también si desea que el sitio esté "fuera de línea" para que no esté accesible al público
durante su construcción haciendo clic en Sí.
Ahora configure la base de datos que creó anteriormente rellenando los siguientes campos:
Nombre del Host: en una instalación local, especifique localhost. En un alojamiento remoto,
el proveedor le informará sobre el nombre del servidor y las credenciales para conectarse a la
base de datos.
Usuario: en una instalación local, tanto en Mac como en PC, introduzca root.
Prefijo de la tabla: se genera automáticamente. No lo cambie a no ser que tenga una buena
razón, y en caso de hacerlo, no utilice un prefijo evidente por razones de seguridad.
Procesar base de datos antigua: en el caso de una instalación con una base de datos ya
poblada, tiene la opción de eliminar las tablas definitivamente o de añadirles un prefijo que las
neutralizará.
Para elegir instalar los datos de ejemplo en el caso de que desee familiarizarse con Joomla!,
seleccione la opción Datos de ejemplo predeterminados en Español (ES). Si ya es un usuario
experimentado, seleccione Nada.
Por razones de seguridad, elimine la carpeta de instalación con un clic en el botón Eliminar la
carpeta de instalación (installation).
Si desea instalar idiomas adicionales, haga clic en el botón Instalar idiomas. También es posible
instalar fácilmente idiomas más adelante, por lo que este paso es opcional en este punto.
Para acceder al sitio tal y como está publicado (FrontEnd), haga clic en el botón Sitio o para acceder
a la interfaz de administración (BackEnd), haga clic en Administrador.
Para acceder con mayor facilidad a estas direcciones, le recomendamos que las añada a la
carpeta Favoritos de su navegador.
[email protected] 24
CAPÍTULO 2
1. Vocabulario y organización
Para tratar correctamente con un sistema de gestión de contenidos completo como Joomla!, lo mejor es
empezar realizando una descripción general y explicando la naturaleza de los términos utilizados.
Ya hemos visto que un sitio de Joomla! se compone de dos partes: el sitio en sí y una interfaz de
administración.
Interactuar.
La interfaz de administración, reservada para los colaboradores más avanzados y los administradores del
sitio, permite lo siguiente:
Los Artículos, producidos y organizados en Categorías que pueden anidarse ilimitadamente; los
artículos pueden contener archivos multimedia.
[email protected] 25
Los Componentes enriquecen el CMS con funciones completas: comercio electrónico, gestión de
eventos, etc., a menudo ofrecen estas funciones a través de módulos; algunas características
más ligeras se gestionan mediante simples plugins.
Los Menús contienen los enlaces de navegación entre todos los elementos.
Los Permisos de acceso organizan los permisos para ver y actuar sobre los contenidos o la
estructura del sitio.
2. La interfaz de administración
Si usted es un usuario experimentado de software o de CMS, puede saltarse esta sección y consultarla
cuando sea necesario. Si, por contra, es usted principiante, acompáñenos en una visita al horizonte de la
organización de la interfaz de Joomla!.
La Barra de menús horizontal (1) compuesta de menús completos que ofrecen todas las
funcionalidades.
[email protected] 26
El menú vertical está organizado por categorías:
Centro de notificaciones (3): aquí aparecen los mensajes de Joomla!. Por ejemplo, si después
de la instalación hace clic en el botón Revisar mensajes, puede leer el mensaje sobre la
identificación en dos pasos que aumenta la seguridad. Ofreceremos más detalles sobre esta
operación en el capítulo Administrar un sitio Joomla! - La seguridad. Puede ocultar los mensajes
después de haberlos consultado con un clic en Ocultar este mensaje.
Para regresar al Panel de control, seleccione la opción Panel de control en el menú Sistema o
El panel de control también ofrece información relacionada con el uso de Joomla! como los
usuarios conectados, los artículos más populares o los más recientes (4). Tenga en cuenta que
esta posición de la plantilla de administración se puede enriquecer con información contextual
a través de extensiones que lo utilizan.
[email protected] 27
También se puede personalizar. Para hacerlo, abra el menú Extensiones - Gestor de
módulos y seleccione a la izquierda Administrador en lugar de Sitio. Puede desactivar los
módulos que no le interesen, como lo haría en el frontend.
Por último, en la parte inferior de la ventana hay una barra de estado (5) que informa sobre
el estado multilingüe del sitio, permite ver el sitio en una nueva pestaña o ventana del
navegador, o bien cerrar la sesión, funciones que son redundantes.
En el extremo derecho de la barra de menús horizontal, haga clic en el icono para obtener
una vista previa del sitio en una nueva ventana (o pestaña) de su navegador.
Para concluir este recorrido general, observe que el menú Ayuda le proporciona directamente
acceso a las ayudas y foros online, así como al directorio de extensiones (el JED - Joomla
Extensions Directory), a las traducciones, al centro de seguridad (que publica periódicamente
el resultado de la jornada anterior y las correcciones), y a los recursos para desarrolladores.
[email protected] 28
Archivar: dejará de ser visible, pero se almacenará en reserva para su consulta o utilización
posterior.
Desbloquear: hace que un elemento pueda editarse. Tenga en cuenta que si usted trabaja en
un elemento y sale de la página sin guardar o cancelar los cambios, se considerará que todavía
se está editando y por lo tanto seguirá bloqueado.
Lote: se trata del procesamiento por lotes que permite realizar una modificación que se aplicará
a varios elementos seleccionados en la lista.
Guardar: guarda los cambios realizados permaneciendo en la página de edición del elemento.
Guardar y cerrar: guarda los cambios y sale de la página de edición del elemento, que ya no
estará bloqueado.
Guardar y nuevo: guarda los cambios del elemento, que ya no estará bloqueado, y abre la
página de edición de un nuevo elemento.
Guardar como copia: guarda un nuevo elemento con las características introducidas.
Cancelar: sale de la página de edición del elemento (que ya no estará bloqueado) sin guardar
los últimos cambios.
[email protected] 29
Configuración global
La configuración reagrupa todos los ajustes principales y ofrece varias
pestañas: Sitio, Sistema, Servidor, Permisos y Filtros de texto. Si está ansioso por empezar a
construir su sitio web, puede saltarse esta información y conservarla para referencia futura cuando sea
necesario, pero es recomendable que no lo haga para poder tener una visión global del sistema sobre el
que va a trabajar.
Para añadir una imagen (su logotipo, por ejemplo) y hacer que este mensaje sea más agradable,
haga clic en Seleccionar en la opción Imagen para "Sitio fuera de línea".
[email protected] 30
Si la imagen es visible en la ventana, selecciónela o, para utilizar una imagen guardada en su
equipo, haga clic en el botón Examinar, situado en la parte inferior de la ventana, localice el
archivo de su ordenador y ábralo con un doble clic en su icono; a continuación, haga clic
en Iniciar subida. Cuando la imagen aparezca en la ventana del administrador, selecciónela.
La visualización de iconos de edición con mouse over (es decir, que reaccionan al pasar el ratón
sobre ellos) no son realmente útiles y además dependen de la plantilla (template) que se utilice.
No se instala ningún Captcha (prueba de Turing para evitar que robots de spam utilicen los
formularios). Una vez que haya añadido una extensión, para administrarla, puede seleccionarla
en esta lista.
Acceso por defecto: corresponde a los usuarios que tienen acceso por defecto a un nuevo
elemento cuando se crea. Evidentemente, esto podrá modificarse elemento por elemento.
Longitud de las listas: número de artículos (artículos, módulos, etc.) que se muestran por
defecto por página.
RSS y correo electrónico de los hijos: la eliminación de este componente del núcleo de Joomla!
está programada, por lo tanto, es posible que no pueda ver estos ajustes, que quedarán
obsoletos pronto.
c. Los metadatos
La configuración de estos parámetros es muy importante, ya que la visibilidad de su sitio web depende
directamente de ellos.
El contenido de los campos Metadescripción del sitio y Metapalabras clave deben ser objeto de
toda su atención. Es necesario escribirlas desde el punto de vista del usuario final y no del de sus
[email protected] 31
servicios técnicos o comerciales. Todo el arte de la optimización para motores de búsqueda se basa en
la pregunta: ¿cómo lo va a buscar el usuario?
Robots: las indicaciones que dé a los robots condicionarán la manera en la que explorarán su sitio:
Por tanto, debe combinar estas dos indicaciones para obtener lo que desea, lo más habitual es elegir la
opción Seguir con indexación. Si no desea indexar su sitio, entonces seleccione la opción No seguir
y no indexar.
Si la opción Mostrar la metaetiqueta del autor está ajustada en Sí, la etiqueta Autor se añadirá a
las páginas para indexar el autor de los elementos. Para administrar el sistema de «authorship» de
Google, será necesario utilizar plugins como por ejemplo SD Google Authorship, que puede
encontrar en el JED (y en nuestro libro dedicado a las mejores extensiones de Joomla!).
Por defecto, las direcciones URL se reescriben "de forma clara" (SEF). Sin embargo, incluyen la
cadena index.php, lo cual no es muy elegante. Un artículo mostrará, por
ejemplo:http://misitio.truco/index.php/miartículo...
Para que esto funcione correctamente, debe hacerse en un servidor Apache (la mayoría de los
casos) con el archivo HTACCESS en uso. Para ello, cambie el nombre del archivo htaccess.txt,
situado en la raíz del sitio, en .htaccess, algo que no podrá hacer directamente de forma local en
Mac, ya que la nomenclatura que comienza por un punto está reservada a los archivos del
sistema. En este caso, el truco consiste en abrir el archivo htaccess.txt con TextWrangler y
volverlo a grabar como .htaccess. Un cuadro de alerta le advertirá de que este archivo está
oculto (no visible), pero el resultado está ahí. A continuación, busque este archivo oculto, utilice la
herramienta gratuita Onyx (procedimiento descrito aquí: http://es.wikihow.com/ver-archivos-
ocultos-en-Mac-OS-X-y-otros-modelos-recientes).
Agregar el sufijo (html, php etc) a la URL: esta opción no es realmente útil.
Incluir el nombre del sitio en el título de las páginas: añade el título del sitio en la
barra (o la pestaña) del navegador.
Debe cumplir con la legislación europea sobre cookies, es decir, debe informar sistemáticamente a los
usuarios del uso de cookies y darles la opción de continuar (aceptar) o salir del sitio. Las plantillas
integran esta función, y hay extensiones gratuitas que gestionan muy bien esto, como por ejemplo EU
e-Privacy Directive, que puede encontrar en el JED.
Estos son los ajustes en los que puede intervenir según sus necesidades:
Configuración del depurador: si la opción Depurador del sistema está ajustada en Sí, el
sitio muestra en la parte inferior de la página la información del sistema, lo cual resulta útil
para comprender qué ha ocurrido en caso de presentarse algún problema. En producción, es
mejor no activarla, ya que los usuarios podrían verse afectados por estas indicaciones.
[email protected] 32
Configuración de la caché: por defecto, la caché está desactivada. Su función es almacenar
páginas de una misma sesión para volverlas a cargar más rápidamente. El caché a veces
resulta contraproducente para sitios importantes con muchas visitas. Si la utiliza, tenga en
cuenta que la carpeta en la que se almacenan los archivos de la caché debe tener los
permisos chmod 777, es decir, con todos los permisos de lectura y escritura para todos.
Configuración de las sesiones: las sesiones están configuradas para tener una duración de
15 minutos, lo cual es un plazo demasiado corto cuando se está en la fase de desarrollo de su
sitio. Puede cambiar este valor por una duración más larga, pero recuerde volver a ajustar
este parámetro en 15 una vez que el sitio esté en producción, por razones de seguridad.
Estas son las principales opciones de configuración en las que puede intervenir:
Compresión ’Gzip’ de páginas: si la opción está ajustada en Sí, las páginas se comprimirán y
podrá ofrecerlas más rápidamente. Esto puede ocasionar incompatibilidades con algunas plantillas
o extensiones. Esta característica se debe probar e implementar únicamente si el ahorro de
tiempo de visualización de las páginas es significativo.
Forzar SSL: el cifrado de los datos transferidos (Secure Socket Layer) añade una seguridad muy
valiosa para los usuarios, pero su uso está justificado únicamente en entornos en los que circulan
datos sensibles.
Enable Proxy (Habilitar proxy): según su entorno de servidor (si usted mismo aloja su propio
sitio), puede solicitar a Joomla! que pase por un proxy para proteger las transferencias. Si lo
activa, será necesario introducir la información del proxy.
La configuración de los permisos es el primer paso en la gestión del acceso y de los usuarios.
Aquí se trata de especificar aquello que un grupo de usuarios tiene permiso para hacer o no.
Estos permisos se conceden para cada grupo. Es posible crear tantos grupos como sean
necesarios.
En el panel izquierdo, seleccione el grupo de usuarios afectados por el cambio y especifique sus
permisos en el panel derecho.
Hay permisos que pueden ser Permitidos, Denegados o Heredados de un grupo padre:
Acceso fuera de línea Permite navegar por el sitio cuando está cerrado.
[email protected] 33
Permite publicar/despublicar.
Editar propios Igual que el anterior, pero limitado al contenido propio del
usuario.
En el siguiente ejemplo, los usuarios del grupo Administrador tienen todos los permisos,
excepto para las acciones reservadas al Súper usuario, el acceso a la Administración y el acceso
fuera de línea.
Definirá de manera precisa las etiquetas permitidas para sus usuarios. Es útil proteger el sitio de
ataques que puedan lanzarse mediante determinadas etiquetas. Por otro lado, de esta manera
garantiza el respeto al diseño gráfico, evitando que los colaboradores puedan aplicar estilos no
autorizados.
Lista negra por defecto Evita la inserción de las etiquetas más peligrosas.
Lista negra personalizada Evita la inserción de todas las etiquetas que especifique en los
campos Filtrar etiquetas y Filtrar atributos (separados por
comas).
Lista blanca Permite sólo las etiquetas que se introduzcan en los siguientes
campos.
[email protected] 34
Gestionar los usuarios
La organización del control de acceso y de edición es bastante potente y es capaz de gestionar
prácticamente todos los casos a diferencia de otros CMS más básicos. Está estructurada en Usuarios,
Grupos, Permisos y Acceso.
Para cada grupo, especifica las acciones autorizadas (configuración y permisos). Aquí se elige
lo que pueden hacer los miembros de un grupo.
Es posible crear tantos niveles de acceso (usuarios y niveles de acceso) como sean necesarios,
a los cuales se les asignarán grupos. El nivel de acceso se aplica a un elemento, por tanto,
aquí se define aquello que los miembros de un grupo pueden ver.
Los cambios son muy flexibles, ya que en cualquier momento puede hacer lo siguiente:
En el campo Título del grupo, escriba el nombre del grupo que desea crear y, si es preciso,
seleccione, en la lista Grupo principal, el grupo del cual heredará los permisos.
[email protected] 35
Haga clic en el botón Guardar y cerrar.
Ahora debe gestionar los niveles de acceso a los que se asignará este grupo, Diseñador web en
nuestro ejemplo.
Asigne los Niveles de acceso con un clic en el enlace correspondiente del panel izquierdo.
Haga clic en uno de los niveles de acceso existentes para editarlo y agregue el grupo Diseñador
web marcando la casilla de verificación situada junto al nombre del grupo.
El principio es que cuando un elemento (artículo, categoría, módulo, etc.) solicite uno de estos
niveles de acceso para ser visible, un miembro del grupo de Diseñador web podrá acceder a él.
Puede ser recomendable crear un nivel de acceso reservado a nuestro grupo Diseñador web.
En este caso, haga clic en Nuevo, escriba un nombre para este nivel y seleccione únicamente el
grupo correspondiente, aquí Diseñador web.
Para terminar de configurar los permisos, en el menú Sistema, seleccione la opción Configuración
global y haga clic en la ficha Permisos. Haga clic en el grupo correspondiente, aquí Diseñador
web y compruebe que ha heredado los permisos de su grupo padre (Publicador).
Cambie los permisos que desee personalizar con las listas desplegables y haga clic en Guardar.
Podrá ver los nuevos permisos una vez se actualice la página.
3. Crear un usuario
Para crear un usuario, abra el menú Usuarios y seleccione Gestor de usuarios - Añadir un
nuevo usuario. Complete la información que desee en el formulario que aparece.
Para agregar este usuario a uno o varios grupos de usuarios, haga clic en la ficha Grupos de
usuario asignados y luego seleccione el grupo o grupos correspondientes.
Haga clic en la ficha Configuración básica y especifique los parámetros del usuario.
La mayoría de los ajustes debe dejarlos sin cambios. Observará que a un usuario se le puede asignar un
idioma disponible para su interfaz de administración, así como una plantilla personalizada. En el caso de
un sitio administrado internacionalmente, tenga en cuenta también la zona horaria de los colaboradores.
[email protected] 36
4. Registro automático de los usuarios
Si se autoriza la operación, los usuarios pueden registrarse como usuarios registrados en el proprio sitio
(FrontEnd). El formulario de identificación y el formulario de registro pueden colocarse en un módulo.
En el ejemplo siguiente, en la página de inicio de sesión, el usuario que aún no está registrado puede
registrarse haciendo clic en el enlace ¿Todavía no tienes una cuenta?.
Luego se dirige a una página de creación de cuenta. Una vez que el formulario ha sido completado y
enviado correctamente, recibirá un correo electrónico con un enlace de activación. Nada más hacer clic
en este enlace, se activará su cuenta. Si no se permite la activación automática, deberá hacerlo
manualmente.
Desde la página Panel de control, haga clic en el enlace Gestor de usuarios en el panel
izquierdo para mostrar la lista de usuarios.
a. Componente
Permitir el registro de usuarios : en este caso, visto en el ejemplo anterior, los usuarios
pueden registrarse ellos mismos.
Grupo predeterminado de registro: los nuevos registrados se colocan en este grupo por
defecto.
Grupo para los invitados: los no registrados se colocan en este grupo por defecto.
Enviar contraseña: el usuario recibirá por correo electrónico la contraseña que introdujo
durante el registro.
Los demás parámetros son obvios. Observe que también puede aumentar la complejidad de las
especificaciones para la contraseña exigiendo que incluyan números, caracteres especiales y
mayúsculas...
Si la opción Guardar historial está habilitada, las versiones anteriores de un usuario que haya
cambiado de nombre de usuario o de contraseña se conservarán. Estas versiones se pueden restituir si
así se solicita.
c. Correo masivo
Especifique aquí el Sufijo del texto de correo que se verá de forma predeterminada en un envío
de correo electrónico en masa a sus usuarios, por ejemplo el nombre de su sitio web, así como la
firma al final del mensaje.
[email protected] 37
6. Las notas de usuarios
Tenga en cuenta que la información relacionada con sus usuarios constituye una base de datos nominal.
En España, debe declararse a la Agencia Española de Protección de Datos que puede comprobar que no
almacena información ilícita, especialmente en materia de pertenencia étnica, religiosa o preferencias
sexuales, que podrían acarrear una importante sanción, o incluso llevarle a prisión. Así que hay que
tener mucha cautela con el uso de las notas de los usuarios, especialmente si se alimentan por múltiples
colaboradores.
Para crear una categoría de notas desde la página del Gestor de usuarios, haga clic en el panel
izquierdo, en el enlace Categorías de notas y luego en el botón Nuevo o elija en el
menú Usuarios, Categoría de notas - Añadir nueva categoría.
esta categoría, especialmente su creador, que podrá elegir con un clic en el icono .
En la ficha Permisos, especifique lo que está permitido para los grupos interesados.
En el ejemplo siguiente, limitamos el grupo Diseñador web a poder crear únicamente notas
en esta categoría. No puede ni eliminar ni editar.
Tenga en cuenta que las categorías se pueden anidar. En el ejemplo siguiente, hemos creado la
categoría Comentarios positivos cuya categoría principal es GRC - Gestión de Relaciones
con los Clientes. Aunque es posible modificar estas categorías, así como sus relaciones más tarde,
es preferible pensar con anterioridad su estructura de árbol.
Desde la página Gestor de usuarios, haga clic en el enlace Notas de usuario y luego en el
botón Nuevo o seleccione, en el menú Usuarios, la opción Notas de usuarios - Añadir una
nota de usuario.
Intente ser preciso. Dispone de un completo editor y puede incluir enlaces e imágenes como lo
haría en un artículo.
[email protected] 38
También observará la presencia de las notas en la lista de usuarios. Puede consultar y crear
una nota con un clic en el botón Añadir nota correspondiente a la fila de cada usuario.
[email protected] 39
CAPÍTULO 3
Las plantillas
En Joomla! la forma está separada del contenido, la presentación del sitio se basa en la plantilla, un
modelo gráfico cuyos archivos se almacenan en una carpeta específica, que a su vez se almacena dentro
de la carpeta Templates del sitio. Por defecto, encontrará las carpetas:
Las plantillas se gestionan completamente a través del Panel de control del sitio, por lo que, en principio,
no tendrá que intervenir en estas carpetas.
Es necesario entender que la adaptación no consiste sólo en cambiar el tamaño de los elementos
(imágenes, módulos, etc.), sino que también afecta a su posicionamiento, o incluso a su apariencia. Por
ejemplo, una barra de menús muy grande debe presentarse de manera diferente para un teléfono móvil.
Por tanto, es necesario tener hojas de estilo que gestionen adecuadamente estas adaptaciones, pero
también scripts de JavaScript que activen su implementación.
En el siguiente ejemplo, el sitio de la izquierda muestra una barra de menús horizontal, mientras que en
el centro, con una pantalla más estrecha, los menús se presentan unos encima de los otros, y finalmente
en un teléfono celular, es la estructura de la página cambia pasando de 2 a 1 columna.
Esta prueba se realiza con una extensión de Chrome que recomendamos, llamada Responsive
test. Una vez instalada, se puede acceder a ella con un clic derecho en la página.
Cuando elija una plantilla, ya sea de pago o gratuita, asegúrese de que es capaz de adaptarse a los
dispositivos móviles, puesto que ya son los más utilizados para consultar sitios web.
a. Los criterios
[email protected] 40
A la hora de elegir una plantilla, no se guíe únicamente por sus gráficos, sino que debe basar su
decisión en los siguientes criterios:
Responsive: para poder adaptarse a los dispositivos móviles, como acabamos de ver.
Múltiples posiciones: cuanto mayor sea el número de posiciones disponibles para colocar
elementos, mayor flexibilidad creativa obtendrá. Añadir posiciones no previstas inicialmente en
una plantilla requiere habilidades avanzadas y mucho tiempo.
En el siguiente ejemplo, la plantilla (proporcionada por RocketTheme) ofrece una gran cantidad
de posiciones (que a su vez ofrecen subposiciones - 5 para el encabezado o header) para
colocar sus artículos. Quizás no las utilice todas, pero es una garantía de que no estará limitado.
El estilo de los módulos debe ser lo más variado posible, la tipografía modulable con el uso
nativo de fuentes alojadas en línea como Googles Fonts, y la provisión de conjuntos de iconos
también en forma de tipografía.
En los sitios de demostración de los principales productores de plantillas, por lo general encontrará el
acceso a esta información agrupada en un menú llamado Features, como a continuación en
RocketTheme.
[email protected] 41
La compatibilidad con los componentes principales que tiene previsto utilizar como K2
(gestión de contenidos avanzada), JomSocial (gestión de redes sociales), etc.
Evite las plantillas gratuitas que ofrecen los sitios de "repositorio de plantillas", ya que pueden hacerle
perder mucho tiempo y dinero al final, porque:
no seguirán a las actualizaciones, lo que podría "cargarse" su sitio en la primera evolución del
CMS;
será difícil adaptarlas a su diseño gráfico, ya que a menudo están desarrolladas de una manera
poco ortodoxa;
Evite también los intermediarios que presentan cientos de plantillas procedentes de diversas fuentes,
que no vamos a mencionar, pero que a menudo aparecen en la primera página de resultados de
Google, porque:
no cuentan con ninguna garantía y presentan más o menos los mismos defectos que hemos
mencionado antes.
Entonces, ¿a dónde acudir? Independientemente de cuál sea su modo de comercialización, una buena
plantilla nunca le costará más de cincuenta euros, lo cual es insignificante en comparación con el
ahorro de tiempo y la calidad que garantizan. Puede explorar con seguridad los siguientes proveedores
que también trabajan tanto para Joomla! como para WordPress:
[email protected] 42
posibilidades gratuitas bastante eficientes (http://www.gavick.com/joomla-Templates/tag,free-
Joomla.html). Por contra, la documentación no siempre es evidente.
Si aun así prefiere las plantillas gratuitas o si desea realizar pruebas en un sitio que no está en
producción, pruebe uno de estos "repositorios de plantillas":
[email protected] 43
Gestión de plantillas
Ahora que ya sabemos elegir las plantillas, veremos cómo se gestionan con Joomla! y cómo se instalan y
asignan.
1. La interfaz
En la categoría CONFIGURACIÓN del panel izquierdo, haga clic en el enlace Gestor de
plantillaso seleccione la opción Gestor de plantillas en el menú Extensiones.
Fichas Estilos y Plantillas (1): un estilo es una configuración particular basada en una plantilla
que se puede aplicar a todas (por defecto) o solamente a determinadas páginas. Una plantilla
reagrupa el conjunto de recursos utilizados para crear los estilos.
Filtros (3): permiten aislar uno o varios elementos en base a los criterios seleccionados en las
listas desplegables (por plantilla o por ubicación).
Lista de elementos (5): puede ordenarla con un clic en los encabezados de columna. El
símbolo indica un estilo utilizado por defecto; el símbolo indica un estilo asignado
2. Las opciones
Haga clic en el botón Opciones.
Para activar la vista previa de la posición de los módulos, haga clic en Habilitado.
Tamaño de las subidas (MB): indique el tamaño máximo para la transferencia de archivos (el
tamaño sólo afecta al gestor de plantillas).
[email protected] 44
La ficha Permisos permite a otros usuarios abrir el gestor de plantillas ya que, por defecto,
está reservado al Súper usuario.
3. Las plantillas
En el panel izquierdo, haga clic en la ficha Plantillas para consultar las plantillas disponibles en las
que se basan los estilos.
Por defecto, la vista previa no está disponible. La activación de la vista previa de las posiciones
en las Opciones hace que esté disponible.
Haga clic en el enlace Previsualizar para ver el sitio en una nueva pestaña con indicaciones de las
posiciones en color rojo, lo cual es muy útil a la hora de elegir una posición para colocar un módulo.
Haga clic en el enlace Detalles y archivos para mostrar la lista de archivos. A continuación,
seleccione en el panel izquierdo el archivo que desea editar.
¡Atención! Para que se guarden los cambios, es necesario que estos archivos y las carpetas que los
contienen tengan permisos de acceso al servidor. Si abre estos permisos completamente (chmod
777) a través de FTP (con FileZilla, por ejemplo), creerá un enorme agujero de seguridad. Esto no es
muy preocupante ya que su sitio no está abierto, pero recuerde que debe restablecer los permisos de
acceso y escritura una vez que implemente su sitio (por ejemplo, chmod 755 ).
Esta ficha permite crear una variante de un archivo desde la interfaz de administración.
Ya se puede editar este archivo y la variante asignada a un elemento como, por ejemplo, un
módulo.
Una vez creada la sustitución, se almacena en una carpeta colocada en la carpeta html de la
plantilla. A continuación, basta con editarla con TextWrangler o Notepad++.
5. Editar un estilo
Seleccione el estilo, márquelo en la lista y haga clic en el botón Editar. A menudo es interesante
duplicar un estilo existente, en este caso, haga clic en Duplicar.
Abra el estilo duplicado con un clic en su nombre y en la pestaña Avanzado. Cambie el nombre en
el campo Nombre del estilo y especifique los ajustes deseados, que pueden variar de una plantilla
a otra.
Las plantillas que probaremos más adelante ofrecen una amplia gama de ajustes.
[email protected] 45
En este ejemplo, hemos duplicado el estilo Protostar y añadido una imagen para el logotipo
(botón Seleccionar).
La ficha Asignación de Menú permite elegir las páginas a las que se aplicará el estilo.
Para ver la página del sitio, haga clic en , a la derecha de la barra de menús.
Supongamos que en Gavick, decide instalar una plantilla gratuita, como Music Free.
Haga clic en la vista previa de una plantilla para acceder a la página que la presenta en detalle.
Haga clic en los dos botones DOWNLOAD NOW para descargar los dos archivos:
Tenga en cuenta que este paquete es muy útil ya que también contiene las
extensiones: módulos y plugins que se puede utilizar si desea ampliar las funcionalidades.
Los estudiaremos más adelante.
[email protected] 46
En el Panel de control, haga clic en el enlace Instalar extensiones visible en la
categoría EXTENSIONES ya que la plantilla es una extensión como cualquier otra de Joomla!.
En la ficha Subir paquete haga clic en Seleccionar un archivo (Mac) o Examinar (PC) y haga
doble clic en el archivo de la plantilla sin descomprimir.
En la ficha Layouts puede ajustar los parámetros de la estructura. La opción Grid base
width corresponde a la anchura máxima de la página. De forma predeterminada, es muy
pequeño, puede ampliarlo a 960 px. Siempre se recomienda realizar pruebas con los tamaños
de los dispositivos móviles, como por ejemplo con la extensión Responsive Design Test de
Chrome, para garantizar la correcta visualización de su sitio en todas las circunstancias.
En la ficha Fonts puede especificar para cada categoría de elementos las fuentes de
caracteres que desea utilizar, sin limitarse a las fuentes web básicas.
Para cada elemento, elija el origen de la fuente en la lista desplegable (Body - font, Header -
font...), y a continuación indique la dirección URL de la fuente y el nombre de su familia en los
dos campos siguientes (Font url y Font family).
Por ejemplo, si desea utilizar las fuentes Rock Salt de Google, acceda a la dirección del sitio de
Google Fonts: https://www.google.com/fonts. En el cuadro de búsqueda (panel superior
izquierdo), introduzca Rock Salt para mostrar más rápidamente la familia de la fuente y luego
haga clic en el icono Quick use para ver los detalles y copie la dirección URL de la
fuente.
Pegue esta URL en el campo Font url e introduzca Rock Salt, la familia de la fuente, en el
campo Font family.
A continuación, en el siguiente campo, especifique a qué selectores asignar esta fuente. Aquí, las
etiquetas de encabezado de nivel H1.
Guarde (sin salir) con un clic en Guardar y luego compruebe que la fuente se ve correctamente
[email protected] 47
abriendo la página del sitio.
En la ficha Features puede elegir el tipo de logo que aparecerá: imagen, texto, CSS.
En la ficha Social API, indique qué botones de redes sociales mostrar y si permite el acceso a
través de Facebook.
La ficha Cookie Law muestra una alerta obligatoria en Europa. Por desgracia, lo hará en
inglés, pero más adelante veremos cómo traducirla.
La ficha Advanced settings ofrece ajustes para la compresión de los estilos y de las
bibliotecas utilizadas. Será necesario activar y probar estas compresiones una por una para
comprobar que no afectan negativamente a la presentación del sitio.
Después de cada una de estas opciones, haga clic en Guardar y cuando haya terminado, haga clic
en Guardar y cerrar.
Aquí explicamos cómo traducir el mensaje de advertencia sobre las cookies que aparece en la parte
inferior de la página.
Descárguelo (si el sitio está alojado en un servidor) y ábralo con TextWrangler en Mac o
Notepad++ en PC.
Realice una búsqueda del término cookie para localizar rápidamente las cadenas relacionadas con
el tema que nos interesa.
Si vuelve a guardar el archivo modificado en el mismo lugar, perderá la versión en inglés, lo cual
puede ser perjudicial para un sitio multilingüe. Es mejor guardar el archivo traducido en la
carpeta raízdelsitio/language/es-ES cambiando en-GB por es-ES al principio del nombre del
archivo.
Si su sitio está en español, Joomla! entenderá que debe utilizar este archivo de idioma y el
módulo quedará traducido, como se muestra aquí.
[email protected] 48
7. Utilizar un framework
Hemos visto que los sitios de plantillas también ofrecen frameworks. En general, se ofrecen
directamente con una plantilla minimalista para que pueda personalizar absolutamente todos los
parámetros.
Si desea descargar únicamente el framework, haga clic en el botón Download situado al lado del
título Quasar Template (Standalone); para descargar el framework y una plantilla básica, lo
cual es muy recomendable para poder comprobar el impacto de su configuración, haga clic en el
botón Download situado al lado del título Quasar Template bundled with Gantry.
Para instalar el archivo descargado, en la categoría EXTENSIONES del Panel de control, haga clic
en el enlace Instalar extensiones. En la primera ficha, haga clic en Seleccionar un
archivo(Mac) o Examinar (PC) y haga doble clic en el archivo de la plantilla sin descomprimir. A
continuación, haga clic en Subir e instalar.
Un mensaje le informa del éxito de la operación y le muestra una lista de los componentes
instalados:
En la lista de estilos (enlace Gestor de plantillas), haga clic en el título Quasar - Default para
acceder a la configuración.
JV Framework: http://joomlavi.com/joomla-templates/jv-framework-3-0.html
Le permitirán una personalización completa sin tener que crear todas las partes de las plantillas, lo
cual le ahorrará un tiempo muy valioso.
[email protected] 49
La gestión de los medios
El gestor multimedia nativo de Joomla! es un poco pobre. En el capítulo dedicado a la gestión de artículos
veremos cómo instalar JCE, que no sólo facilitará su edición, sino que además le ofrecerá un gestor
multimedia mucho más eficiente.
En la ficha Componente, añada las extensiones de los archivos que desea importar, como por
ejemplo, la extensión SVG en el campo Extensiones permitidas.
¡Atención! Aunque pueda enviarlos, en realidad sólo los archivos reconocidos por el W3C podrán
mostrarse correctamente en un navegador, así que olvídese de las extensiones .PSD, A, a
menos que quiera ofrecerlos para su descarga. Para algunos servidores, es preferible colocar
estos archivos por orden alfabético en el campo Extensiones permitidas.
Los archivos multimedia están organizados de tal forma que pueden colocarse en carpetas.
Navegue por las carpetas haciendo clic en sus iconos, tanto en la ventana principal como en el
[email protected] 50
menú lateral. Para volver a la carpeta superior, haga clic en el icono .
Para crear una nueva carpeta, haga clic en el botón Crear una nueva carpeta y, a continuación,
escriba el nombre de la carpeta en el cuadro de texto que aparece y haga clic en Crear carpeta.
Para enviar un archivo, haga clic en Subir y, a continuación, Seleccionar archivos (Mac)
o Examinar (PC). Haga doble clic en el archivo y haga clic en Iniciar subida. Por favor, respete el
tamaño máximo permitido especificado en las opciones de configuración.
En el siguiente ejemplo, verá que hemos podido enviar un archivo de tipo PDF.
Como puede ver, este sistema es bastante básico y no permite el procesamiento por lotes ni mover
elementos. Tenga por seguro, que utilizando un editor avanzado (y gratuito) como JCK o JCE, disfrutará
de una gestión mucho más conveniente de los archivos multimedia. En la sección Gestionar los artículos
- Crear un artículo del capítulo Organizar el contenido, podrá consultar el proceso con JCE.
[email protected] 51
CAPÍTULO 4
Organizar el contenido
Introducción
En este capítulo vamos a familiarizarnos con el universo de Joomla! y verá cómo crear sus primeros
artículos.
Los artículos se pueden clasificar o no. Aunque no es obligatorio, se recomienda organizar el contenido en
una estructura lógica que permita optimizar, entre otros, la referencia al sitio. Antes de empezar a crear
artículos, es importante crear las categorías necesarias. Joomla! permite el anidamiento de las categorías
de manera ilimitada.
[email protected] 52
La configuración global del contenido
La gestión de la presentación del contenido, ya sean artículos o páginas de categorías en forma de blog o
lista, está previsto que se establezca de forma predeterminada para no tener que hacerlo elemento por
elemento. Estos valores siempre se pueden modificar más adelante para controlar las excepciones.
En la ventana que se abre, las fichas clasifican los ajustes que se asignarán a los elementos de
contenido. Los ajustes por defecto son adecuados en la mayoría de los casos, pero vamos a
explicar los más importantes para que pueda consultarlos cuando sea necesario.
Mostrar navegación Para Mostrar los enlaces Anterior y Siguiente para pasar de un
artículo a otro.
Límite de ’Leer más’ En el caso de un artículo que muestra un enlace Leer más,
determina el número de los caracteres del texto de introducción.
Mostrar las etiquetas Para Mostrar u Ocultar las palabras clave introducidas para el
artículo.
[email protected] 53
Mostrar los enlaces no Para mostrar o no los enlaces a los elementos de acceso
autorizados restringido.
Posición de los enlaces Para colocar los enlaces arriba, abajo, o en ambos lados.
2. Opciones de edición
Las opciones de edición determinan lo que aparecerá en la página de creación del artículo. Desactivar
algunas de estas características es útil en el caso de que el sitio esté gestionado por muchos
colaboradores. De este modo, puede restringir los cambios no deseados de los colaboradores.
Mostrar las ’Opciones de Para mostrar o no las listas desplegables de fechas de publicación
publicación’ y de autor.
Mostrar las ’Opciones del Para mostrar o no los paneles desplegables de opciones.
artículo’
Mostrar las ’Opciones de Los campos Imágenes y Enlaces por defecto aparecerán cuando
imágenes y enlaces’ desde el los colaboradores autorizados escriban sus artículos a través del
sitio FrontEnd ("portada" del sitio, accesible para el público).
Mostrar las ’Opciones de Los campos de imágenes y enlaces estarán accesibles al escribir un
imágenes y enlaces’ desde la artículo a través del Panel de control.
administración
Flotación de la imagen Para seleccionar la posición de los campos de imágenes y del texto
parael texto de introducción del artículo.
y para el texto al completo
3. Opciones de categoría
La configuración establecida aquí se aplica a las categorías. Se pueden modificar en la propia categoría,
además de en el menú que le da acceso.
Elegir presentación Seleccione Blog para mostrar los artículos unos encima de los
otros o Lista para mostrar únicamente los títulos.
Mostrar el texto de las Para Mostrar u Ocultar las subcategorías en modo subtítulo
subcategorías (etiqueta H3).
Categorías vacías Para Mostrar u Ocultar las categorías vacías (las que no
contienen ningún artículo ni subcategoría).
Mensaje para ’Sin artículos’ Para Mostrar u Ocultar el mensaje «No hay artículos en esta
categoría».
Mostrar las etiquetas Para Mostrar u Ocultar las palabras clave introducidas para la
categoría.
[email protected] 54
4. Opciones de categorías
En un boletín, el título de la ficha Categorías es el mismo que el anterior. Esta es la visualización de
una lista de categorías y no una página específica de una categoría como la anterior.
Haga clic en la ficha Opciones del formato del tipo blog o destacados y configure las opciones
siguientes:
Haga clic en la ficha Opciones del formato del tipo lista o tabla y configure las opciones
siguientes:
Seleccionar ’Cantidada Para Mostrar u Ocultar una lista desplegable para elegir la
mostrar’ presentación.
7. Opciones compartidas
Las opciones compartidas son comunes a las visualizaciones en modo Lista, Blog o Destacado (en la
página principal). En casos excepcionales, siempre puede suplantarlas actuando sobre la configuración
de los enlaces del menú.
Haga clic en la ficha Opciones compartidas y, si es preciso, modifique las opciones siguientes:
Ordenar por fecha Para ordenar los artículos según el orden especificado.
[email protected] 55
Paginación Para mostrar o no en la parte inferior los enlaces de navegación
entre las páginas.
8. Opciones de integración
Estos ajustes se aplican al componente Artículos que genera la presentación de las fuentes RSS.
9. Opciones de permisos
Estos ajustes descritos en la gestión de usuarios son los valores predeterminados que se aplican al
componente Contenido y, por tanto, a todos los artículos y categorías. Más adelante, se pueden
modificar para cada categoría o artículo si es necesario.
[email protected] 56
Gestión de las categorías
En el menú Contenido, seleccione la opción Gestor de categorías o haga clic en el enlace Gestor
de categorías en el panel izquierdo del panel de control.
Alias No escriba nada, Joomla! lo hará por usted para evitar duplicados.
Categoría raíz Indique de qué categoría depende. Para una categoría de nivel principal,
deje la opción Sin principal.
Acceso Indique el nivel de acceso (y por lo tanto los grupos que pueden acceder a
él).
[email protected] 57
Fecha de Estos campos están accesibles después de establecer la categoría.
modificación y Modificado
por
Veces visto e ID El sistema rellena automáticamente estos campos.
Metadescripción, Metapalabras
Estos datos son importantes para un posicionamiento adecuado en los
clave y Autor motores de búsqueda.
Robots No debe cambiarse a no ser que este parámetro sea diferente del
configurado a nivel global.
En la ficha Opciones, elija el tipo de presentación para la página de categoría en caso de que vaya
a ser diferente de la definida en la configuración global y, si es necesario, añada la imagen asociada
con la categoría.
Una vez que haya completado la configuración, haga clic en Guardar y cerrar para confirmarla.
Mientras esté trabajando, es recomendable que haga clic en Guardar sin cerrar. De este modo,
puede comprobar los cambios en el FrontEnd en otra pestaña del navegador y seguir editando la
categoría.
El botón Guardar y nuevo confirma y crea una nueva categoría con un clic.
Seleccione las categorías sobre las que desea intervenir marcando sus casillas de verificación y
haga clic en el botón Lote.
Asignar nivel de acceso: para cambiar el nivel de acceso (para establecer los grupos que
pueden verlo).
Mover las categorías, por ejemplo, para colocarlas en otra categoría principal, o para copiarlas.
[email protected] 58
Gestionar los artículos
El acceso a los artículos y su organización es similar al de las categorías. Esta coherencia permite un
aprendizaje más rápido de Joomla!. Sin embargo, vamos a detallar todas las operaciones necesarias.
1. La interfaz
Desde el panel de control, haga clic en el enlace Gestor de artículos o, en el menú Contenido,
seleccione Gestor de artículos.
Si ha descargado los datos de ejemplo durante la instalación, podrá ver una lista de artículos.
a. La barra de botones
Además del botón Nuevo, que permite crear un nuevo elemento, la barra de botones de acción
permite actuar sobre los artículos seleccionados en la lista, marcando su casilla de verificación a la
izquierda de su línea:
Desbloquear: hace que un artículo que se considera que está siendo editado se pueda editar,
por ejemplo, si se salió de la ventana del editor sin guardar o cancelar los cambios.
Papelera: para eliminar los artículos seleccionados (que se podrán recuperar siempre y cuando
no se haya vaciado la papelera).
Lote: para realizar operaciones por lotes (aplicables a varios artículos seleccionados).
Encima de la lista de artículos, hay una barra que permite buscarlos, filtrarlos y clasificarlos:
El campo Buscar permite realizar una búsqueda basada en una cadena de texto.
Buscar herramientas permite filtrar la lista según casi todos los criterios relacionados con los
artículos a través de las listas desplegables que se presentan. Tenga en cuenta que el
botón Seleccionar niveles máximos determina los artículos de subcategorías que se mostrarán.
La lista desplegable situada a la derecha permite ordenar las tablas (por defecto, por ID ascendente),
lo cual también es posible columna por columna. La siguiente lista permite elegir el número de
artículos que se mostrarán.
2. Crear un artículo
En el panel Gestor de artículos, haga clic en Nuevo.
[email protected] 59
También puede seleccionar, en el menú Contenido, la opción Gestor de artículos - Añadir
nuevo articulo.
Título Escriba el título del artículo. Este título, visible o no, es importante especialmente
para el SEO.
Alias No escriba nada, deje que Joomla! lo haga por usted al guardar los cambios.
Categoría Elija la categoría a la que pertenecerá el artículo. También puede no asignar ninguna
categoría, lo cual no se recomienda.
Etiquetas Introduzca las palabras clave para ayudar al posicionamiento del artículo en los
motores de búsqueda.
Estado Un artículo puede estar Publicado (visible en el sitio web), Despublicado (no
visible en el sitio) Archivado (no visible en el sitio web pero disponible) o Movido a
la papelera (es decir, no disponible). Tenga en cuenta que si un artículo no ha sido
eliminado de la papelera, aún puede recuperarlo cambiando su estado.
Idioma Elija otro idioma, si es necesario. Por defecto, el idioma actual del sitio.
Clave de referencia/Referencia Referencia libre, por ejemplo, puede indicar una nomenclatura
externa documental externa.
La ficha Permisos permite modificar la configuración general de los permisos de escritura de los
usuarios para el artículo en cuestión.
La primera ficha Contenido contiene el campo más importante: ¡el del artículo! Para redactarlo,
cuenta con la ayuda de un editor de texto que contiene las funciones estándar de un procesador de
texto.
En la parte inferior de la ventana de edición del artículo, una barra de botones permite:
Salto de página: inserción de un salto de página (en caso de un artículo muy largo o segmentado en
secciones).
Leer más: introduce una barrera virtual entre la introducción del artículo (o su resumen) y lo que le
sigue.
En el ejemplo siguiente, podemos ver la materialización del límite entre la introducción y el resto del
artículo, con una línea discontinua.
Este concepto de introducción es muy importante porque a menudo los elementos se presentan
bien en la página de inicio o en una página de categoría, y los visitantes posiblemente no vayan
más allá. En este caso, la introducción debe redactarse cuidadosamente, no sólo para intentar que
los visitantes quieran leer todo el artículo, sino también para resumir el mensaje esencial. La
introducción es similar al "lead-in" periodístico.
[email protected] 61
Aquí, puede ver el resultado cuando, en la página principal, sólo aparece la introducción del artículo
destacado, así como la imagen asociada.
El botón Leer más muestra el artículo en su totalidad y la imagen que aparece es la asociada no a la
introducción, sino al propio artículo.
También se puede observar que al principio del artículo se muestran los detalles especificados en la
configuración general o específicamente del articulo.
El artículo aparece en la lista. Observe que en el ejemplo siguiente, está bloqueado. Esto se debe
a que el artículo se cerró sin guardar algunos cambios. Aunque es muy fácil desbloquear los
artículos, recuerde siempre salir de la ventana de edición con un clic en Guardar y
cerrar o Cerraren caso de que no haya realizado ningún cambio.
c. Insertar imágenes
margin-right: 10px;
Esto tendrá el efecto de poner un margen a la derecha de la imagen.
margin-bottom: 5px;
También puede ajustar todos los márgenes de una sola vez (en el orden: arriba, derecha, abajo,
izquierda, en sentido horario) escribiendo el siguiente código:
Margin:0px,10px,14px,0px
Después de guardar, el cambio aparece con el margen requerido.
Al final, este editor estándar, desarrollado fuera de Joomla! y que se encuentran en otros CMS, podría
hacerlo mejor. Algunos desarrolladores con talento han creado otros editores que puede descargar e
instalar desde el JED (Joomla Extensions Directory).
Entre los editores, puede probar JCE, que es el más conocido y se puede descargar
directamente en: https://www.joomlacontenteditor.net/
Haga clic en el enlace Download Now! ya que puede contener plugins que le serán útiles más
[email protected] 62
adelante cuando desee utilizar el editor con componentes de terceros.
El elemento para instalar con Joomla! será com_jce_xxx. Otros plugins añaden
características como JCEmediabox para la visualización de archivos multimedia. Pero estos
plugins no son necesarios para usar el editor.
Para activar JCE, haga clic en el enlace Configuración del Panel de control y, en la lista Editor
predeterminado de la ficha Sitio, seleccione la opción Editor - JCE en lugar de la opción Editor
- TinyMCE.
Recuerde que también puede asignar un editor a un usuario. De este modo, puede utilizar
JCE para lograr formatos avanzados y dejar a sus colaboradores el editor Tiny MCE, que es
más simple y suficiente para sus necesidades.
Una vez instalado JCE, el avance más notable está en la gestión multimedia, que ahora es mucho más
simple. Para empezar, un nuevo enlace del menú lateral proporciona acceso a esta gestión de archivos.
En el Panel de control, haga clic en el enlace JCE Navegador de Archivos para abrir la
ventana Navegador Archivos.
Copiarlos.
Al insertar una imagen en un artículo, el Gestor de imágenes que se abre ofrece la posibilidad de editar
los ajustes de las imágenes sin necesidad de escribir una sola línea de código. A continuación,
observará que los márgenes se gestionan en campos específicos. También observará que las fichas le
permiten acceder a características avanzadas como, por ejemplo, la ficha Cambio de Imagen para
gestionar las imágenes reactivas.
Por otra parte, las operaciones sobre los archivos también son accesibles directamente al colocar o
editar imágenes.
[email protected] 63
En el editor de texto de un artículo, la barra de herramientas del editor JCE es mucho más amplia que
el editor por defecto Tiny MCE. Observe que además de funciones sofisticadas de procesamiento de
texto, ofrece otras:
Existen plugins para JCE, algunos gratuitos, otros disponibles por suscripción que amplían sus
funcionalidades para convertirlo en una herramienta obligatoria.
JCE no está solo en su mercado. Puede probar CK Editor, JCK Editor o Artof editor que
encontrará en el JED.
Para editar un artículo, debe haber iniciado sesión y tener los permisos necesarios.
Abra el artículo que desea editar y, a continuación, haga clic en el icono , situado en la
Accederá inmediatamente a la edición del artículo con las mismas funciones que en el Panel de
control.
En la ventana Procesar por lotes los artículos seleccionados que se abre, puede actuar
globalmente sobre el lote de artículos seleccionados para copiarlos o moverlos a otra
categoría, con la opción de actuar sobre las etiquetas, los niveles y el idioma.
[email protected] 64
3. Gestionar la página principal
Hemos visto que la página principal muestra los artículos "destacados", pero puede optar por mostrar
otros tipos de elementos, por ejemplo, sólo ciertas categorías.
En el Panel de control, haga clic en el enlace Gestor de menús y haga clic en Elementos del
menú en el panel izquierdo y luego haga clic en el enlace Inicio.
Por defecto, el tipo de enlace que se muestra es Mostrar todos los artículos destacados.
Haga clic en Seleccionar para cambiar este tipo de enlace por otras opciones y, a continuación,
haga clic en el tipo de elemento que desea: Mostrar una categoría en formato blog, Mostrar
una categoría en formato lista, etc.
Por otra parte, si se mantiene Mostrar todos los artículos destacados para la página
principal, puede ajustar la configuración.
En cuanto a las otras fichas, preste especial atención a la ficha Visualización de la página y la
ficha Metadatos:
Una vez ha configurado la página principal como desea, haga clic en Guardar y cerrar.
[email protected] 65
Construir un sitio multilingüe
Un sitio multilingüe requiere de un trabajo significativo, ya que no se trata de una simple traducción
automática como podría hacerse con un módulo de Google Translator.
Requerirá la producción de todos los contenidos en los idiomas que desea ofrecer. En este caso, el control
será total. También será necesario construir un árbol de categorías y menús específicos para cada idioma
de contenido.
Los enlaces de los menús se pueden asociar a otros enlaces de menús en otros idiomas.
El switcher(alternador) de idiomas redirigirá a los enlaces de menús del idioma seleccionado.
1. La documentación de Joomla!
Encontrará un tutorial completo en esta dirección: http://magazine.joomla.org/issues/Issue-Nov-
2011/item/593-Build-a-Multilingual-Site-in-Joomla-1-7, en el cual puede ver un vídeo, consultar el
tutorial en formato HTML, descargar el soporte en formato PDF.
2. Metodología
Vamos a resumir la metodología que se aplicará y a resumir los principales pasos a seguir, para que
podamos tener una imagen completa antes de decidirse a seguir o bien optar por un traductor
automático.
En primer lugar, compruebe los idiomas disponibles con un clic en el enlace Gestor de
idiomasdel Panel de control y después en Instalado - Sitio del panel izquierdo.
Elija el idioma en la lista, teniendo cuidado de elegir la versión correcta, ya que algunos idiomas
ofrecen variaciones regionales (como por ejemplo el español de argentina).
Una vez instalado el idioma, en el panel Gestor de idiomas, haga clic en el enlace Contenido y
luego en Nuevo. Introduzca los detalles del idioma, teniendo cuidado de respetar las
nomenclaturas existentes.
La opción Título nativo corresponde al título del idioma tal y como aparecerá en el sitio. No tiene
por qué ser el mismo que el especificado para su administración. Tenga en cuenta que debe
formularlo en el idioma de sus usuarios. Tenga en cuenta también que debe traducir el título del sitio
al idioma del contenido.
El plugin Filtro de idioma debe estar habilitado para poder realizar la gestión multilingüe en Joomla!.
[email protected] 66
En el menú Extensiones, seleccione la opción Gestor de plugins.
Seleccione Configuración del navegador en la lista Cambio automático del idioma si Joomla!
debe basarse en el idioma en uso.
Si es necesario, active Sí para el parámetro Asociación de elementos para vincular los artículos
traducidos a varios idiomas. Un artículo se mostrará automáticamente en el nuevo idioma cuando
se cambie de idioma con el selector.
Active Sí para el parámetro Eliminar el código URL del idioma para no mostrar el prefijo del
idioma en la dirección URL.
A continuación, deberá crear el contenido en los idiomas que se utilizarán: categorías y artículos. A
continuación, hemos asignado el artículo sobre los trenes al idioma Español y, después de haberlo
duplicado y traducido, hemos asignado la nueva versión al idioma Catalán. Por lo tanto, debe prever
una planificación suficiente para traducir los contenidos a los idiomas que desee.
Cree tantos menús como idiomas. Para cada uno, haga clic en Nuevo, y a continuación rellene los
campos Título, Tipo de menú (nombre utilizado por el sistema, debe ser único) y también puede
añadir una descripción.
Una vez se han creado los menús para los idiomas, puede añadir los enlaces de los menús, es decir,
sus elementos.
En la lista de los menús (ventana Gestor de menús: Menús), haga clic en el título del menú
creado y después en Enlaces del menú del panel izquierdo.
Para cada enlace que se creará, especifique el idioma (lista Idioma) y tenga previsto, para cada
menú, un enlace que será la Página predeterminada. A continuación, haga clic en Guardar y
cerrar.
Es interesante precisar las asociaciones entre los elementos a través de la ficha del mismo nombre.
[email protected] 67
e. Asignar módulos a los menús de idioma
Con los menús ya creados, ahora tenemos que planificar su presentación mediante la asignación de
módulos.
Haga clic en el enlace Añadir un módulo para este tipo de menú en la lista de menús.
Para que sus usuarios puedan elegir el idioma para mostrar, es necesario instalar el selector de
idiomas.
Si el idioma debe proponerse en una lista desplegable, active Sí para la opción Usar lista de
selección; si los idiomas disponibles deben aparecer en forma de banderas (opción Usar la
imagen de banderas), en Mostrar horizontalmente o haciendo clic en el Idioma activo,
active Sí para la o las opciones correspondientes.
Elija una Posición en la lista correspondiente, puede variar en función de la plantilla utilizada.
las indicaciones del núcleo de Joomla! están traducidas (como la búsqueda, que ahora
es Cercar).
La ventana que aparece informa sobre el estado de los idiomas del sitio.
[email protected] 68
No elimine el menú principal si desea reemplazarlo con un menú adaptado a los idiomas
activos. De hecho, Joomla! requiere siempre una página por defecto, que es Inicio. Bastará
con despublicar su módulo.
[email protected] 69
CAPÍTULO 5
La navegación
Los menús
Título Escriba el nombre del menú tal y como los verán los usuarios (por
ejemplo: Favoritos).
Tipo de menú Introduzca el nombre utilizado por Joomla! para identificar el menú. Debe ser
único y no contener espacios (por ejemplo: menu-articulos). Si no escribe
nada, aparecerá una alerta que impedirá la validación.
En la gestión de los menús, organiza los enlaces que darán acceso al contenido. Para que el
menú sea visible, se debe integrar en un módulo y que el módulo esté publicado en la posición y
en las páginas donde se mostrará.
En el Panel de control, haga clic en el enlace Gestor de menús y luego en el enlace Elementos
del menú del panel izquierdo.
Para empezar, seleccione el tipo de enlace, haga clic en el botón Seleccionar del parámetro Tipo
de elemento del menú.
Artículos Al hacer clic en este enlace, se ofrecerán otras posibilidades relacionadas con los
[email protected] 70
artículos: Mostrar un solo artículo, Mostrar los artículos archivados, Mostrar una
categoría en formato blog o de lista, Mostrar todos los artículos destacados.
También puede hacer un reenvío a la página de creación de un artículo (siempre
que el usuario tenga los permisos pertinentes) y las listas de artículos de una o
varias categorías.
Contactos Muestra los contactos con varias opciones: Mostrar los contactos
destacados, Mostrar todas las categorías de contactos, Mostrar todos
los contactos de una categoría, Mostrar un solo contacto.
Canales electrónicos Muestra las fuentes RSS con las opciones siguientes: un canal en
particular, la lista de categorías o la lista de canales de una categoría
en particular.
Gestor de la configuración Siempre que tenga los permisos pertinentes, muestra las opciones de
configuración del sitio o de la plantilla.
Enlaces del sistema Muestra los alias y los separadores (enlaces inactivos, pero presentes
en los menús) y las direcciones URL externas.
Ficha Tipo de enlace: añada aquí una imagen, por ejemplo un icono. Para ello, haga clic
en Seleccionar situado junto a la opción Imagen del enlace, seleccione una imagen en el
gestor de imágenes (o desde su ordenador) y haga clic en Insertar.
Haga clic en el enlace Asignar un módulo para este tipo de menú en la última columna de la
lista de menús.
Posición: lugar donde aparecerá este menú. Si desea mostrar este menú en muchos lugares,
será necesario crear tantos módulos como posiciones.
[email protected] 71
En la ficha Asignación de menú, especifique las páginas en las que estará presente el módulo.
En el FrontEnd, compruebe que el menú aparece con las características deseadas, incluido el
icono y el título del enlace (tooltip):
Para mover un enlace en la lista de enlaces, haga clic en el símbolo , que aparece a la
Para intervenir en varios enlaces a la vez, selecciónelos en la lista y haga clic en el botón Lote. En
la ventana que se abre, seleccione el tipo de procesamiento que desea realizar en la lista siguiente:
Asignar nivel de acceso: cambiar el nivel de acceso para los enlaces que desea procesar.
Asignar idioma: conservar o cambiar el idioma para los enlaces que se van a procesar.
Seleccionar menú o nivel principal a mover o copiar: seleccione el menú al cual mover o
copiar los enlaces que se van a procesar.
[email protected] 72
La búsqueda
Joomla! ofrece de forma nativa un motor de búsqueda muy potente. Se gestiona mediante un
componente. Aquí se explica cómo configurarlo de manera óptima para aumentar el rendimiento de su
sitio.
1. Configurar el componente
Abra el menú Componentes y seleccione la opción Buscar.
[email protected] 73
Usar las áreas de búsqueda: añade campos adicionales para afinar la búsqueda.
Una vez que haya completado la configuración, haga clic en Guardar y cerrar.
2. La búsqueda avanzada
La búsqueda avanzada utiliza un componente específico. La idea es indexar el contenido para, por una
parte, encontrarlo más rápidamente y además sugerir respuestas a la consulta a medida que se
introduce.
[email protected] 74
Haga clic en el botón Indexar, en la parte superior izquierda.
Se abrirá una ventana donde se muestra el avance de la indexación. No cierre antes de que
aparezca el final de la operación. Será necesario repetir esta operación a medida que añada o
cambie los contenidos más adelante, ya que la indexación no es automática.
Los ajustes por defecto son suficientes, pero algunos no están operativos.
Por ejemplo, en la página de búsqueda, debe hacer clic en el icono para mostrar la búsqueda
avanzada. Para que se despliegue de manera predeterminada, active Sí en el parámetro Búsqueda
avanzada expandida.
Al final, no sólo sus usuarios dispondrán de una potente herramienta de búsqueda avanzada en
la página de búsqueda, además, gracias a la indexación, a medida que escriban en el campo de
búsqueda se le sugerirán los resultados.
[email protected] 75
El hilo de Ariadna (Breadcrumbs)
El hilo de navegación, también llamado hilo de Ariadna o en inglés Breadcrumbs, es un punto de
referencia que indica a un visitante dónde se encuentra y le permite subir por el árbol hasta la página
principal.
Está gestionado por un módulo que se puede colocar en el lugar que se prefiera.
Para editar su configuración, en el Panel de control, haga clic en el enlace Gestor de módulos y en
el título Breadcrumbs de la lista.
Las herramientas de navegación de Joomla! son muy completas. Sin embargo, puede ir aún más
lejos con presentaciones o añadiendo valor a los artículos. Los proveedores de plantillas ofrecen
algunas muy interesantes como por ejemplo News Show Pro editado por Gavick. Puede encontrar
información más detallada en el libro dedicado a las extensiones de Joomla!.
[email protected] 76
CAPÍTULO 6
Las extensiones
Los componentes: los componentes son como miniaplicaciones que permiten personalizar la página
principal de su sitio. Puede ser un libro de visitas, una galería de imágenes, un gestor de encuestas en
línea, etc. Permiten administrar los contactos, las fuentes RSS, los anuncios, los envíos de correos, las
encuestas. Un componente tiene su propia interfaz de configuración en el panel de control. Son visibles en
el árbol del Explorador de archivos de Windows: \wamp\www\components. Van precedidos por el
prefijo com (com_contact, por ejemplo). También se encuentran enumerados en el
menú Componentes.
Los módulos: los módulos funcionan como miniprogramas que pueden colocarse en cualquier lugar en su
sitio. Por ejemplo, el módulo denominado Artículos - Noticias de actualidad es responsable de mostrar
los artículos de su sitio en un orden determinado. De este modo, puede definir se mostrará una o todas
las categorías o incluso artículos al azar. Permite mostrar en en la página principal las últimas noticias
publicadas en su sitio o los artículos más populares. También puede tener un módulo de "Contacto", un
módulo que permite suscribirse a su boletín de noticias, un módulo que muestre el menú principal, etc. Se
enumeran en el árbol del Explorador de Windows: \wamp\www\modules y llevan el
prefijo mod(mod_custom, por ejemplo). Puede gestionarlos con un clic en el menú Extensiones -
Gestor de módulos.
Los plugins: en versiones anteriores de Joomla!, se llamaban mambots. Un plugin es una porción de
código que se ejecutará bajo demanda. Los editores de texto que se instalan en Joomla! disponen de
plugins. Puede ser un script para buscar en su sitio, un reproductor de archivos Flash FLV, etc. Se
muestran en este árbol: \wamp\www\plug-ins. Puede gestionarlos con un clic en el
menú Extensiones - Gestor de plugins.
Los paquetes de idiomas: estos paquetes le permiten traducir la interfaz de Joomla! y los archivos de
ejemplos en español. Se instalan en este árbol: \wamp\www\language. Haga clic en el
menú Extensiones - Gestor de idiomas para mostrar los paquetes de idiomas instalados con su
configuración de Joomla!.
Cuando explore el JED, podrá saber qué elementos se instalarán gracias a los iconos: C para
Componente, M para Módulo, y P para Plugin.
[email protected] 77
Gestión de los plugins
Haga clic en Seleccionar archivo (Mac) o Examinar (PC) y haga doble clic en el archivo y luego
haga clic en Subir e instalar.
Con las versiones 3.X de Joomla! apareció una novedad que permite instalar extensiones directamente
desde la web.
Para ello, haga clic en el botón Añadir la pestaña "Instalar desde la web".
Una vez instalada, esta ficha mostrará el JED (Joomla Extension Directory) en un iframe.
[email protected] 78
De este modo, puede navegar entre las categorías, utilizar la búsqueda para encontrar la
extensión deseada, como aquí el editor JCK. Puede hacer clic directamente en el botón Install:
Debe confirmar la solicitud de instalación con un clic en el botón Instalar de la nueva ventana.
[email protected] 79
El proceso podrá variar con instalaciones más o menos sofisticadas en función de los
proveedores. Siga las instrucciones hasta el final.
Para nuestro ejemplo, una vez instalado JCK, hemos hecho clic en el enlace Configuración
global del Panel de control y hemos especificado JCK como editor predeterminado. Observará
que la ventana de creación de artículos ha cambiado y ahora utiliza JCK.
Abra la lista de actualizaciones con un clic en el enlace Actualizaciones disponibles del Panel de
control o desde el panel Gestor de extensiones, haga clic en el enlace Actualizar del panel
[email protected] 80
izquierdo.
Seleccione las extensiones que desea actualizar y haga clic en el botón Actualizar.
Seleccione los componentes de esta extensión, que puede que no sea sólo el componente, sino
también módulos o plugins, y haga clic en:
Por razones de seguridad, se recomienda no conservar las extensiones (incluidas las plantillas)
que no utilice. Por tanto, es preferible desinstalar las extensiones que no sean necesarias.
[email protected] 81
Gestionar los módulos
La gestión de los módulos es similar a la del resto de elementos de Joomla!, como por ejemplo los
artículos. Sin embargo, es necesario conocer algunas particularidades.
Joomla! distingue entre los módulos del sitio (FrontEnd) y los de la administración (BackEnd).
Cuando se elimina un módulo, éste se conserva en la papelera. Para eliminarlo de forma permanente,
[email protected] 82
filtre el estado Movido a la papelera (segunda lista del panel izquierdo), seleccione el módulo que
desea eliminar y haga clic en Vaciar la papelera.
Haga clic en el enlace Previsualizar situado junto a la plantilla utilizada. Si el enlace no está
disponible, haga clic en Opciones y, a continuación, en Activado del parámetro Previsualizar la
posición de los módulos.
Una vez que el sitio esté en producción, es mejor desactivar esta vista previa.
A continuación, abra la lista de módulos (enlace Gestor de módulos del Panel de control) y filtre
una posición (tercera lista del panel izquierdo).
Para cambiar el orden de los módulos de esta posición, elija, en la lista Ordenar tablas por, la
2. Crear un módulo
Al hacer clic en Nuevo en el panel Gestor de módulos, puede elegir el tipo de módulo que desea
obtener. Estas posibilidades están vinculadas a las capacidades de Joomla! o de proveedores terceros.
También es muy útil poder crear un módulo completamente personalizado en el que se mostrará el
contenido HTML que desee.
Indique la provincia y la ciudad en los campos Selecciona tu provincia/tu ciudad. Elija los
atributos de presentación del widget y copie el código HTML (recuerde actualizar para que se
reflejen los cambios).
Haga clic en Nuevo en el panel del Gestor de módulos y seleccione HTML personalizado.
[email protected] 83
En la ventana de creación del módulo, muestre el código fuente; con JCE, haga clic en [Toggle
Editor] y pegue lo que ha copiado antes.
Haga clic en Guardar y compruebe en el sitio que el módulo aparece en la posición deseada. Si
trabaja con una instalación local, necesita una conexión a Internet, ya que la información procede
directamente del proveedor elegido, aquí El Tiempo.
A continuación, asigne el módulo a las páginas deseadas a través de la ficha Asignación de menú.
[email protected] 84
Administrar los componentes
Es posible acceder a los componentes instalados a través del menú Componentes. Cada componente
tiene su propia configuración que se puede ampliar más o menos.
Tenga en cuenta que los componentes integrados en Joomla! se eliminarán gradualmente en las nuevas
versiones. De hecho, el equipo de desarrollo quiere centrarse en el núcleo y considera que estas
características a menudo las gestionan mejor desarrolladores externos.
Estudiaremos los componentes nativos que siguen presentes en el momento de la escritura de este libro.
También le indicaremos las alternativas de terceros.
1. El componente Anuncios
Este componente tiene como objetivo gestionar los anuncios publicitarios. Es probable que sea eliminado
del núcleo de Joomla! de una forma más o menos inminente, ya que los componentes de terceros se
hacen cargo de esta tarea con características verdaderamente profesionales
como FlexBanner(http://extensions.joomla.org/extension/flexbanner). Sin embargo, puede ser útil
para sitios pequeños.
Para empezar, seleccione la opción Clientes y haga clic en Nuevo para crear los clientes y
rellenar sus características.
En el panel izquierdo, haga clic en el enlace Categorías y luego en el botón Nuevo para crear las
categorías de anuncios con el fin de organizar el contenido.
[email protected] 85
Haga clic en el enlace Anuncios del panel izquierdo y luego en el botón Nuevo para crear los
anuncios propiamente dichos. Escriba su Nombre en el campo correspondiente. Dado que un
anuncio es una imagen, haga clic en el botón Seleccionar de la opción Imagen y luego, en el
gestor de imágenes que se abre, seleccione la imagen y haga clic en Insertar.
Evidentemente, en esta imagen se puede hacer clic, lo cual permitirá medir la eficacia (y por lo
tanto, facturar) con el seguimiento.
Un anuncio se puede fijar (pin), lo que significa que se mostrará prioritariamente. Para ello,
seleccione la casilla de la columna Fijo.
Una vez creados los anuncios, es necesario crear el módulo que se encargará de colocarlos en el sitio.
Para crear un módulo de tipo Anuncios, haga clic en el botón Nuevo y, a continuación, en la lista de
tipos de módulos, haga clic en el enlace Anuncios.
Especifique el Cliente y para este cliente, seleccione en la lista Categoría, la categoría o categorías
que desea mostrar en esta posición.
Los anuncios se mostrarán alternativamente con prioridad después de cargarse el anuncio fijo.
Opcionalmente, puede asignar palabras clave a los anuncios y para luego mostrarlos en función
de la presencia de estas palabras clave en las páginas correspondientes.
El seguimiento permite medir los resultados de los anuncios, pero el componente no gestiona ni
la facturación y las repeticiones. Si tiene algún problema relacionado con los anuncios o con la
afiliación, consulte el JED (Joomla Extension Directory), que ofrece soluciones profesionales a
menudo gratuitas.
2. El componente Contactos
El interés de este componente radica en la capacidad para mostrar páginas de contactos modulares que
permitirán a los visitantes interactuar con sus servicios. No es un sistema completo de CRM (del
inglés Customer Relationship Management, Gestión de relaciones con el cliente) como los que podemos
encontrar en el JED, pero aún así es bastante potente.
Este componente también está estructurado en categorías que puede comenzar por crear para
organizar bien el contenido (enlace Categorías del panel izquierdo - botón Nueva).
En la ventana Gestor de contactos: Contactos, haga clic en el botón Opciones para establecer
los valores predeterminados para la configuración del componente, incluido lo que debe o no debe
aparecer en la página de contacto: Dirección postal, Teléfono, etc.
Una vez creadas las categorías y realizada la configuración, puede pasar a la creación de contactos.
A continuación, haga clic en la ficha Formulario para configurar la gestión del formulario.
[email protected] 86
En la ficha Visualización, elija si desea aplicar la configuración por defecto (Usar el valor global)
o si se debe mostrar o no una información.
Una vez creados los contactos, debe implementar los enlaces del menú para dar acceso a la página de
contactos.
Abra el menú Menús y seleccione Gestor de menús. En el panel izquierdo, haga clic en el
enlace Elementos del menú y luego en el botón Nuevo.
Escriba su nombre en el campo Título del elemento del menú. Para la opción Tipo del
elemento del menú, haga clic en el botón Seleccionar y luego en la categoría Contactos y en el
enlace Mostrar un solo contacto.
[email protected] 87
3. El componente Enlaces web
Este componente recopila enlaces web que se pueden mostrar en una o varias páginas. También está
previsto que desaparezca del núcleo de Joomla! y existen extensiones mucho mejores en el JED.
Como con los componentes anteriores, los enlaces se pueden organizar por categorías. Cada
enlace se crea individualmente.
Para crear un enlace web, haga clic en el botón Nuevo y rellene los diferentes parámetros
necesarios. Título, URL...
Por último, coloque un enlace de menú hacia los enlaces web (Menús - Gestor de menús -
enlace Elementos del menú - botón Nuevo) y seleccione, de la lista de tipos de enlace de menú,
las siguientes opciones:
Mostrar un formulario para crear y enviar un enlace web para mostrar un formulario de
proposición de un enlace (si tiene los permisos necesarios).
[email protected] 88
Complete el resto de datos del enlace y haga clic en Guardar y cerrar.
A continuación, compruebe que la página de enlaces los muestra de acuerdo con criterios definidos.
4. El componente de Mensajería
Para cambiar la configuración de la mensajería privada, abra el menú Componentes y haga clic en
la opción Mensajería y haga clic en el botón Mi configuración.
Purgar los mensajes Permite definir el número de días antes de que un mensaje se
automáticamente (días) elimine permanentemente de la bandeja de entrada.
Para enviar un mensaje a uno de los usuarios de su sitio web, abra el menú Componentes y
elija Mensajería - Nuevo mensaje privado.
Para consultar sus mensajes recibidos, abra el menú Componentes y seleccione Mensajería -
Leer mensajes privados. A continuación, haga clic en el asunto de un mensaje para leer su
contenido.
5. Correo masivo
En el menú Usuarios, seleccione Correo masivo.
Correo a los subgrupos Para enviar una copia del mensaje a los subgrupos que ha definido
dentro del grupo seleccionado como destinatario.
Enviar en modo HTML Permite especificar que su mensaje será en formato HTML (no texto
plano).
Ocultar el El campo BCC (Blind Carbon Copy o copia oculta) permite ocultar, para
remitente(BCC) cada destinatario, la lista de los demás destinatarios.
Haga clic en el botón Opciones para cambiar las siguientes opciones en la ficha Correo masivo:
Prefijo del asunto Permite definir un término que se colocará cada vez antes del asunto
[email protected] 89
del mensaje, lo cual puede resultar útil para clasificar más tarde los
mensajes de correo electrónico que recibe o envía.
Sufijo del texto de correo Permite agregar un texto al final de su mensaje (como un pie de
página).
A continuación, haga clic en Guardar y cerrar y luego envíe el correo electrónico con un clic
en Enviar correo.
Si utiliza un servicio en línea para enviar mensajes de correo electrónico masivos, recuerde
comprobar si en el JED existe una extensión para conectarlo a la gestión de usuarios de
Joomla!. En el caso de MailChimp, puede instalar directamente CMC desde la instalación web.
De este modo, podrá gestionar la fusión de listas de usuarios con sus listas de envío de Mailchimp, a
través de este componente.
[email protected] 90
Gestionar los plugins
Los plugins son extensiones que se pueden configurar y que añaden características al sistema.
Para acceder a la lista de plugins, abra el menú Extensiones y seleccione Gestor de plugins.
Los plugins nativos se enumeran con un sufijo que indica a qué sección pertenecen, incluidos:
Botón: plugins que gestionan la colocación de los botones (Leer más, Imagen, Salto de
página...).
Contenido: plugins que gestionan todo lo que se refiere al contenido: artículos, archivos
multimedia, categorías...
Sistema: plugins que amplían las características del núcleo. Caché, SEF, Depuración...
Filtre los plugins por su estado Deshabilitado (primera lista del panel izquierdo), y compruebe los
plugins nativos que pudieran ser útiles.
Hemos visto, por ejemplo, que para hacer funcionar un sitio multilingüe, debe activarse el
plugin Filtrar idiomas.
Por ejemplo, si quiere que se cree una tarjeta de contacto automáticamente cuando se registre un
usuario, haga clic en la lista de plugins, en el enlace Usuario - Creador de contactos.
[name][username][id][email]...
[email protected] 91
A continuación, haga clic en Guardar y cerrar.
Una vez habilitado el plugin, al registrar un nuevo usuario, se creará una tarjeta de contacto
automáticamente. Esta aparecerá en la lista con el estado No publicada.
La tarjeta contiene la información especificada en la configuración del plugin, como aquí el correo
electrónico:
[email protected] 92
Enriquecer el contenido con extensiones
El objetivo de las extensiones es producir sitios web con características específicas que los convierten en
verdaderas aplicaciones. De esta forma, puede, por ejemplo, crear una red social con Community Builder
o JomSocial, un sitio web de anuncios con AdManager, o un sitio de comercio electrónico con HikaShop,
que estudiaremos más adelante.
Vamos a empezar por ver cómo mejorar la gestión del contenido con las extensiones.
Antes de comenzar, debe permitir la inserción de código en el contenido, que no es el caso por defecto
por razones de seguridad.
En el panel de control, haga clic en el enlace Configuración global del panel izquierdo.
Por defecto, todos los usuarios están en la Lista negra predeterminada, lo que significa que
sólo pueden introducir texto en el contenido.
Para el usuario correspondiente, como por ejemplo el Super Usuario, elija la opción Sin
filtradoen la lista.
Visite la página del vídeo de YouTube que desea integrar. Si puede, haga clic en el
botón Compartir y luego en Insertar, para mostrar su código. Si es preciso, active las opciones
situadas bajo la línea de código.
En el artículo en el que se debe insertar el vídeo, haga clic en [Toggle Editor] y pegue el código
que ha copiado antes.
El procedimiento para insertar vídeos y, en particular, su envío a través del gestor multimedia de
Joomla!, no es sencillo. Por suerte, existe una extensión gratuita que permite hacerlo de manera más
[email protected] 93
sencilla.
En primer lugar, muestre el panel Configuración global con un clic en su enlace en el panel
izquierdo del Panel de control y tome las siguientes precauciones:
Haga clic en el enlace Gestor multimedia del panel izquierdo y especifique todas
las Extensiones permitidas y los archivos MIME reconocidos (si activa el reconocimiento
MIME). A continuación, haga clic en Guardar.
Para administrar correctamente los vídeos, lo mejor es utilizar un componente que aprovechará la
estructura de Joomla! para clasificar y documentar los vídeos en categorías. Este componente también
se encarga de enviar vídeos y sustituye al gestor multimedia nativo.
Primero organice el contenido de vídeo creando las categorías necesarias, como para los artículos
de Joomla!: haga clic en el enlace Categories del panel izquierdo y luego en el botón New.
Rellene los datos necesarios y haga clic en Guardar y cerrar.
A continuación, cree los elementos de vídeo con un clic en el enlace Videos del panel izquierdo y
luego en el botón New. Rellene el Title y para publicar un vídeo alojado en el servidor, seleccione,
en la lista Type, el tipo General Upload. A continuación, haga clic en Seleccionar un
archivo(Mac) o Examinar (PC) situado junto a la opción Video (o HD Video si se trata de un
vídeo de alta definición). Localice en su equipo el vídeo que desea enviar y haga doble clic en el
icono del archivo.
Observe que puede añadir una miniatura (Thumb) y una imagen de sustitución (Preview)
que se verá en lugar del primer fotograma del vídeo, junto con una descripción.
También es posible optimizar este tipo de contenidos para los motores de búsqueda con la
ficha SEO settings, que le permitirá especificar las palabras clave.
Haga clic en Aplicar para confirmar (se recomienda para gestionar el envío del vídeo) o
en Guardar y cerrar para confirmar y cerrar la ventana.
Abra Menús y seleccione la opción Gestor de menús y luego, en el panel izquierdo, haga clic
en Elementos del menú y luego en el botón Nuevo.
Para colocar un enlace de menú para AllVideoShare, es decir, directamente al elemento que
acabamos de crear, haga clic en el botón Seleccionar de la opción Tipo de enlace de menú y
luego en allvideoshare y Videos Layout.
[email protected] 94
Seleccione el vídeo creado de la lista Select a Video.
Con este sistema, puede gestionar verdaderas galerías de vídeos muy bien organizadas.
AllVideoShare también está provisto de un plugin que permite insertar vídeos en los artículos
mediante un código muy simple. Basta con hacer referencia al vídeo que desea mostrar
mediante su ID (que aparece en la lista) como por ejemplo:
{avsplayer videoid=1}
[email protected] 95
Haga clic en el botón Iniciar sesión, introduzca su ID de Google y haga clic en Iniciar sesión; si
no tiene una cuenta de Google, haga clic en el enlace Crear una cuenta, especifique la
información solicitada en el formulario y haga clic en el botón Aceptar. Crear una cuenta.
Introduzca el nombre del mapa en el campo Título del mapa y una Descripción.
La barra de herramientas que aparece permite agregar elementos para personalizar el mapa:
A continuación, añada una forma, por ejemplo, dibujándola sobre el mapa para delimitar una zona
Para personalizar el color de esta zona, y los parámetros de su contorno, utilice la herramienta
Si ha añadido un marcador, haga clic en la herramienta que aparece al lado del nombre del
[email protected] 96
Si es necesario, haga clic en Más iconos para acceder a una vasta biblioteca de imágenes.
Para elegir el tipo de mapa que se verá, abra la lista Mapa base y haga clic en la plantilla que se
utilizará.
Por último, haga clic en el icono (a la izquierda del botón Añadir capa) y seleccione la
En la ventana de creación de un artículo, abra el editor de código (en JCE con [Toggle]) y pegue el
código del iframe. Guarde y salga.
Si al volver al artículo ya no aparece el código del iframe, y está utilizando el editor JCE,
abra Componentes - Administracion JCE - Perfiles, abra el perfil Default y, en la
ficha Parámetros Editor, añada iframe en el campo Elementos Extendidos. Así obligará a JCE a
reconocer los iframes.
Marque la casilla del módulo que desea insertar en un artículo y, a continuación, haga clic en el
botón Duplicar.
En la lista Posición de la ficha Módulo, seleccione una posición, por ejemplo miposition.
[email protected] 97
en el enlace Plantillas.
<?php
// no direct access
defined( ’_JEXEC’ ) or die( ’Restricted access’ );
$this->addScriptDeclaration("alert(’¡Hola!’)");
?>
Por supuesto, es posible colocar este código donde desee dentro de la plantilla.
Para llamar a un archivo JavaScript ubicado en la raíz del servidor, puede inspirarse en este ejemplo:
<?php
// no direct access
defined( ’_JEXEC’ ) or die( ’Restricted access’ );
$js = "/templates/".$this->template."/hola.js";
$this->addScript(JURI::base() . $js);
?>
Por otro lado, para gestionar un catálogo y disponer de herramientas de marketing, puede utilizar
HikaShop que es muy eficiente no viene con complicaciones innecesarias.
a. Instalar HikaShop
En el panel de control, haga clic en el enlace Instalar extensiones del panel izquierdo.
[email protected] 98
Una vez instalado, un asistente le ofrece opciones de presentación y configuración previa. La
primera sección, SHOP ACCESS, ofrece la colocación de enlaces de menús en el menú
principal; de forma predeterminada, las tres opciones están seleccionadas.
Luego, en la sección PRODUCTS LAYOUT, elija el tipo de diseño para la presentación de los
productos.
Haga clic en el botón Save & go create your first product!, en la parte inferior, para confirmar.
Para acceder al panel de control de HikaShop, abra el menú Componentes y haga clic en la
opción HikaShop.
b. Configurar HikaShop
Al igual que con todos los componentes de comercio electrónico, primero debe configurar su tienda:
Zonas, Impuestos, Gastos de envío y Categorías de productos, Características, etc. Una vez haya
terminado de realizar estos ajustes, puede empezar a añadir contenido, ¡pero no antes!
Comience por definir todas las características a través del menú Componentes - HikaShop -
Configuración.
Los principales ajustes se definen en las fichas que aparecen en el panel izquierdo de la
ventana.
Use la ficha Principal para rellenar los datos de su negocio y realizar los ajustes básicos.
La ficha Completar la compra se utiliza para definir la ruta del usuario cuando realiza una
compra. Cuanto más simple sea, menos abandonos de cesta tendrá.
Configure primero el Procedimiento para realizar las compras. Cada paso representa una
página sucesiva en el proceso. Para cada uno de los pasos, puede añadir, reorganizar o remover
elementos simplemente arrastrándolos: Compra, Cupón, Envío, etc.
Si su proceso se compone de varios pasos, es recomendable mostrar una barra de progreso con
paso final, de modo que su cliente no se sienta perdido en un laberinto.
El resto de ajustes tienen títulos que se explican por sí mismos. Observe que los ajustes
avanzados que figuran en color rojo no están accesibles con la versión gratuita.
Correos: la gestión del correo electrónico es muy importante ya que todos sus contactos con
los clientes serán por esta vía, por lo que su credibilidad está en juego.
Imágenes: ajuste de la presentación de los elementos en las páginas. Puede mantener los
valores por defecto para empezar, pero aquí es donde afinará la ergonomía de su tienda.
[email protected] 99
c. Configurar las condiciones de venta
En el Panel de control de HikaShop, haga clic en el menú Sistema y seleccione el tipo de parámetro
que desea configurar:
Zonas: se trata de la lista de los países donde puede vender. Para vender en España y así simplificar el
sistema, en la lista Mostrar (al final de la página), seleccione la opción Todos para visualizar la lista
completa de idiomas y, a continuación, en la parte superior de la lista, seleccione la casilla de
verificación # para seleccionarlos todos y deseleccione España. Por último, haga clic en Despublicar.
Formas de pago: se trata de los plugins correspondientes a las formas de pago. Para poder utilizar un
plugin es necesario activarlo. Seleccione el módulo o módulos que utilizará y haga clic en sus enlaces
para editarlos y activarlos.
Métodos de envío: igual que la opción anterior para los servicios de envío.
Haga clic en Administrar tasas y luego en Nuevo. Introduzca el nombre, por ejemplo IVA ES, y
el impuesto (21; 10; etc.). Recuerde utilizar puntos en lugar de comas como separador decimal.
Una vez finalizados estos dos pasos, abra el menú Sistema y haga clic en Impuestos y
en Nuevo. Seleccione la categoría (IVA), el Impuesto (IVA (21%)) y la Zona (España) y haga
clic en Guardar y cerrar.
Descuentos: puede crear cupones de descuento identificados por códigos que enviará a sus buenos
clientes. Las opciones Restricciones y Niveles de acceso no funcionan con la versión gratuita, pero
eso no le impide gestionar estos descuentos, ya que son características avanzadas que no son
necesarias en la mayoría de los casos.
Estado de las compras: los ajustes por defecto son suficientes, pero se pueden añadir más si es
necesario.
Si vende calzado, la Talla es una característica, así como el Color o el material de la suela.
36, 38, 40 serán los posibles valores para esta característica, como Azul, Rojo, o Cuero,
Elastómero para otras características.
Haga clic en Nuevo, escriba el nombre de la característica y agregue los valores posibles.
Cuando haya añadido todas las características, haga clic en Guardar y cerrar.
Cuando haya creado todas las categorías, haga clic en Guardar y cerrar.
[email protected] 100
productos, haga clic en Nuevo después de haber activado la categoría deseada en el explorador.
Cabe señalar que puede importar productos de un catálogo en formato CSV (separados por
comas) o desde un campo de texto (separados por tabulación).
También es posible importar los productos desde otros sistemas presentes en su sitio de
Joomla! como Virtuemart, Mijoshop, Redacart u OpenCart.
En la parte derecha, escriba las características detalladas. Por ejemplo, seleccione las tallas que
estarán disponibles para este producto. Para cada valor seleccionado, haga clic en Añadir.
Añada también una o varias imágenes para el producto, porque aunque puede añadir imágenes en
la descripción, es preferible que estas imágenes están listadas aquí. De esta forma, HikaShop
generará las miniaturas para los distintos tipos de presentación.
Una vez terminado el catálogo, falta facilitar el acceso a los productos. Esto se hace a través de los
menús y esta es la parte más complicada ya que los ajustes no son siempre evidentes. Aquí tiene la
explicación.
Haga clic en la sección HikaShop y seleccione el enlace deseado, por ejemplo Listado de
Categorías, que muestra las categorías de su tienda. También puede elegir Listado
de Productos (productos de una sola categoría) o Página del Producto (una página de
producto).
Introduzca el nombre del enlace y haga clic en Guardar sin cerrar para acceder a las opciones de
HikaShop para este elemento de menú. A continuación, haga clic en la ficha Opciones de
HikaShop.
En cualquier momento, puede regresar, si es necesario, a las opciones de menú de Joomla! con un
clic en el botón Opciones del menú de Joomla.
Haga clic en el enlace Pulsar aquí para que HikaShop cree por usted el módulo que es necesario
implementar. También puede acceder a él a través del menú de HikaShop: Display - Módulos de
contenido.
Que este módulo esté habilitado o no, no plantea ningún problema ya que HikaShop lo
integrará en el contenido. Puede activar los otros módulos y colocarlos en la position 7, por
ejemplo, para mostrar el carro de la compra o el contenido.
A continuación, compruebe a través del FrontEnd, que el elemento del menú está presente y haga
[email protected] 101
clic en él.
Por último, al hacer clic en el enlace del producto, mostraremos la página del mismo:
Al hacer clic en Pedir, se inicia el proceso de liquidación y se invita al visitante a iniciar sesión
o crear una cuenta.
HikaShop es bastante fácil de implementar y mantener, por lo que es una buena introducción al
comercio electrónico.
Tenga en cuenta que las versiones de pago ofrecen servicios adicionales, como las estadísticas o la
afiliación por menos de 100 euros (impuestos no incluidos). Hay disponible una documentación
detallada completamente en línea en inglés
aquí: http://www.hikashop.com/support/documentation.html y un foro en inglés muy activo que
permite presentar sus problemas a usuarios experimentados que suelen responder amablemente en
esta dirección: http://www.hikashop.com/en/forum/index.html?
return=L3N1cHBvcnQvZm9ydW0uaHRtbD9sYW5nPWVu
[email protected] 102
CAPÍTULO 7
Introducción
Veremos en este capítulo cómo utilizar todas las herramientas que le ayudarán a administrar su sitio
desde el punto de vista tanto de su tráfico como de su popularidad en los motores de búsqueda. Como ya
sabe, un buen posicionamiento aumenta en un 100 % las probabilidades de éxito.
[email protected] 103
Un poco de vocabulario
Posicionamiento Conjunto de métodos que permiten dar a conocer un sitio web en los
motores de búsqueda. Se llama posicionamiento natural a los
procedimientos para registrar un sitio en los motores de búsqueda y
en los directorios.
SERP (Search Engine Results Designa la página de resultados, que genera un motor de búsqueda en
Page) función de una consulta introducida por el usuario (estar bien situado
en los Serp).
SEO (Search Engine Designa el conjunto de técnicas destinadas a posicionar mejor un sitio
Optimization) en los motores de búsqueda (los Serp).
Netlinking Designa un intercambio de enlaces con otro sitio para generar tráfico
adicional.
Robot (spider, crawler o Programa que permite examinar la web de manera automática para
agente) indexar las nuevas páginas y actualizar los cambios realizados en las
páginas ya indexadas. Un archivo de exclusión (robots.txt) colocado
en la raíz de un sitio web permite dar a los robots una lista de
recursos que no se deben indexar. La siguiente dirección es de un
recurso en el que se enumeran todos los robots
existentes: http://www.robotstxt.org/db.html
Linkfarming (granja de Método que permite aumentar la importancia de un sitio web creando
enlaces) artificialmente una multitud de enlaces a él (utilizando, por ejemplo,
páginas satélite).
Duplicate content Designa el hecho de que dos páginas web que pertenecen al mismo
sitio (o a sitios diferentes) presentan un contenido similar o idéntico.
Este desvío puede penalizar su sitio en relación a los motores de
búsqueda.
BlackList (lista negra) Lista de sitios de Internet penalizados y cuyos resultados no aparecen
en los motores de búsqueda.
[email protected] 104
Elegir un nombre de dominio
La palabra o palabras clave que desea asociar a su sitio, deben estar incluidas en la dirección URL del
mismo. Imagine que es un vendedor de pizza, el nombre de dominio que usted elija debería tener el
siguiente aspecto: pizza.com
Si su dominio se compone de varias palabras clave, lo mejor es separarlas por un guión. Google ha
aclarado recientemente que también se acepta el uso del guión bajo, pero en mi opinión, el guión es más
seguro. Un nombre de dominio no deberá exceder de dos palabras: pizza-venta.com, pizza-envío.es,
etc.
También es fundamental tener un enfoque "local", porque si entrega sus pizzas en un área específica,
como la pequeña ciudad de Castellón, por ejemplo, sería muy interesante llamar a su sitio castellon-
pizza.es ya que es una apuesta segura que las consultas de los usuarios incluyan el nombre de su ciudad.
Puede verificar que el nombre de dominio no ha sido expulsado de Google AdSense utilizando la
herramienta AdSense SandBox: http://ctrlq.org/sandbox/
Introduzca la URL del dominio y seleccione el nombre del país que desee y haga clic en el
botón Preview Ads. Si todo va bien, debería ver los anuncios de AdSense.
Seleccione su registrar en España y no en otro país. Un registrar es una empresa que permite el
depósito de nombres de dominio de Internet. Esto puede no parecer importante a primera vista, pero
si tiene un problema serio con su nombre de dominio (redirección de DNS, robo de sus
identificaciones, etc.), los procedimientos administrativos serán mucho más sencillos en España que
[email protected] 105
si tiene que llamar al extranjero (diferencia horaria, obligación de hablar el idioma del país
perfectamente, fecha límite para la presentación de documentos).
[email protected] 106
Elegir un alojamiento "de verdad"
Aquí hay cuatro razones por las cuales elegir un alojamiento competente:
Un servidor que esté inoperativo de vez en cuando hará que su sitio no esté disponible, lo cual
aumenta las posibilidades de penalización por parte de los motores de búsqueda.
Del mismo modo, un sitio que tarda mucho en cargarse no será tan bien considerado por los
motores de búsqueda.
Los sitios alojados gratuitamente son accesibles a través de nombres de subdominio. También es
otro factor de penalización ya que los sitios que no tienen un nombre de dominio "propio" se
encuentran en desventaja en comparación con sus hermanos mayores.
[email protected] 107
Optimizar las direcciones URL de su sitio
Normalmente, las distintas páginas de su sitio se verán en este formato: http://joomla-
trucos.com/index.php?option=com_content&view=article&id=1:optimizar-joomla&catid=1:latest-
news&Itemid=50. Esto, obviamente, no resulta muy claro ni para los usuarios ni para los motores de
búsqueda. Recordemos que la presencia de las palabras clave que desea asociar a su sitio es importante
para la clasificación (ranking) de sus páginas. Sería mejor que la anterior dirección tuviese el siguiente
formato: http://joomla-trucos.com/optimizar-joomla.php. Y para un motor de búsqueda como Google, el
propósito de su página web se vuelve ahora mucho más claro. Veamos cómo proceder.
Guarde y pruebe inmediatamente los cambios realizados navegando por su sitio web en un
navegador.
Esta función utiliza un mecanismo del servidor Web Apache llamado "Rewrite Engine", también conocido
como "URL rewriting". Aparte de los enormes beneficios que se obtendrán en términos de
posicionamiento, el uso de URL rewriting ofrece otras ventajas:
En cierta medida, esta práctica impide el hotlinking que consiste en utilizar la dirección de un
archivo en un sitio web para publicarlo en otro sitio.
Active también el botón Sí asociado a la opción Usar la reescritura de URLs y haga clic en el
botón Guardar y cerrar.
Para esta última opción se tenga en cuenta, también debe cambiar el nombre del
archivo htaccess.txt, que se encuentra en la raíz de su sitio web, a .htaccess.
En todos los casos, es mejor hacerlo en el servidor con el software de FTP. De hecho, en Mac, el
archivo llamado ".htaccess" desaparecerá del escritorio debido a su extensión. Y será complicado
volver a encontrarlo. Y en Windows, cambiar el nombre de la misma manera será casi imposible a
menos que utilice el símbolo del sistema. Por lo tanto, es mejor enviar el archivo htaccess.txt al
servidor y renombrarlo con FileZilla.
[email protected] 108
Utilizar direcciones URL cortas
Muchos estudios muestran que las URLs cortas reciben el doble de "clics" que sus contrapartes más
largas. A continuación se presenta una serie de buenas prácticas relacionadas con las URL de su sitio en
Joomla! (y por lo tanto, la elección de nombres de archivo):
Una URL estática tiene un SEO potencial más importante que su contraparte dinámica.
Debe asegurarse de que las palabras clave que caracterizan su artículo también están presentes en
la dirección URL de la página.
Una palabra clave en el nombre del archivo HTML es mucho más beneficiosa que si está en el
nombre del directorio o subdominio.
Si tiene palabras clave diferentes en una dirección URL, utilice también un guión para separarlas.
En resumen, trate de construir URL fáciles de leer y explicativas. Esto significa que debe tener especial
cuidado a la hora de elegir el título de cada una de sus páginas, pero también debe tener consideración
con los nombres asignados a los archivos multimedia.
[email protected] 109
Cuidar su snippet
Un snippet es un breve extracto de la página que está presente en cada uno de los enlaces visibles en las
páginas de resultados de los motores. Esta descripción es similar a la portada de una revista: cuanto más
atractiva sea, más internautas estarán tentados de abrir el enlace correspondiente en detrimento del
resto. Es una presentación de los contenidos de su página. Se genera principalmente a partir del
contenido de la etiqueta Metadescripción de su página.
El primer enlace visible contiene este snippet: Ediciones ENI es editor de libros
informáticos, soportes de curso y de formación, CD-ROM de formación, formación en línea
acompañada o no por un formador, ...
Observe que en la página de resultados, la palabra clave que ha escrito está en negrita.
No es necesario que su descripción sea una frase. De hecho, es posible crear un texto estructurado que
contenga información útil para el internauta: fecha de la última modificación de la página, nombre del
autor, información del producto, etc.
Todas las etiquetas Metadescripción de sus páginas deben ser diferentes unas de otras.
El snippet no debe contener información redundante como el título de la página (ya incluido en la
etiqueta Título).
Por ejemplo, escriba la consulta harry potter libro 7 en Google y decida usted mismo cuáles son los
snippets más atractivos y cuáles tienen un aspecto tan feo que le hará pasar de ellos.
Así que no dude en ponerse a trabajar en este elemento esencial de la web: la legibilidad de sus páginas
en los motores de búsqueda.
Hemos visto que la información Metadescripción, Metapalabras clave y Autor están disponibles en la
pestaña Publicación cuando edita un artículo.
[email protected] 110
En cuanto a las etiquetas visibles en su página principal (Index.php), haga clic en el
enlace Configuración global del Panel de control y luego introduzca la información necesaria en la
sección Configuración de los metadatos.
¿Está buscando ideas? Introduzca la expresión deseada en un motor de búsqueda y luego edite
el código fuente de las páginas que aparecen en primer lugar para esta consulta. De este modo
obtendrá una idea más concreta de cómo debe ser una página "optimizada".
[email protected] 111
Las etiquetas de encabezados
Aquí hay algunas reglas:
Las etiquetas de encabezados Meta deben ser diferentes para cada una de sus páginas.
La etiqueta de encabezado Meta Description es muy importante. Debe incorporar sus palabras
clave sin exceder 40 palabras.
[email protected] 112
El título
Algunos consejos:
[email protected] 113
La metadescripción
No supere los 200 caracteres (espacios incluidos) para su etiqueta Description. Redacte una frase
coherente, evite el uso de comas.
[email protected] 114
Las metapalabras clave
La palabra o palabras clave que desea asociar a su sitio deben estar incluidas en el título (indicado por la
etiqueta <Title>). Este título no debe ser demasiado largo (no más de 8 palabras).
Esta observación se puede hacer para las etiquetas de párrafo (<H1>, <H2>, etc.).
Recuerde estructurar sus páginas con un título, un título de primer nivel, de segundo nivel y así
sucesivamente.
La densidad de palabras clave en el texto tiene cierta importancia. No exceda de un porcentaje del 6 %
sobre la totalidad del texto. Por otra parte, es preferible que el comienzo y el final de su párrafo contengan
las palabras clave importantes.
Del mismo modo, cree anclas nombrándolas con las palabras clave que desea asociar a su sitio.
El impacto de las palabras clave será más importante si las coloca juntas. Es mejor utilizar el término
"entrega de pizzas" en lugar de hablar por un lado de la "entrega" y por el otro de "pizzas". De acuerdo
con este principio, aprenda a construir oraciones que incluyan las palabras clave importantes de su texto.
Se recomienda no superar los 100 enlaces de salida para una misma página.
Evite la duplicación de contenido. En ningún caso, varias páginas de su sitio deben contener las mismas
frases o títulos similares.
[email protected] 115
Las imágenes
Los robots de los motores de búsqueda no saben (aún) cómo leer las imágenes. Una vez más, debe
introducir una descripción mediante el uso de la etiqueta correspondiente (<tag>). Por ejemplo: src<img
src="http://www.pizza.com/images/pizza.gif"> <a href="http://www.pizza.com/entrega+pizza"
alt="entrega de pizza a domicilio</a>
[email protected] 116
La búsqueda universal
El principio de la búsqueda universal es mostrar en una misma página resultados de enlaces de texto,
contenido multimedia (fotos y vídeos), enlaces a noticias o a otras categorías de búsqueda (Google Books,
Google Maps, etc.). Por ejemplo, una búsqueda de una persona famosa del mundo del espectáculo
devolverá imágenes de la estrella, artículos de su actualidad, vídeos de sus videoclips, un mapa de de sus
próximas giras, etc.
Éstos son algunos ejemplos de consultas que devuelven, en Yahoo!, una gran cantidad de
contenido: madonna - imágenes de paisajes - parís.
[email protected] 117
Haga clic sucesivamente en los enlaces Imágenes, Maps, Noticias, Vídeos que aparecen en la
parte superior de la ventana de Google.
Google Videos: no dude en insertar vídeos en sus páginas con títulos que sean tan relevantes como sea
posible. Además, utilice nombres de archivos relevantes y suficientemente descriptivos.
Google Maps: pruebe a integrar Google Maps en sus páginas. Pueden indicar la dirección de su empresa
o de su asociación o incluso de lugares mencionados en sus artículos.
Google Images: le sorprenderá el número de visitantes que atrae un motor como Google Images. No
dude en ilustrar generosamente el contenido de su sitio Web. Una vez más, trate de optimizar el título y
las etiquetas que rodean a las imágenes de su sitio.
[email protected] 118
Mejorar su posicionamiento local
Este breve párrafo es para aquellos que deseen crear un sitio de comercio electrónico. El sector de
búsquedas localizadas registra, año tras año, un aumento continuo. La idea general es que los resultados
de los buscadores locales (Google Maps o Google Search cercanos) se incluyan en el motor "principal". El
visitante o usuario de un teléfono móvil introduce una dirección, un número de teléfono, el nombre de una
empresa o un comercio con la indicación de un lugar para obtener de forma natural las empresas y
sociedades presentes en ese sitio.
Es en este momento en el que debe haber puesto toda la carne en el asador y asegurarse de que su sitio
queda, por así decirlo, sobreimpresionado. Si su sitio es el producto de un proyecto profesional o una
tarjeta de visita para su empresa, he aquí algunas ideas:
También se puede imaginar una página HTML cuyo título sea "Cómo encontrar nuestra empresa".
Sólo tiene que crear un mapa personalizado de Google Maps o LiveMaps, recuperar el código
generado e incluirlo en su página web. Del mismo modo, es posible, además del mapa, incluir una
descripción de la ruta a seguir.
Utilice las etiquetas Título y Descripción para incluir elementos de localización de su empresa.
Por ejemplo: empresa especializada, mudanzas, Cartagena, Murcia. En la etiqueta Palabras clave,
también es posible indicar todas las ciudades en las que su sociedad puede intervenir.
Recuerde que debe crear una ficha en Google Local Business Center
(http://www.google.es/local/add). El procedimiento no es muy complicado y asegura una buena
representación, también en el motor de búsqueda convencional.
Haga clic en Administrar esta página y complete la información que falta o edite la existente.
Cuanto más completa sea la información, mejor será la indexación, a Google le encanta
recompensar a los "buenos alumnos".
[email protected] 119
Utilizar las herramientas para Webmasters de Google
Este servicio de Google le permite administrar fácilmente un sitio para ser listado en el motor de
búsqueda.
Introduzca el nombre de usuario y contraseña de su cuenta de Google que desea utilizar y haga clic
en Iniciar sesión.
Escriba la dirección URL de su sitio en el cuadro de texto y haga clic en el botón Continuar.
A continuación, siga el procedimiento para demostrar que usted es el propietario del sitio. Varía en
función del proveedor de servicios de hosting y para OVH se describe en detalle.
Después de eso, simplemente haga clic en el enlace del nombre del sitio añadido para acceder a
toda la información relacionada.
[email protected] 120
Se trata de un archivo en formato XML (eXtensible Markup Language) que contiene el conjunto de
direcciones URL que componen un sitio. Este tipo de archivo es interpretado por la mayoría de motores
de búsqueda. De esta manera, los motores de búsqueda sólo indexarán las páginas indicadas como si
hubieran actualizado desde la última pasada del robot.
Hay muchos tipos de Sitemap (web genérica; para móvil; para Google Code; Sitemap de vídeo, Google
News).
2. Estructura de un Sitemap
La estructura de este tipo de archivo se compone de los siguientes elementos:
[email protected] 121
La dirección URL de cada página que compone el sitio (obligatorio): <url> y <loc>.
La fecha de la última modificación de la página (opcional): <lastmod>.
La frecuencia de actualización de la página (opcional): <changefreq>.
La prioridad de esta página en relación a otras páginas (opcional): <priority>.
La prioridad predeterminada de una página es igual a 0,5. Se puede asignar una puntuación en
una escala de 0.0 a 1.0.
Hay una dificultad que requiere el uso de caracteres de escape de entidad. Algunos caracteres deben
codificarse de una manera especial:
Apóstrofo ’ '
http://www.sitemaps.org/es/protocol.php
Xmap es gratuita y cuenta con una gran cantidad de plugins para asegurar la compatibilidad con
componentes adicionales que puede haber instalado como K2, JomSocial... Durante la redacción de este
libro, aún no se podía instalar directamente desde las extensiones.
Descargue el archivo Xmap Package (que incluye todos los plugins oficiales) .
En el menú Componentes, seleccione la opción Xmap. Haga clic en el enlace Extensiones del
[email protected] 122
panel izquierdo y active la extensión Xmap - Content Plugin con un clic en la casilla
correspondiente de la columna Estado.
Introduzca un Título.
En la ficha Menus, seleccione los menús que se integrarán en el Sitemap: marque la casilla
correspondiente a cada menú que desee incluir y establezca la frecuencia y la prioridad que desea
dar a algunos de ellos.
La dirección del mapa del sitio XML que se comunicará a Google será
http://localhost:8888/index.php?option=com_xmap&view=xml&tmpl=component&id=1. "1" es
el identificador del mapa del sitio.
También puede colocar un enlace al mapa del sitio seleccionando Menús - Sumenú - Añadir
nuevo elemento del menú.
Para elegir el Tipo de elemento del menú, haga clic en el botón Seleccionar y, en la lista, haga
clic en el enlace Mapa de Sitio HTML.
Especifique el mapa del sitio que desea con un clic en el botón Cambiar.
Haga clic en Guardar y cerrar y compruebe que el mapa del sitio se muestra correctamente.
En el panel, haga clic en el vínculo del sitio para el que desea utilizar las herramientas de Google
para webmasters.
Los mensajes relacionados con el sitio le alertan sobre posibles problemas. Entre otras, eche un vistazo
a las siguientes partes:
Tráfico de búsqueda: indicaciones sobre los criterios de búsqueda, páginas faros, etc.
Índice de Google: estado de la indexación, palabras clave de contenido y dirección URL para
eliminar.
Rastreo: permite saber si la indexación de Google ha pasado correctamente, qué páginas son
problemáticas. Pruebe Explorar como Google, a través del cual comprenderá mejor el
[email protected] 123
mecanismo de indexación. La herramienta de prueba del archivo Robots.txt también es muy útil
porque permite comprobar si ha olvidado prohibir la inclusión en los buscadores de alguna parte
que quiere mantener en "privado".
Otros recursos: ofrece herramientas útiles tales como la prueba de velocidad de carga de
páginas.
6. Las herramientas
Las opciones a las que se puede acceder a través de la herramienta , situada en la parte
Propiedad de Google Analytics: asocie su sitio con Google Analytics para obtener potentes
estadísticas sobre visitas.
Puede observar que, por defecto, hay instalado un archivo robots.txt en la raíz de su sitio de Joomla!.
Contiene estas declaraciones:
User-agent: *
Disallow: /administrator/
Disallow: /cache/
Disallow: /components/
Disallow: /images/
Disallow: /includes/
Disallow: /installation/
Disallow: /language/
Disallow: /libraries/
Disallow: /media/
Disallow: /modules/
Disallow: /plugins/
Disallow: /templates/
Disallow: /tmp/
Disallow: /xmlrpc/
En resumen, prohíbe a todos los motores de búsqueda explorar el contenido de los directorios del
administrador. Esta es una sabia precaución. Por supuesto, nada impide que usted añada sus propios
comandos.
Esta es una tabla de comandos básicos que son entendidos por los motores de búsqueda más
importantes (Microsoft, Google y Yahoo):
[email protected] 124
Directiva Acción Utilización
Allow Le dice a los robots cuáles son las Este sistema se utiliza si una gran
páginas de su sitio que deben indexar. parte de su sitio está desactivado,
pero en el interior, algunas de las
páginas deben ser indexadas.
Joker: * Le dice a los robots que marquen una Esto permite, por ejemplo,
expresión particular dentro de una deshabilitar las direcciones URL que
dirección URL. contienen un identificador de sesión.
Directiva Acción
NOFOLLOW Le pide a los robots que no sigan los enlaces presentes en esta página.
NOSNIPPET Le pide a los robots que no muestren un snippet para esta página.
NOARCHIVE Le pide a los robots que no muestren un enlace En caché para esta página.
NOODP Le pide a los robots que no utilicen el snippet y el título tal y como aparecen en
el directorio Open Directory.
Estas directivas funcionan con cualquier tipo de contenido. Estos contenidos se pueden colocar en el
encabezado del archivo HTML o, para los documentos no HTML, utilizando las palabras clave X-Robots.
UNAVAILABLE_AFTER: indica cuando expira una página Web y no deberá ser listada en el motor de
búsqueda. Por ejemplo:
NOIMAGEINDEX: indica a los robots que las imágenes visibles en la página no deben ser indexadas.
Por ejemplo:
Por ejemplo:
[email protected] 125
Yahoo! utiliza directivas REP específicas:
Crawl-Delay: indica al robot de Yahoo! (Slurp) cuál debe ser su frecuencia de paso por su sitio en una
escala de 0,5 a 10.
Por ejemplo:
User-agent: Slurp
Crawl-delay: 5
NOYDIR META: similar en su funcionamiento a la directiva NODDP pero aplicada al directorio de Yahoo!
(Yahoo! Directory).
Por ejemplo:
Puede combinar las extensiones Allow y Disallow: suponiendo que desea negar el acceso al robot de
Google Images para la carpeta Fotos pero permitir el análisis de una página llamada free.html, puede
utilizar la siguiente sintaxis:
User-agent: Googlebot-Image
Disallow: /Fotos/
Allow: /Fotos/free.html
Para evitar la indexación de un directorio llamado Archivos pero permitir al mismo tiempo la difusión de
anuncios AdSense, puede utilizar este tipo de declaraciones:
User-Agent: *
Disallow: /Archivos/
User-Agent: MediaPartners-Google
Allow: /Archivos/
Es posible reemplazar una secuencia de caracteres utilizando el asterisco (*). Para bloquear el acceso a
todos los directorios cuyo nombre comienza con Archivos utilice la siguiente sintaxis:
User-Agent: Googlebot
Disallow: /Archivos*/
El mismo principio se puede aplicar a las URL. Si desea bloquear el acceso a todas las URL que contienen
un archivo con formato PDF, utilice esta sintaxis:
[email protected] 126
User-Agent: Googlebot
Disallow: /*.pdf$
User-Agent: Googlebot-Image
Disallow: /*.png$
http://www.mcanerin.com/EN/search-engine/robots-txt.asp
http://www.yellowpipe.com/yis/tools/robots.txt
En la lista desplegable Robot, especifique el nombre del robot (User-Agent) al que se va a aplicar
su regla.
[email protected] 127
A continuación, haga clic en Check Robots Text para comprobar si se permiten las instrucciones.
Una vez que se haya confirmado, copie el contenido de un archivo llamado robot.txt que colocará
después en la raíz del sitio.
User-Agent: *
Disallow: /
Por último, tenga en cuenta que es esencial añadir en este archivo la dirección de su mapa del
sitio Sitemap.xml.
[email protected] 128
Mejorar la accesibilidad de sus páginas
Podemos hacer una lista rápida de las normas a seguir que permita crear un sitio web a la vez en Google
Friendly, pero también legible para sus lectores:
Enumere los artículos relacionados con cada una de las páginas que ha publicado.
Evite la apertura de enlaces en nuevas ventanas: el usuario debe poder decidir por sí mismo la
apertura de un enlace.
Compruebe la validez de su código con los estándares del W3C (World Wide Web Consortium),
aquí: http://validator.w3.org
[email protected] 129
Registrar su sitio en los directorios
Es una buena manera de dar a conocer su sitio, y a un menor coste. Esta técnica le permite tener enlaces
a su sitio y así aumentar su popularidad a los ojos de los motores de búsqueda. Todos los directorios no
son iguales y hay una serie de cosas que debe revisar:
El enlace o enlaces que apuntan a su sitio deben ser "estrictos" y no utilizar cualquier script o
etiqueta exótica.
El directorio debe tener un buen posicionamiento en los motores de búsqueda y estar indexado
correctamente en relación con el tema sobre el que desea posicionarse.
Lo ideal sería que el texto del enlace que dirige a su sitio Web sea relevante: es mejor un enlace
del tipo "Explorar tutoriales sobre Joomla!" que "Haga clic aquí" o "Ver sitio".
Un directorio, muy utilizado por Google y los motores de búsqueda más populares, Dmoz. Este directorio
es de código abierto y está administrado por voluntarios. Una vez en el sitio, debe navegar hasta la
categoría que cree que depende y hacer clic en Enviar un sitio. A continuación, debe rellenar el
formulario y ser paciente. El estudio de su caso tarda mucho tiempo en completarse y puede acelerarse
mediante un pago.
[email protected] 130
Una lista de herramientas útiles
Esta es una selección de servicios en línea que le ayudarán a aprender más sobre su sitio o los de sus
competidores.
Just Ping (http://www.just-ping.com/): permite medir el tiempo de respuesta de un sitio web desde 50
lugares del mundo.
Who Is The Owner (http://www.whoistheowner.net): consulta 350 Whois para conocer el nombre del
propietario del sitio. Es interesante en caso de que alguien haya robado parte del contenido de su página.
Whois (en inglés "Who is?") es un servicio de búsqueda que permite obtener información sobre una
dirección IP o un nombre de dominio: identidad del propietario, fecha de expiración del dominio, nombre
del registrar, etc.
[email protected] 131
Built With (http://builtwith.com): permite mostrar principalmente el conjunto de técnicas que se han
utilizado para crear el sitio probado: sistema de servidor, codificación de las páginas, socios publicitarios,
nombre del Framework, etc.
[email protected] 132
Para enviar su sitio a Yahoo, utilice el servicio Submit Your Site en esta
dirección: http://search.yahoo.com/info/submit.html. Pero también puede utilizar herramientas realmente
especializadas como Link Cheker...
[email protected] 133
CAPÍTULO 8
Introducción
Para tener éxito, su sitio web debe estar abierto al exterior mediante la promoción del intercambio y la
difusión de su contenido (a menos que se trate de una intranet o una aplicación web privada). Para
aumentar la popularidad del sitio, existen soluciones muy potentes que se pueden instalar fácilmente. Han
ido evolucionando con el tiempo, y los canales RSS, que todavía eran predominantes hace un par de años,
han ido dejado sitio gradualmente a las redes sociales. Haremos un resumen general de los dispositivos
disponibles y cómo implementarlos en Joomla!.
La retirada programada del componente Canales electrónicos del núcleo de Joomla! no significa el
abandono de la gestión de los canales RSS. Este componente se puede instalar por separado y se
puede utilizar de forma independiente del CMS. Además, una actualización no lo eliminará si ya está
instalado.
[email protected] 134
Los canales electrónicos
El canal electrónico estándar RSS (Really Simple Syndication) es una familia de formatos XML utilizados
para la sindicación de contenidos web. El principio es muy simple: a través de un agregador de canales
electrónicos, un usuario puede suscribirse al canal RSS del sitio para mantenerse informado de cuándo se
producen cambios (un nuevo artículo, por ejemplo). A estos canales los llamamos canales RSS o hilos
RSS o incluso canales electrónicos. Los programas que permiten leer estos archivos se denominan
agregadores. También es una excelente manera de fidelizar a los usuarios, manteniéndolos casi en tiempo
real al día de los cambios en su sitio.
Hay dos tipos de agregadores: en línea (Bloglines, Netvibes, etc.) o los que puede instalar como una
aplicación (iTunes, Thunderbird, RSSOwl, Juice, etc.), esto ha dado lugar a otras formas de sindicación de
contenidos como los Podcasts y los videocasts (a través del uso de la etiqueta ’Enclosure’). El
formato más utilizado es el RSS 2.0.
Google ha cerrado recientemente Google Reader, pero todavía gestiona Feedburner. Los canales
electrónicos posiblemente sigan existiendo algunos años más y pueden ser un verdadero plus para su sitio
si ofrece un canal de noticias que actualiza con frecuencia.
Puede suscribirse a este canal electrónico con un agregador o, como antes, simplemente obtener la
dirección del canal.
Cree tantos canales electrónicos como desee haciendo clic en el botón Nuevo.
[email protected] 135
Cantidad de noticias por canal electrónico: el número de artículos que serán visibles en el
canal.
En la ficha Publicación, las opciones de publicación y de metadatos son similares a los de las
categorías.
A continuación, cree un enlace de menú para facilitar el acceso a estos canales o a sus categorías,
como a los artículos o los enlaces. Puede recordar cómo hacerlo en el apartado dedicado a la
creación de enlaces de menú. Al elegir el tipo de enlace, elija una de las opciones de los canales
electrónicos.
Los canales electrónicos de sus contenidos se generan automáticamente por Joomla!. Basta con crear
un módulo para facilitar el acceso.
Para editar este módulo, haga clic en el enlace Gestor de módulos en el panel izquierdo del
Panel de control.
Haga clic en el título del módulo para editar o crear un nuevo módulo con un clic en el
botón Nuevo y seleccione Sindicación del sitio en la lista.
Vamos a ver cómo utilizar un servicio como FeedBurner, que tiene, entre otros, los siguientes
beneficios:
[email protected] 136
Permite crear sofisticados botones de sindicación.
Permite obtener beneficios económicos de sus canales electrónicos con el programa Google
AdSense.
En el cuadro de texto, escriba la dirección de su canal electrónico y haga clic en el botón Next.
Si es necesario, añada una o varias de las opciones, como la optimización para los navegadores
(BrowserFriendly) y la activación de las estadísticas (FeedBurner Stats). Haga clic en Next.
Seleccione todas las opciones para que su canal sea objeto de estadísticas completas. Haga clic
en Next.
Ahora sólo nos queda configurar las opciones de su canal electrónico a través de las fichas.
Haga clic en SmartFeed y, a continuación, en Activate para hacer que su todos los lectores
puedan leer su canal electrónico.
La ficha Publicize contiene opciones para configurar la publicación de su canal electrónico. Por
ejemplo, Headline Animator ofrece una herramienta completa para crear banners animados
que muestran los artículos publicados en rotación. Email Subscriptions permitirá la
suscripción a su canal electrónico a través de correo electrónico.
Para todas estas herramientas, una vez creado el botón o el banner, seleccione la exportación
deseada (aquí hemos solicitado el código). Copie el código e insértelo en su sitio de Joomla!, por
ejemplo, en un módulo.
Vamos a recuperar el canal electrónico generado por nuestro sitio y que se actualiza cada vez que un
nuevo elemento aparece en la portada. A continuación, haremos una redirección del antiguo canal
electrónico al canal creado en FeedBurner. Sólo nos resta insertarla de nuevo en la página principal.
Puede editar la plantilla que utiliza para añadir una declaración entre las
etiquetas <HEAD> y </HEAD>.
[email protected] 137
Por supuesto, nada le impide cambiar la ubicación de este módulo, colocándolo en un lugar más
destacado de su página principal... basta con cambiar la opción del campo Posición.
Este servicio le permite ver el número de usuarios que se han suscrito a su canal electrónico. Puede
acceder a él haciendo clic en el nombre del canal electrónico.
Se muestran dos curvas: una muestra su número de suscriptores (subscribers) y la otra, el número
de internautas que han visto su canal electrónico o que han hecho clic en él (reach), esta última
estadística permite tener una estimación fiable de su público real.
El informe Popular Feed Items hace la distinción entre la columna VIEWS (el número de veces que
se ha leído su canal electrónico) y la columna CLICKS (el número de veces que los suscriptores han
hecho clic en el contenido de su canal electrónico).
Cuando hace clic en el enlace See more about your feed items, esta misma distinción se hace para
cada uno de los artículos que ha publicado y por el período de tiempo considerado.
Si incrementa el número de "Views", obtendrá el mismo total que el indicado en los encabezados de
columna.
Estos valores pueden ser confusos cuando parecen entrar en contradicción con la cantidad indicada en
la mención reach.
Este valor indica el número de suscriptores que realmente han leído el contenido de sus artículos.
Muchos suscriptores a su canal electrónico pueden recibir su canal sin siquiera leerlo (o en
períodos de tiempo muy separados). Por tanto, puede tener 1000 suscriptores declarados y
simplemente un promedio diario de 200 usuarios "activos". La diferencia está en los abonados
pasivos que sólo consultan su agregador de vez en cuando, etc.
Haga clic en el enlace Item Use para mostrar un ranking de la popularidad de los diversos
artículos que ha publicado. Se trata de una forma rápida de ver cuáles son los artículos que han
atraído la mayoría de las reacciones y, por lo tanto, los temas de particular interés para sus
lectores.
Mediante la yuxtaposición de los informes generados para el mismo día, se obtiene, por ejemplo, esto:
956 subscribers.
444 reach.
1,330 views.
149 clicks.
Por tanto, hay 956 suscriptores, de los cuales 444 han revisado el contenido del canal electrónico. Sí,
pero entonces ¿por qué el número de vistas difiere tanto? Esta medida (VIEWS) indica simplemente el
número de veces que se ha mostrado el contenido de su canal electrónico durante el día. Pero cubre un
gran número de prácticas: widget integrado en Netvibes, botón de sindicación, recuperación del
contenido del canal electrónico por agregadores en línea o sitios que publican su canal electrónico en
forma de páginas web.
También se puede ver que el número de usuarios activos es diferente del número de clics según si el
canal electrónico muestra todos los artículos o sólo un breve resumen con un enlace que permita
acceder a la página original.
Por último, sólo la mención del número de personas que han estado activas en relación con el
contenido de su canal electrónico ("Reach") es un buen indicador de la audiencia real.
[email protected] 138
Última cuestión: ¿por qué el número de suscriptores varían de un día para otro? En primer lugar
debemos comprender cómo se mide realmente el número de abonados.
Podemos decir que estos últimos se reparten en dos grupos distintos: los que utilizan un agregador en
línea y aquellos que utilizan una aplicación instalada localmente en su ordenador.
En el primer caso, estos servicios (Netvibes, Google Reader) indican a FeedBurner el número de
usuarios suscritos a su canal electrónico durante un mismo día. Pero, por ejemplo, a veces, un
agregador en línea actualiza estos datos cada 30 días.
Para las aplicaciones, Feedburner diferencia las características de cada usuario, incluida la dirección IP.
El número total es, por tanto, la suma entre el número de suscriptores en línea y los que han revisado
su canal electrónico. Pero en este escenario, si un usuario no abre su agregador, no se considerará un
suscriptor. Por tanto, las estadísticas de FeedBurner pueden registrar fluctuaciones, pero esto no
significa necesariamente que haya perdido suscriptores.
Por último, pasamos directamente a la última cuestión: pero ¿a qué corresponde el informe Top
Uncommon Uses? En esta sección, Feedburner identifica todo uso no autorizado del canal electrónico.
Estos pueden ser de sitios de agregación de contenidos procedentes de diferentes canales electrónicos,
un blog que muestra todo su canal electrónico, un sitio de spam, etc. En pocas palabras, todos los usos
no autorizados del contenido de su sitio a través de los canales RSS que generan. El botón de la flecha
le permite ver el sitio correspondiente y verificar si no le impide estar correctamente indexado en
Google.
Tomemos por ejemplo el sitio: http://www.redbeemedia.es/. Pruebe a buscar en Google una frase lo
suficientemente larga del artículo que le han copiado y no olvide ponerlo entre comillas. De esta
manera, puede ver todas las páginas que han duplicado su contenido. A partir de ahí, dos escenarios
son posibles: o bien el sitio se coloca delante suyo y existe un problema de listado con su sitio en
Google, o bien usted está delante de él y no tiene, a priori, de qué preocuparse. A veces el sitio (el
suyo o el otro/otros) sólo se puede ver haciendo clic en el enlace repetir la búsqueda e incluir los
resultados omitidos. Tenga en cuenta que la clasificación puede cambiar después de un día o dos. Un
método eficaz consiste en colocar un enlace a la página principal de su sitio o al artículo
correspondiente en el pie de página de su canal electrónico. Tenga en cuenta que también es posible
asignar una licencia de Creative Commons a su canal electrónico con un clic, en FeedBurner, en la
pestaña Publicize y, a continuación, en el enlace Creative Commons.
[email protected] 139
Los canales electrónicos
El canal electrónico estándar RSS (Really Simple Syndication) es una familia de formatos XML utilizados
para la sindicación de contenidos web. El principio es muy simple: a través de un agregador de canales
electrónicos, un usuario puede suscribirse al canal RSS del sitio para mantenerse informado de cuándo se
producen cambios (un nuevo artículo, por ejemplo). A estos canales los llamamos canales RSS o hilos
RSS o incluso canales electrónicos. Los programas que permiten leer estos archivos se denominan
agregadores. También es una excelente manera de fidelizar a los usuarios, manteniéndolos casi en tiempo
real al día de los cambios en su sitio.
Hay dos tipos de agregadores: en línea (Bloglines, Netvibes, etc.) o los que puede instalar como una
aplicación (iTunes, Thunderbird, RSSOwl, Juice, etc.), esto ha dado lugar a otras formas de sindicación de
contenidos como los Podcasts y los videocasts (a través del uso de la etiqueta ’Enclosure’). El
formato más utilizado es el RSS 2.0.
Google ha cerrado recientemente Google Reader, pero todavía gestiona Feedburner. Los canales
electrónicos posiblemente sigan existiendo algunos años más y pueden ser un verdadero plus para su sitio
si ofrece un canal de noticias que actualiza con frecuencia.
Puede suscribirse a este canal electrónico con un agregador o, como antes, simplemente obtener la
dirección del canal.
Cree tantos canales electrónicos como desee haciendo clic en el botón Nuevo.
[email protected] 140
Cantidad de noticias por canal electrónico: el número de artículos que serán visibles en el
canal.
En la ficha Publicación, las opciones de publicación y de metadatos son similares a los de las
categorías.
A continuación, cree un enlace de menú para facilitar el acceso a estos canales o a sus categorías,
como a los artículos o los enlaces. Puede recordar cómo hacerlo en el apartado dedicado a la
creación de enlaces de menú. Al elegir el tipo de enlace, elija una de las opciones de los canales
electrónicos.
Los canales electrónicos de sus contenidos se generan automáticamente por Joomla!. Basta con crear
un módulo para facilitar el acceso.
Para editar este módulo, haga clic en el enlace Gestor de módulos en el panel izquierdo del
Panel de control.
Haga clic en el título del módulo para editar o crear un nuevo módulo con un clic en el
botón Nuevo y seleccione Sindicación del sitio en la lista.
Vamos a ver cómo utilizar un servicio como FeedBurner, que tiene, entre otros, los siguientes
beneficios:
[email protected] 141
Permite crear sofisticados botones de sindicación.
Permite obtener beneficios económicos de sus canales electrónicos con el programa Google
AdSense.
En el cuadro de texto, escriba la dirección de su canal electrónico y haga clic en el botón Next.
Si es necesario, añada una o varias de las opciones, como la optimización para los navegadores
(BrowserFriendly) y la activación de las estadísticas (FeedBurner Stats). Haga clic en Next.
Seleccione todas las opciones para que su canal sea objeto de estadísticas completas. Haga clic
en Next.
Ahora sólo nos queda configurar las opciones de su canal electrónico a través de las fichas.
Haga clic en SmartFeed y, a continuación, en Activate para hacer que su todos los lectores
puedan leer su canal electrónico.
La ficha Publicize contiene opciones para configurar la publicación de su canal electrónico. Por
ejemplo, Headline Animator ofrece una herramienta completa para crear banners animados
que muestran los artículos publicados en rotación. Email Subscriptions permitirá la
suscripción a su canal electrónico a través de correo electrónico.
Para todas estas herramientas, una vez creado el botón o el banner, seleccione la exportación
deseada (aquí hemos solicitado el código). Copie el código e insértelo en su sitio de Joomla!, por
ejemplo, en un módulo.
Vamos a recuperar el canal electrónico generado por nuestro sitio y que se actualiza cada vez que un
nuevo elemento aparece en la portada. A continuación, haremos una redirección del antiguo canal
electrónico al canal creado en FeedBurner. Sólo nos resta insertarla de nuevo en la página principal.
Puede editar la plantilla que utiliza para añadir una declaración entre las
etiquetas <HEAD> y </HEAD>.
[email protected] 142
Por supuesto, nada le impide cambiar la ubicación de este módulo, colocándolo en un lugar más
destacado de su página principal... basta con cambiar la opción del campo Posición.
Este servicio le permite ver el número de usuarios que se han suscrito a su canal electrónico. Puede
acceder a él haciendo clic en el nombre del canal electrónico.
Se muestran dos curvas: una muestra su número de suscriptores (subscribers) y la otra, el número
de internautas que han visto su canal electrónico o que han hecho clic en él (reach), esta última
estadística permite tener una estimación fiable de su público real.
El informe Popular Feed Items hace la distinción entre la columna VIEWS (el número de veces que
se ha leído su canal electrónico) y la columna CLICKS (el número de veces que los suscriptores han
hecho clic en el contenido de su canal electrónico).
Cuando hace clic en el enlace See more about your feed items, esta misma distinción se hace para
cada uno de los artículos que ha publicado y por el período de tiempo considerado.
Si incrementa el número de "Views", obtendrá el mismo total que el indicado en los encabezados de
columna.
Estos valores pueden ser confusos cuando parecen entrar en contradicción con la cantidad indicada en
la mención reach.
Este valor indica el número de suscriptores que realmente han leído el contenido de sus artículos.
Muchos suscriptores a su canal electrónico pueden recibir su canal sin siquiera leerlo (o en
períodos de tiempo muy separados). Por tanto, puede tener 1000 suscriptores declarados y
simplemente un promedio diario de 200 usuarios "activos". La diferencia está en los abonados
pasivos que sólo consultan su agregador de vez en cuando, etc.
Haga clic en el enlace Item Use para mostrar un ranking de la popularidad de los diversos
artículos que ha publicado. Se trata de una forma rápida de ver cuáles son los artículos que han
atraído la mayoría de las reacciones y, por lo tanto, los temas de particular interés para sus
lectores.
Mediante la yuxtaposición de los informes generados para el mismo día, se obtiene, por ejemplo, esto:
956 subscribers.
444 reach.
1,330 views.
149 clicks.
Por tanto, hay 956 suscriptores, de los cuales 444 han revisado el contenido del canal electrónico. Sí,
pero entonces ¿por qué el número de vistas difiere tanto? Esta medida (VIEWS) indica simplemente el
número de veces que se ha mostrado el contenido de su canal electrónico durante el día. Pero cubre un
gran número de prácticas: widget integrado en Netvibes, botón de sindicación, recuperación del
contenido del canal electrónico por agregadores en línea o sitios que publican su canal electrónico en
forma de páginas web.
También se puede ver que el número de usuarios activos es diferente del número de clics según si el
canal electrónico muestra todos los artículos o sólo un breve resumen con un enlace que permita
acceder a la página original.
Por último, sólo la mención del número de personas que han estado activas en relación con el
contenido de su canal electrónico ("Reach") es un buen indicador de la audiencia real.
[email protected] 143
Última cuestión: ¿por qué el número de suscriptores varían de un día para otro? En primer lugar
debemos comprender cómo se mide realmente el número de abonados.
Podemos decir que estos últimos se reparten en dos grupos distintos: los que utilizan un agregador en
línea y aquellos que utilizan una aplicación instalada localmente en su ordenador.
En el primer caso, estos servicios (Netvibes, Google Reader) indican a FeedBurner el número de
usuarios suscritos a su canal electrónico durante un mismo día. Pero, por ejemplo, a veces, un
agregador en línea actualiza estos datos cada 30 días.
Para las aplicaciones, Feedburner diferencia las características de cada usuario, incluida la dirección IP.
El número total es, por tanto, la suma entre el número de suscriptores en línea y los que han revisado
su canal electrónico. Pero en este escenario, si un usuario no abre su agregador, no se considerará un
suscriptor. Por tanto, las estadísticas de FeedBurner pueden registrar fluctuaciones, pero esto no
significa necesariamente que haya perdido suscriptores.
Por último, pasamos directamente a la última cuestión: pero ¿a qué corresponde el informe Top
Uncommon Uses? En esta sección, Feedburner identifica todo uso no autorizado del canal electrónico.
Estos pueden ser de sitios de agregación de contenidos procedentes de diferentes canales electrónicos,
un blog que muestra todo su canal electrónico, un sitio de spam, etc. En pocas palabras, todos los usos
no autorizados del contenido de su sitio a través de los canales RSS que generan. El botón de la flecha
le permite ver el sitio correspondiente y verificar si no le impide estar correctamente indexado en
Google.
Tomemos por ejemplo el sitio: http://www.redbeemedia.es/. Pruebe a buscar en Google una frase lo
suficientemente larga del artículo que le han copiado y no olvide ponerlo entre comillas. De esta
manera, puede ver todas las páginas que han duplicado su contenido. A partir de ahí, dos escenarios
son posibles: o bien el sitio se coloca delante suyo y existe un problema de listado con su sitio en
Google, o bien usted está delante de él y no tiene, a priori, de qué preocuparse. A veces el sitio (el
suyo o el otro/otros) sólo se puede ver haciendo clic en el enlace repetir la búsqueda e incluir los
resultados omitidos. Tenga en cuenta que la clasificación puede cambiar después de un día o dos. Un
método eficaz consiste en colocar un enlace a la página principal de su sitio o al artículo
correspondiente en el pie de página de su canal electrónico. Tenga en cuenta que también es posible
asignar una licencia de Creative Commons a su canal electrónico con un clic, en FeedBurner, en la
pestaña Publicize y, a continuación, en el enlace Creative Commons.
[email protected] 144
CAPÍTULO 9
Introducción
Una vez creado, un sitio web debe ser objeto de un seguimiento serio y regular. Aunque a veces es difícil
hacer entender este punto a los clientes de una Web Agency, no hay que desarrollar un sitio web como un
producto "terminado", sino como un dispositivo de comunicación en constante evolución. Por tanto, es
normal prever un presupuesto de mantenimiento y de seguimiento.
Un sitio web es comparable a una tienda, que puede convertirse pronto en una experiencia repetitiva para
los clientes, quienes finalmente no regresarán si no se mantiene y se moderniza con un escaparate
actualizado regularmente.
[email protected] 145
La seguridad
Incluso aunque piense que no tiene enemigos, la piratería masiva ejercida por robots al acecho de
cualquier fallo de seguridad puede afectarle en cualquier momento. Los efectos evidentes se pueden
detectar fácilmente cuando, por ejemplo, su página de inicio ha sido reemplazada por un mensaje de
spam de un hacker o una organización activista.
Otros son más escurridizos. Por ejemplo, algunos delincuentes pueden usar su sitio como retransmisor
para enviar millones de correos electrónicos no deseados (spam), sin ser detectados. No se dará cuenta
del daño producido hasta que el nombre del dominio sea rechazado por los servidores de los ISP y cuando
los correos electrónicos no lleguen ya a sus destinatarios.
Con el sistema de Google, puede escanear el código QR. Aparecerá un código de seguridad en
su teléfono móvil y lo registrará en el campo previsto para ello.
[email protected] 146
A continuación, introduzca el código facilitado en el campo Código de seguridad.
La próxima vez que inicie sesión, debe introducir una Clave secreta necesaria para la conexión,
que se mostrará por la aplicación de su smartphone. Solo se verá unos segundos, la seguridad
será máxima.
Uno de los principales problemas de Joomla! es que basta con añadir \administrator después de la URL
del sitio para acceder al panel de control de la administración (WordPress también tiene el mismo
problema con "wp-admin"). Por otro lado, el código del encabezado de las páginas indica que se trata de
un sitio Joomla!, lo cual facilita la vida de los robots que exploran la web en busca de presas potenciales.
Instale Admin Tools directamente desde el enlace Instalar extensiones y la ficha Instalar
desde la web.
Introduzca el identificador que desee y la contraseña (diferentes de los de Joomla! para aumentar la
seguridad) y luego haga clic en Password-protect.
Si es usted una persona algo paranoica (con razón), instale el plugin Brute Force Stop, que
localizará los intentos repetitivos de introducción de contraseña y bloqueará la dirección IP de
donde proceden.
[email protected] 147
3. Prevenir las inyecciones de SQL
Joomla! es muy seguro en este sentido, pero ¿lo son las distintas y diversas extensiones que ha
instalado?
Haga clic en el plugin Marco’s SQL Injection y configure los siguientes parámetros:
Max hacks attempt: especifique el número de ataques antes del bloqueo de la dirección IP.
Send Email Alert…: active Yes si desea recibir una notificación por correo electrónico por
cada tentativa.
<Limit GET>
Order Allow,Deny
Allow from all
Deny from 80.37.62.62, 80.37.62.90
</Limit>
Sin embargo, esta manipulación es tediosa, y es mejor utilizar un plugin. Hay algunos que se
dedican a esta tarea, pero son de pago. Nosotros utilizaremos ExtraWatch para gestionar las
estadísticas de nuestra página web, que tiene esta función.
[email protected] 148
Las copias de seguridad
La mejor protección consiste en realizar copias de seguridad. De este modo, en caso de ataque, bastará
con restaurar el sitio al estado anterior al ataque. La copia de seguridad de un sitio de Joomla! debe incluir
todos los archivos contenidos en la carpeta raíz del sitio, pero también la base de datos SQL que contiene
todos los contenidos dinámicos. Por supuesto, podemos realizarla manualmente, usando FTP para los
archivos y PhpMyAdmin para la base de datos, pero el manejo es tedioso. Por eso recomendamos que
instale la extensión Akeeba Backup, que ha superado todas las pruebas de manera muy satisfactoria.
Haga clic en el botón Install y luego, para confirmar la instalación, haga clic en el botón Instalar.
Al final de la instalación, haga clic en el enlace directly from our CDN page para descargar la
traducción al español y luego en el enlace del idioma.
Guarde el archivo y luego instale el archivo descargado como cualquier otra extensión mediante la
ficha Subir paquete.
Marque todas las opciones para aceptar las preferencias que se proponen.
[email protected] 149
Akeeba inicia un procedimiento de configuración automática durante el cual no hay que cerrar la
ventana.
Una vez efectuada la configuración, inicie una copia de seguridad con un clic en Respaldar ahora.
Introduzca la información, como por ejemplo los comentarios y haga clic en ¡Respaldar ahora!.
Las copias de seguridad se comprimen en formato JPA. Puede cambiarlo por el formato ZIP, en el
panel Configuración, seleccionando esta opción en la lista Motor del archivador.
Aproveche para anotar la ubicación de estas copias de seguridad que, de forma predeterminada,
es raízdelsitio/administrator/components/com_akeeba/backup.
2. Restaurar el sitio
Configure el servidor de la misma manera que para una instalación de Joomla!:
Carpeta raíz del sitio accesible mediante FTP con permisos de escritura.
Coloque todos los archivos contenidos en este archivo (no la carpeta del archivo, sino su contenido)
en la raíz del sitio.
Abra la URL del sitio y siga el procedimiento propuesto por el asistente de instalación como lo haría
para una instalación de Joomla!. Al finalizar, borre la carpeta de instalación como en una instalación
estándar.
En el caso de una recuperación en un sitio operativo, siempre debe realizarse una prueba de
instalación del archivo localmente antes de hacerlo en el servidor. Así, en caso de que el archivo
pueda estar dañado (extremadamente raro, pero no imposible), evitará terminar con un sitio no
funcional.
[email protected] 150
Las actualizaciones
Un sitio actualizado correctamente es la base para una administración seria. Sin embargo, no debemos
apresurarnos y es lógico esperar una semana o dos para evitar toparnos con errores o incompatibilidades
con extensiones.
El menú del lado izquierdo del panel de control indica el estado de las actualizaciones.
Para acceder a la actualización de las extensiones, abra el menú Extensiones y seleccione Gestor
de extensiones y haga clic en el enlace Actualizar visible en el panel izquierdo.
Ha hecho una copia de seguridad del sitio que ha probado en una instalación local. En caso de
problema, puede restaurar el sitio a un estado anterior a la actualización.
Tenga presente el tipo de actualización que se ofrece. Por ejemplo RC significa Release Candidate, por
tanto, no se trata de una versión estable.
Abra la configuración y elija el tipo de actualizaciones que se se le ofrecerán, las más seguras son
las LTS (Long Term Support).
[email protected] 151
En el siguiente ejemplo, la versión propuesta no es una versión RC, sino una versión estable:
[email protected] 152
La administración cotidiana
Además de estas operaciones cruciales, relativamente poco frecuentes, el trabajo diario del administrador
está compuesto de tareas sencillas, pero que no debe pasar por alto.
1. Gestionar la caché
A través del menú Sistema, seleccione Limpiar la caché.
Seleccione los archivos que hay en la caché (a menudo pertenecientes a extensiones) y haga clic en
el botón Borrar.
En el panel izquierdo, haga clic en el enlace Purgar la caché expirada y luego en el botón del
mismo nombre que aparece.
2. Desbloquear un artículo
Para desbloquear elementos, en el menú Sistema seleccione la opción Desbloquear o haga clic en
el enlace Desbloquear del panel izquierdo de la ventana de la gestión de la caché.
Seleccione los elementos que desea desbloquear y haga clic en el botón Desbloquear.
Acceda a phpMyAdmin.
Expanda la base de datos utilizada para su sitio haciendo clic en el enlace correspondiente.
[email protected] 153
Haga clic en el icono Editar asociado al usuario para el que desea recuperar la contraseña.
En el cuadro de texto Valor asociada a la opción password varchar, escriba su nueva contraseña
y haga clic en el botón Ejecutar.
a. Google Analytics
Existen muchas herramientas de estadísticas para sitios web o blogs: Xiti, Google
Analytics, DirectStats, etc. Estas tres aplicaciones en parte gratuitas requieren que añada a las
páginas de su sitio web un código JavaScript que registrará la información correspondiente a los
visitantes de su sitio web. De este modo tendrá un análisis minucioso de la audiencia de cada una de
sus páginas. Para nuestro ejemplo, vamos a utilizar Google Analytics para analizar rápidamente el
principio de funcionamiento de este tipo de herramientas.
Servirá como dirección de correo electrónico secundaria en caso de que olvide su contraseña,
o si no puede acceder a su cuenta de Google.
Rellene el resto de información requerida; elija una contraseña "fuerte". Puede probar diferentes
contraseñas mediante el uso de la herramienta en
línea Passwordmeter: http://www.passwordmeter.com
Para establecer una contraseña compleja, le aconsejamos que utilice métodos mnemotécnicos como,
por ejemplo, el siguiente:
Elija una frase fácil de recordar: Más vale pájaro en mano que ciento volando.
La contraseña generada tiene más de ocho caracteres y obtiene una puntuación inmejorable en
Passwordmeter (100 %).
Acepte los términos de uso y la política de privacidad marcando la opción correspondiente al final
del formulario y haga clic en el botón Siguiente paso.
[email protected] 154
Siga el procedimiento de registro hasta el final.
En el campo de texto Correo electrónico, escriba la dirección de correo electrónico que utilizó
para abrir una cuenta en Google y su contraseña, y haga clic en Iniciar sesión.
Posteriormente y si abre una cuenta de Gmail (el servidor de correo de Google), puede acceder a su
cuenta usando sólo la primera parte de su identificador de Gmail: juansoto para juansoto@gmail.
De lo contrario, deberá utilizar su correo electrónico secundario como identificador en Google. Por
razones de seguridad, no es aconsejable que difunda su dirección de Gmail.
Si no marca la casilla No cerrar sesión, deberá identificarse cada vez que quiera abrir otro
elemento en su navegador. Esto puede parecer un poco complicado pero es una buena manera de
evitar el robo de los datos de identificación de su cuenta de Google cuando visite, sin darse cuenta,
una página maliciosa. De hecho, muchos scripts pueden explotar las vulnerabilidades de seguridad y
obtener los datos que haya facilitado a los servicios a los que está actualmente conectado.
Acceda a Google Analytics con las credenciales de identificación de su cuenta de Google y haga
clic en Iniciar sesión.
Rellene la información requerida: indique la dirección URL del sitio web y el Nombre de
cuenta(el nombre del sitio, por ejemplo) en los campos correspondientes.
Marque la casilla Sí, acepto las condiciones generales y haga clic en Aceptar del mensaje que
aparece.
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ?
"https://ssl." : "http://www.");
document.write(unescape("%3Cscript src=’" + gaJsHost + "google-analytics.
com/ga.js’ type=’text/javascript’%3E%3C/script%3E"));
</script>
<script type="text/javascript">
var pageTracker = _gat._getTracker("UA-4458389-1");
pageTracker._initData();
pageTracker._trackPageview();
</script>
Este código es único para cada usuario de Google Analytics y para cada uno de los perfiles de sitios
web que haya definido: UA-4458389-1, UA-4458389-2, etc. Este código también es el que deberá
proporcionar si desea, por ejemplo, vincular una cuenta de Google Analytics a otro servicio web.
Puede agregar tantos sitios Web como desee. Para ello, haga clic en el enlace Crear nueva
cuenta.
[email protected] 155
Si no inserta el código en cada página de su sitio Web, Google Analytics no puede validar su registro.
Cuente un día antes de comenzar a acceder a sus primeras estadísticas. Más adelante explicamos
cómo insertar este tipo de código en su sitio Joomla!.
Especifique la dirección de correo electrónico del usuario. Tenga en cuenta que la dirección de
correo electrónico debe corresponder a una cuenta de Google.
Haga clic en el botón Añadir para copiar estos perfiles a la lista Perfiles del sitio web
seleccionados.
No vamos a hacer un curso completo sobre el uso de Google Analytics, pero trataremos de explicar
algunos principios básicos.
En la tabla Perfiles de sitio web, haga clic en el enlace Ver informe (en la columna Informes)
asociada al sitio web cuyas estadísticas desea consultar.
Haga clic en la fecha de la esquina superior derecha de la ventana para mostrar el minicalendario
que le permite seleccionar un período de tiempo: ayer, el mes pasado.
Para comparar el período elegido con un período anterior, marque la opción Comparar con:
Periodo anterior y especifique las fechas de comienzo y final de este período en los cuadros
correspondientes.
La página Panel de estadísticas se compone de varios informes: Uso del sitio, Información
de visitas...
Para ver en detalle un informe, haga clic en el enlace Ver informe correspondiente; para ver de
nuevo la ventana Panel, haga clic en el enlace correspondiente visible en la parte izquierda de la
ventana.
Visitas: el número de sesiones iniciadas por los visitantes. En la ayuda se especifica que si un
usuario está inactivo durante 30 minutos o más en su sitio, toda actividad posterior se
considerará una nueva sesión. Si un usuario deja su sitio y regresa en menos de 30 minutos, se
contará como una sola sesión.
Visitantes únicos absolutos: el número de sesiones únicas que han iniciado los usuarios por
un período de cuatro horas. Tomemos, por ejemplo, que un visitante visita dos veces en un día
su sitio web. Google Analytics registra dos visitas pero sólo un visitante único absoluto.
Página vista: corresponde a la consulta de una página de su sitio que contiene el código de
seguimiento de Google Analytics.
[email protected] 156
Consulta de página única: representa el número de sesiones en curso de las cuales la página
en cuestión se ha mostrado una o varias veces.
Porcentaje de rebote: indica el porcentaje de usuarios que han entrado en una página y han
dejado el sitio inmediatamente. Cuanto mayor sea el porcentaje de rebotes, es más probable
creer que la página no corresponde lo suficiente al anuncio o enlace desde el que se accede a
ella.
A la izquierda del panel, el menú Fuentes de tráfico permite ver cuáles son las fuentes que generan
tráfico a su sitio web. Hay una distinción entre el tráfico generado por los motores de búsqueda y el de
los sitios de referencia, los sitios que han generado vínculos a páginas de su sitio. El enlace Palabras
clave le permite saber qué frases de búsqueda atraen visitantes.
El menú Contenido muestra las páginas más populares, las principales páginas de destino...
Haga clic en el enlace Resumen de datos/sitio para superponer los análisis a su sitio web.
Otro punto importante: si accede a menudo a su sitio (en línea), las estadísticas diarias serán
evidentemente más halagadoras, pero un tanto falsas. El principio de este truco consiste en excluir una
serie de direcciones URL de los informes generados por Google Analytics. Veamos cómo proceder:
Escriba un Nombre de filtro y, en la lista Tipo de filtro, seleccione la opción Excluir tráfico de
las direcciones IP que son iguales a.
Debe utilizar expresiones regulares para filtrar una dirección IP. Por ejemplo, si la dirección IP
que desea filtrar es 176.168.1.1, la sintaxis es la siguiente: 176\.168\.1\.1
En lo que respecta al análisis comparativo, este servicio permite comparar las estadísticas de su sitio
Web con la media reenviada por los otros sitios que también están suscritos al análisis comparativo y
que responden a los mismos criterios que el suyo: sector y número de visitas. Los sitios que se utilizan
en el análisis se dividen en tres categorías: pequeños, medianos y grandes.
Usted no puede ver los datos del análisis comparativo de sitios que pertenecen a otra categoría.
La página que aparece por defecto presenta seis grupos de parámetros: Visitas, Porcentaje de
rebote, Páginas vistas, Tiempo en el sitio, Páginas vistas y Nuevas visitas.
En cada una de estas categorías, un enlace permite acceder a los parámetros clásicos: Todas las
fuentes de tráfico, Principales páginas de destino, Detalles de las páginas por
título, Duración de la visita, Número de páginas visitadas y Fidelidad de los visitantes.
La mención Análisis representa la media de otros sitios (en gris), mientras que la línea azul muestra
el rendimiento de su sitio.
Si pasa el ratón sobre una de estas curvas, una información sobre herramientas muestra las
estadísticas registradas con, cada vez, el porcentaje de diferencia. No se debe tomar literalmente las
estadísticas devueltas por esta herramienta al pie de la letra. Simplemente le permite hacerse una idea
de los puntos fuertes y débiles de su sitio.
Hemos visto cómo agregar el código de Google Analytics en cada una de sus páginas web. Para evitar
editar manualmente cada página, vamos a utilizar un componente dedicado para añadir el código de
[email protected] 157
forma dinámica.
Seleccione la ficha Profiles y haga clic en Import para importar su perfil de Google.
b. ExtraWatch
Una vez instalada, haga clic en la opción ExtraWatch en el menú Componentes. Haga clic
en Settings y, en la lista LANGUAGE, seleccione el idioma Spanish utf_8.
Introduzca las direcciones IP completas o indique los rangos introduciendo un valor seguido de un
asterisco. Por ejemplo 282* bloquea todas las direcciones IP que comienzan con esta secuencia.
Haga clic en Blocking para comprobar las direcciones bloqueadas y, para implementar un sistema
antispam, haga clic en Activar la prohibición. También es posible importar archivos antispam en
formato CSV.
La herramienta de estadísticas es muy completa. Observe que puede establecer "objetivos", es decir,
controles de visitas a páginas específicas.
[email protected] 158
CAPÍTULO 10
Anexos
[email protected] 159
Imágenes
1. Banco de imágenes
Hemos recopilado los recursos existentes en Internet que permiten descargar imágenes libres de
derechos. Tenga en cuenta que estos sitios son en su mayoría de habla inglesa y puede que tenga que
utilizar una herramienta de traducción en línea para poder utilizar el término en inglés deseado. El
Traductor de Google (http://translate.google.es) ofrece una gama de herramientas lingüísticas muy
completa.
Los sitios que en nuestra opinión son más interesantes están marcados con un asterisco.
MorgueFile (http://www.morguefile.com).
Openphoto (http://openphoto.net).
PD Photo (http://pdphoto.org).
Stockvault (http://www.stockvault.net).
Flickr (http://www.flickr.com).
Ourmedia (http://www.ourmedia.org).
FreeFoto (http://www.freefoto.com/).
FreeImages (http://www.freeimages.co.uk).
BigPhoto (http://www.bigfoto.com).
Thinkstock (http://www.thinkstockphotos.com).
Tofz.org (http://tofz.org/index.php).
FreeMediaGOO (http://www.freemediagoo.com).
ImageBase (http://imagebase.net).
Photocase (http://www.photocase.com).
FreePhotosBank (http://www.freephotosbank.com).
FreeDigitalPhotos (http://www.freedigitalphotos.net).
* Unprofound (http://www.unprofound.com).
Pictures Of (http://www.picturesof.net).
[email protected] 160
* Microshots (http://www.microshots.org): imágenes de primeros planos.
2. Iconos
IConfinder (http://www.iconfinder.com).
IcoMoon (http://icomoon.io/app/#/select).
FindIcons (http://findicons.com).
Botones de sindicación
Iconos gratuitos
Lista de recursos gratuitos de iconos (otros vínculos son visibles en la sección post
correlati): http://www.maestroalberto.it/2008/04/21/530-magnifiche-icone-di-alta-qualita
[email protected] 161
Otros sitios de iconos
Iconizer (http://www.iconizer.com/icons.html).
[email protected] 162
Marcadores para mapas
Kyle Mulka (http://maps.kylemulka.com/easygps-symbols.zip).
Sparce (http://sparce.cs.pdx.edu/mash-o-matic/tools.html).
Shadowmaker (http://shadowmaker.com).
[email protected] 163
Programas
1. Varios programas
Vector Magic (http://vectormagic.com): permite convertir un archivo JPEG, GIF, PNG, BMP, TIFF
y PSD en una prestación vectorial en formato EPS, SVG, PDF o PNG.
Rsizr (http://rsizr.com): permite cambiar el tamaño de una fotografía utilizando una tecnología
llamada "Seam Carving". Este algoritmo permite cambiar el tamaño de las fotos sin efecto de
estiramiento, y sin que ello suponga la eliminación de los elementos que están presentes en la
foto. También puede descargar un programa llamado LiquidResize desde esta
dirección:http://www.ononesoftware.com
Gickr (http://gickr.com): permite crear un GIF animado a partir de una imagen almacenada en
Flickr (¡y también a partir de un vídeo almacenado en Youtube!).
2. Edición de imágenes
Si bien Gimp es una excelente opción para los usos avanzados, también hay herramientas en línea de
edición que sólo requieren que complete un formulario de registro.
Pixlr (http://apps.pixlr.com/editor/): editor en línea muy completo, rápido y con una interfaz
muy similar a la de Photoshop.
[email protected] 164
Servicios de alojamiento de imágenes
Si el espacio de su proveedor de servicios de alojamiento es limitado y desea subir muchas fotos, puede
alojarlas en algunos servicios en línea gratuitos. La única restricción es que el espacio en disco es limitado.
Por otra parte, puede haber restricciones en cuanto al ancho de banda. No confunda estos servicios con
los que le permiten compartir sus imágenes ya que, en teoría, estos servicios no le permiten su
publicación fuera de su contexto y sin que, por ejemplo, se haga referencia al servicio de alojamiento.
Esta es una lista:
ImageShack (http://imageshack.us): sin límite, pero sus imágenes no deben exceder de 1,5 GB.
[email protected] 165
Servicios de alojamiento de vídeos
Existen muchos sitios que ofrecen este servicio. Este artículo de la Wikipedia ha recopilado una
interesante comparación: http://en.wikipedia.org/wiki/Comparison_of_video_services