¡Todos amamos las etiquetas!
¿Etiquetas? Si Etiquetas. Todos amamos las etiquetas. del.icio.us las tiene, Flickr las tiene, y desde hace dos años Movable Type tiene soporte nativo para ellas. Asi que, ¿qué tienen de interesante las etiquetas? ¿Son las etiquetas mas fáciles de manejar que las categorías? ¿Unas reemplazan a las otras? ¿Y las palabras clave, ‘apá?
Bueno, vamos a responder esas preguntas con la implementación que hace Movable Type 4.1 de la sistema de etiquetas.
¿Qué son las etiquetas?
Las etiquetas, para aquellos que no han estado todavía expuestos a la moda Web 2.0, son de hecho bien conocidas en el reino de los “geeks” como «clasificación semántica». Las etiquetas son frases simples que anexas a un eleemento para describir características personales de él. Por ejemplo, yo puedo ser etiquetado como “humano, hombre, mexicano, lector, escritor, evangelizador, movabletypero”. Todas esas etiquetas dan una mejor imagen de mi.
En Movable Type 4.1, tienes la habilidad de etiquetar los artículos de la misma manera. Por ejemplo al escribir este artículo, podemos etiquetarlo como “movable type 4.1, movable type, caracteristicas, blogging, etiquetas, etiquetar”. Al hacerlo, estás proveyendo metadatos adicionales que mas tarde pueden usarse por tí y por otros para encontrar esta entrada y otras como esta.
De igual manera, Movable Type 4.1 soporta automáticamente sinónimos, lo que significa que “Movable Type” y “movabletype” son equivalentes. Las entradas que comparten una etiqueta en particular son asociadas automáticamente por el sistema. Esto hace trivial encontrar contenido relacionado usando la interface de administración de Movable Type o desde el blog.
Las etiquetas se introducen como una lista separada por comas, lo que permite que las etiquetas contengan espacios, aunque pudes especificar el carácter delimitador de espacio en tu perfil de autor. El campo “Etiquetas” de la Entrada está habilitado con la caracteristica de autocompletar, lo que hace fácil usar etiquetas que hayamos empleado con anterioridad.
Cómo se diferencian de las Palabras Clave
- El campo de etiquetas tiene un mecanismo mejorado de entrada que no tiene el campo de las palabras clave.
- El campo de las palabras clave es de formato libre, mientras que el campo de las etiquetas requiere de datos separados por comas.
- El campo de las palabras clave forma parte de las búsquedas públicas, el campo de las etiquetas, no.
- Una funcionalidad especial de las búsquedas púbicas, la “busqueda de etiquetas”, permite encontrar artículos con una entrada particular.
- Las palabras clave producen una salida tipo cadena de texto por medio de la marca de plantilla mt:entryKeywords. Las etiquetas se muestran por medio de un conjunto mas poderoso y sofisticado de marcas.
- Las palabras clave pueden usando la API Atom y la función de Quickpost. Las etiquetas ya están soportadas, aunque ningún programa hace uso de esta funcionalidad.
Cómo se diferencian de las Categorías
Las etiquetas son similares a las categorías en tanto que te ayudan a agrupar, organizar y encontrar entradas relacionadas. Sin embargo, lo hacen de formas muy diferentes, y las discusiones sobre como lo hacen y como pueden usarse las categorías y las etiquetas pueden llegar libros completos. Lo importante es tomar en cuenta lo siguiente:
- Modelo
- Las Categorías tienden a tener una organización secuencial, como la tabla de contenidos de un libro, mientras que las etiquetas, no tienen un orden estricto, aparecen como en el índice de un libro.
- Especificidad
- Las Categorías son mejores cuando se abordan en un sentido muy amplio, la especificidad se gana dividiéndolas en subcategorías. Las etiquetas son mejores cuando son específicas y la especificidad se gana combinándolas (formando “intersecciones de etiquetas”).
- Planeación
- Las Categorías son mejores cuando se planean con anticipación, cuando son relativamente pocas, y son consistentes a través del tiempo. Las etiquetas se crean “al vuelo” y se basan únicamente en el elemento que se está manejando en ese momento.
- Archivar vs. Buscar
- En Movable Type, las categorías se archivan dentro de un conjunto limitado de páginas que contienen todas las entradas de cada categoría. Las entradas con una etiqueta particular también se muestran juntas en una página pero las páginas se muestran dinámicamente debido al numero de etiquetas que rápidamente puede cambiar en muchos blogs.
La elección de cuál usar (o usar ambas o no usar ninguna) te corresponde únicamente a ti, con base en el contenido que produces y en tu habilidad o deseo de crear una buena arquitectura de información en tu blog.
Agregar y borrar etiquetas
Mientras creamos o editamos una entrada, puedes agregarle también las etiquetas. Asumiendo que estás mostrando todos los campos en la pantalla de “Editar Entrada”, debes recorrer la pantalla hacia abajo hasta ver el campo “Etiquetas”, directamente debajo del área del Cuerpo de la entrada.
Si no ves ese campo, guarda la entrada en la que estás trabajando. Después que se actualice la página, haz click en el enlace “Opciones de visualización” a la derecha de Editar entrada. Marca la casilla que dice Etiquetas para hacer visible ese campo. Guarda las opciones y la interface ahora mostrará el campo de Etiquetas, además de cualquier otro campo que hayas especificado.
Introducción al campo de texto “Etiquetas”
Cuando agregas la primera etiqueta, el campo “Etiquetas” es igual al campo de las palabras clave. Simplemente escribe las etiquetas como una lista separada por comas. Esta forma de entrada permite crear etiquetas que tengan mas de una palabra y es compatible con el conjunto de caracteres en cualquier idioma.

Aunque las etiquetas pueden contener cualquier cosa aparte de comas, debes tratar de evitar otros caractéres que no sean alfanuméricos y signos básicos de puntuación (punto, guión, apóstrofe, etc.) a menos que sean absolutamente necesario. Una vez que has terminado de escribir todas las etiquetas, puedes hacer click en “Guardar” y continuar.
Una vez que has escrito tus etiquetas, el sistema crea una version definitiva normalizada de cada una con propósitos de búsqueda. Esta versión normalizada almacenada en el sistema permite una variedad de etiquetas sinónimas (ejem. “Movable Type”, movabletype, movable type, movable_type o MovableType). Desde luego, las etiquetas siempre se muestran tal como las escribiste y solo la función de búsqueda es afectada por los sinónimos normalizados.
Para los curiosos, las etiquetas se normalizan removiendo los siguientes caractéres:
@ ! ` \ < > * & # / ~ ? ' " . , = ( ) $ { } [ ] ; : <espacio> + -
Luego, todos los caractéres restantes se convierten a minúsculas para crear el resultado final. La única excepción es que la arroba (@) en una etiqueta sirve para preservarla, porque así es como se designan las etiquetas privadas. Las Etiquetas Privadas nunca se muestran en el blog publicado pero pueden usarse para búsquedas tanto en la interface administrativa como en las búsquedas públicas.
Característica de Autocompletar con Tabulación
Para hacer la escritura de etiquetas más fácil, el campo de etiquetas tiene una funcionalidad que permite completar automáticamente la escritura de etiquetas. Para activar esta característica, escribe la primera letra de una etiqueta usada previamente en otra entrada (pero que no estes usando en la entrada actual). Una lista colgante aparecerá con las etiquetas coincidentes. Si hay solo una, solo tienes que oprimir la tecla tab para activar la característica de autocompletar o puedes continuar escribiendo.

Si la letra que escribiste coincide con múltiples etiquetas, verás aparecer la lista. Usa las flechas arriba y abajo de tu teclado para moverte por las opciones. Una vez que la palabra correcta está iluminada, presiona la tecla tab para completar la etiqueta.
Desde luego, no tienes que escribir una sola letra. Conforme escribas, Movable Type filtrará de manera dinámica la lista de etiquetas coincidentes hasta que escribas una que no coincida y la lista desplegable desaparecerá. Puedes oprimir la tecla tab en cualquier momento de ese proceso para activar la auto escritura.
Si comentes un error al escribir, puedes oprimir de manera normal la tecla borrar. Si al hacerlo, vuelve a coincidir una etiqueta, la lista de coincidentes volverá a aparecer.
Administración de las etiquetas
Las etiquetas en las entradas de un blog de Movable Type le dan a tus visitantes una forma fácil de encontrar contenido interesante en tu blog y el mecanismo de escritura hace fácil agregar etiquetas a todas tus entradas. Dicho lo cual, es natural imaginar que el número de etiquetas que usas se expanderá exponencialmente con el tiempo. Debido a esto, es importante poder ver y administrar esas etiquetas eficientemente.
Puedes hacerlo en ambos niveles, blog y sistema, y cada sección tiene básicamente las mismas características. Ya sea en la administración del blog o del sistema, busca en el menú Administrar el comando Etiquetas.

Esta opción es la entrada a la pantalla de administración de etiquetas (que se muestra abajo). La panatalla de Administración de Etiquetas muestra por medio de páginas la lista de todas las etiquetas usadas en un blog en particular o las de todos los blogs del sistema. Al lado derecho de la lista se muestran cuántas entradas usan una determinada etiqueta.
Borrar Etiquetas
Para borrar una etiqueta selecciona la fila o filas que deseas borrar y haz click en “Eliminar”. El sistema te mostrará un diálogo de confirmación antes de borrar la etiqueta.
![]()
Renombrar Etiquetas
Para renombrar una etiqueta, haz click en el nombre de la que quieras renombrar. En la captura que sigue, puedes ver un efecto que se muestra indicando que en efecto, el texto es editable.
![]()
Una vez que haces click en la etiqueta, la etiqueta se convierte en un campo editable. Puedes editar la etiqueta y oprimir el botón “Renombrar” para finalizar la operación o puedes oprimir el botón “Cancelar” para evitar la operación.

Integrar etiquetas
Conforme pase el tiempo, querrás renombrar etiquetas con un nombre que ya existe, integrando sus respectivas entradas. Para hacerlo, simplemente haz click en una etiqueta, como se ve arriba, y renómbrala con el mismo nombre de la segunda etiqueta. El sistema te mostrará un mensaje de confirmación para poder integrar las dos etiquetas, que no podrán separarse.
Cómo mostrar las etiquetas
Para mostrar las etiquetas de una entrada, Movable Type 4.1 proporciona las siguientes marcas.
- mt:tags
- mt:tagName
- mt:tagID
- mt:tagCount
- mt:tagRank
- mt:tagSearchLink
- mt:entryTags
- mt:entryIfTagged
En el contexto de una entrada (por ejemplo dentro de un bloque mt:entries o cuando se usa la plantilla de entradas individuales), puedes mostrar las etiquetas definidas para una entrada particular usando la marca mt:tagName. Puedes indicar el texto que une a las etiquetas de una entrada usando el atributo glue:
<mt:entries> La entrada "<mt:entryTitle />" esta etiquetado como: <mt:entryTags glue=", "><mt:tagName /></mt:entryTags> </mt:entries>
mt:tagName también soporta dos atributos opcionales: quotes y normalize. normalize regreza el sinónimo normalizado que usa el sistema para una etiqueta en particular (ejem. para “Movable Type” podría regresar “movabletype”).
Verificar que una entrada tenga etiquetas
Antes de intentar imprimir la lista de etiqutas en una entrada, primero deberías saber si la entrada tiene etiquetas o no. Para esto, puedes usar la marca condicional mt:entryIfTagged. Como con todas las marcas condicionales, puedes usar bloques mt:else para mostrar algún texto si la condición es falsa.
<mt:entries> La entrada "<mt:entrytitle />" <mt:entryiftagged> está etiquetada como: <mt:entryTags glue=", "><mt:tagname /></mt:entrytags> <mt:else> no tiene etiquetas. </mt:else> </mt:entryiftagged> </mt:entries>
Crear un enlace para búsqueda de etiquetas
Como mencioné anteriormente, Movable Type asocia las entradas que tienen etiquetas similares. También proporciona un método, que usa la función de búsqueda pública, para encontrar esas entradas asociadas. Para crear el enlace a esta búsqueda, puedes usar la marca mt:tagsearchlink. A continuación vemos un ejemplo de como producir este enlace:
<mt:entrytag glue=", "> <a href="<mt:tagsearchlink />"><mt:tagname /></a> </mt:entrytag>
Enchulando el enlace de búsqueda de Etiquetas
Ya que la búsqueda se hace usando las búsquedas externas de Movable Type, las URLs no son tan bonitas. Un enlace típico de mt:tagsearchlink se ve así:
http://ejemplo.com/mt/mt-search.cgi?tag=politica&blog_id=1
Si usas apache como servidor web, puedes darle un mejor aspecto usando el motor de reescritura de direcciones de URL.
http://ejemplo.com/tag/politica
Si tu servidor de hosting te lo permite (muchos lo hacen), puedes agregar las siguientes líneas al principio de tu archivo .htaccess en la raíz de tu blog. Si no existe ese archivo, puedes crearlo:
RewriteEngine on RewriteRule tag/(.+) /mt/mt-search.cgi?$1&blog_id=30
Luego puedes usar en enlace a las etiquetas en un ciclo mt:tags o mt:entrytags usando el siguiente fragmento de plantilla:
<a href="/tag/<mt:tagname encode_url="1" /><mt:tagname /></a>
Claro que si usas una plantilla tipo índice de Movable Type para crear tu archivo .htaccess, puedes reemplazar el identificador del blog con mt:blogid y luego simplemente usar el mismo código en todos tus blogs.
Evitar que se muestren ciertas etiquetas
Desde luego que las etiquetas no se inventaron solo para los visitantes de tu blog. Debido a que también buscar las etiquetas dentro de la interface administrativa, puedes usarlas para mejorar la organización interna de tu blog. Podrías por ejemplo, tener etiquetas que no te gustaría que se mostraran al público. Por esta razón, Movable Type permite establecer una etiqueta como privada al agregar una arroba (@) frente a ella. Por ejemplo:
@privado
Las etiquetas privadas nunca se muestran en el blog público y son completamente ignoradas en las búsquedas de etiquetas.
Mostrar una entrada de forma diferente según la presencia o ausencia de una etiqueta.
Cuando mostramos las entradas, podemos querer que se vean diferentes o que contengan información adicional basándonos en la ausencia o presencia de una etiqueta. Para hacer esto, podemos usar la marca mt:entryiftagged y su atributo tag:
<mt:entries> [ ... datos de la entrada ... ] <mt:entryiftagged tag="importante"> <p><img src="/img/estrellita.gif" alt="Esto es importante" /></p> </mt:entryiftagged> </mt:entries>
Como con todas las condicionales, en el ejemplo de mt:entryiftagged puedes usar una marca contenedora mt:else para mostrar algo en caso que la condición no se cumpla.
Mostrar todas las etiquetas de un Blog
Si quieres mostrar todas las etiquetas de un blog, tienes varias maneras de hacerlo usando la marca mt:tags, la cual se usa para recorrer toda la lista de etiquetas. Al contrario de mt:entrytags, solo requiere del contexto del blog, lo que la hace ideal para colocarla en una barra lateral o en cualquier plantilla del blog.
<ul> <mt:tags> <li> <a href="<mt:tagsearchlink />"><mt:tagname /></a> </li> <mt:tags> </ul>
El código anterior imprimira una lista de todas las etiquetas usadas en tu blog, enlazadas cada una a su búsqueda. Además del atributo glue (que se usa igual que en mt:entrytags) mt:tags soporta un atributo opcional que permite definir una lista separada de comas, potencialmente útil para generar un subconjunto particular de tus etiquetas.
Al final de este artículo puedes leer cual es el mejor lugar para poner esta lista, con el fin de lograr un rendimiento óptimo.
Agregar un conteo a la lista de etiquetas
Movable Type proporciona la marca mt:tagcount que muestra el número de entradas asociadas a la etiqueta en contexto.
<ul> <mt:tags> <li> <a href="<mt:tagsearchlink />"><mt:tagname /> (<mt:tagcount />)</a> </li> </mt:tags> </ul>
Tal como ocurre con mt:tagsearchlink y mt:tagname, esta etiqueta puede usarse también en un contexto de mt:entrytags.
Crear una “Nube de Etiquetas”
Una interesante representación visual del uso relativo de etiquetas es una “nube de etiquetas” similar a la página “Popular tags” de Flickr:’http://www.flickr.com donde las etiquetas que se usan mas frecuentemente se muestran en un tipo de letra mas grande. Tu también puedes hacer esto en Movable Type usando la etiqueta mt:tagrank que regresa un número entre 1 y 6 que representa el uso relativo de una etiqueta de la mas a la menos frecuente.
En el siguiente ejemplo se muestra el código que genera la nube de etiquetas de este blog:
<h2 class="feedburner"><a name="t2" id="t2"></a>Nube de Etiquetas</h2> <ul class="module-list"><mt:tags sort_by="count" limit="20"> <li class="module-list-item"> <a href="<mt:blogURL />tag/<mt:tagName encode_url="1" normalize="1" />" rel="tag"> <span class="taglevel<mt:tagrank>"><mt:tagName /></span> </a> </li> </mt:tags></ul>
Este es el código correspondiente a la hoja de estilos:
.domtab .module-list { list-style: none; display: inline; } .domtab .module-list-item { list-style: none; display: inline; } .taglevel1 { font-size: 19px; } .taglevel2 { font-size: 17px; } .taglevel3 { font-size: 15px; } .taglevel4 { font-size: 13px; } .taglevel5 { font-size: 11px; } .taglevel6 { font-size: 9px; }
Los rangos 1 a 6 también pueden usarse para encabezados HTML, y puedes usarlos como hN@ dónde @N es un número entre 1 y 6, pero tienen menos relevancia semántica. Puedes cambiar el rango de los valores que regresa usando el atributo max. Por ejemplo, si quieres que el rango de valores vaya de 1 a 10, puedes especificarlo en <mt:tagrank max=”10” />
Mostrar solo las entradas que tengan una etiqueta particular
También funciona para mostrar las que no tengan una etiqueta en particular. Igual que con las categorías, puedes programar a Movable Type para que solo muestre las entradas en un ciclo mt:entries que solo tengan (o que no tengan) una etiqueta o un conjunto de etiquetas en particular. Eso se usa con el atributo tag:
<mt:entries tag="ETIQUETA"> [...] </mt:entries>
Igual que con el atributo category puedes usar lógica Booleana (ej. AND, OR, NOT y agrupación con paréntesis) para agregar especificidad. Vea la decumentación de la marca mt:entries para mas detalles. Hay un par de interesantes aplicaciones que me vienen a la mente con esta característica.
Mantener una entrada al princio del índice
<mt:entries tag="Importante" lastn="1"> [...] </mt:entries> <mt:entries> [...] </mt:entires>
Destacar entradas en la barra lateral
<div class="module-archives module"> <h2 class="module-header">Artículos destacados</h2> <div class="module-content"> <ul class="module-list"> <mt:entries lastn="5" tag="notable"> <li class="module-list"> <a href="<mt:entrypermalink />"><mt:entrytitle /></a> </li> </mt:entries> </ul> </div> </div>
Entradas que van directamente al índice
Si usamos el operador NOT en el atributo tag, puedes evitar la publicación de entradas partículares, por ejemplo, en el índice principal y solo se publicarían en los archivos:
<mt:entries tag="NOT noindex"> [...] </mt:entries>
Incluir Nubes de Etiquetas en las páginas de archivo
Como cuando se trata de cualquier lista repetitiva de tamaño considerable que tenga que generar Movable Type, te recomiendo que no uses ‘nubes de etiquetas’ dentro de plantillas de archivos (categorías/basados en fechas/individuales) ya que la compilación de listas de etiquetas, cálculo de rangos, y conteo para cada archivo incrementa los tiempos de compilación. Esto es cierto si usas la publicación estática (donde tienes que esperar a que se ‘construyan’ las páginas) o publicación dinámica (donde son tus lectores quienes tienen que esperar).
Sin embargo, incluir nubes de etiquetas en plantillas índice (por ejemplo, en la barra lateral de tu página principal o en una página especial para la nube de etiquetas) no implica ningún impacto en los tiempos de publicación ya que solo se construye un archivo para cada plantilla índice.
De hecho, si deseas poner una nube de etiquetas en tus páginas de archivo, puedes crear la nube usando una plantilla índice y luego incluir la salida de la plantilla usando PHP o SSI dentro de cada plantilla de archivo. De esta manera, Movable Type solo crea la lista una sola vez y tus visitantes experimentarán un mejor rendimiento de tu blog.
Resumen
Si usaslas etiquetas en tus artículos para hacer la navegación por temas mas sencilla o usas las etiquetas para tener un mayor poder en la publicación de tu blog, creo que todos estamos de acuerdo en que hay que amar mucho a las etiquetas en Movabel Type 4.1 y espero que encuentres aqui toda la información necesaria para poder usarlas.
Si crees que me falto cubrir algo, o tienes una idea nueva sobre como usar las etiquetas, me encataría leerte. Mientras tanto, ¡empieza a etiquetar!
Ya que estás aquí, tal vez quieras suscribirte a la fuente de noticias RSS. ¡Gracias por visitarme!

15 de Julio 2008 a las 09:28 PM
Hace escasamente una semana que he pasado de Blogger a MT, y el encontrarme con categorías, etiquetas y palabras clave me ha dejado descolocado. Pero gracias a tu entrada me he aclarado bastante. Un saludo.