Básicamente en esta entrada vamos a ver algunas fuentes frescas y de gran calidad que obtenemos de ver Smashing Magazine.

Sin más charla, vamos a las fuentes:

Freebooter Script

Esta fuente realmente impresiona por sus curvas. Es una fuente “Tipo Cursiva” que está muy buena para diseños y títulos raros. La misma está diseñada por Graham Meade.

Cora Basic Regular (OpenType)

Una fuente de estilo sans-serif que es bastante gruesa y fuerte, la misma fue diseñada por Veronika Burian y José Scaglione.

Walkway (TrueType)

Walkway es una fuente bastante peculiar, finita y agradable. Parece bastante elegante y modesta, y tiene una gran variedad de formas.

Karabine

Esta fuente creada por Jonathan Paquette es bastante original, sucia y “linda” para hacer diseños al estilo “dirty”. Personalmente es la que más me gusta de todas estas que vimos aquí.

Ahora bien, encontrar un nombre de marca que NO este registrada en un dominio .com puede ser una tarea muy tediosa, aburrida, exasperante y frustrante; pero no imposible.

Encontramos varias guiás en internet de cómo crear nuestro nombre; tomare algunos datos de esas fuentes, otras las pondré de mi experiencia (y de comentarios que me ha hecho gente amiga al respecto).

Mi idea no es poner “ítems” mágicos de cómo hacer para encontrar un nombre (ya que no es tan fácil) pero como editor de este articulo y facilidad de lectura, voy a dar números con oraciones mágicas que nos van a facilitar el camino un poco. (Aunque no son regla, claro)

1. Obtener el dominio .com
   Normalmente la gente se olvida que existen otro tipo de dominios, y es mucho mas fuerte la impresión de decir “misitio.com” a “misitio.net” o “misitio.co.us” o “misitio.blah”, todos por instinto intentaremos con el “.com” ya que nos da mas confianza. Quizas sea bueno utilizar dominios regionales para sitios regionales: si mi sitio es solo aplicable a España, utilizar “.es”; si es aplicable solo para Argentina, utilizar “.com.ar”.
2. Utilizar nombres cortos
   Es muy importante que la gente recuerde el nombre de tu dominio. En la web 2.0 el “boca a boca” es uno de los modos de popularización mas importante que tenemos. Si la gente se confunde o no recuerda exactamente como era nuestro nombre, no lo transmitirá; y eso no será muy bueno.
3. Ser creativos
   Bien, esto es muy genérico; lo sé. Es muy difícil ser creativo, pero hay medios de inspirarse.
   Como experiencia propia creo que lo mejor es hacer un “brainstorming” acerca de lo que se trata nuestro producto, sacar palabras claves, palabras que se asocien a nuestro producto, palabras que nos gusten, palabras divertidas. Luego modificarlas, transformarlas, buscar la vuelta, analizarlas, asimilarlas. Todo esto requiere un tiempo de maduración, no es un trabajo de 15 minutos.
4. Ser metafóricos
   Esta frase se la robo a un amigo que me dijo esta frase cuando estaba en una especie de colapso psíquico en la búsqueda de nombres. Esto se refiere a no buscar algo tan directo, sino darle un par de vueltas a nuestro producto. Por ejemplo, “Flickr” no se llama “MyPhotoAlbum”, es mas, si lo ven suena horrible “myphotoalbum”. Ellos encontraron una palabra que les gusto, como flicker, y al no poseer la disponibilidad de ese dominio fueron creativos a la hora de hacer algo que el mundo recuerde.
5. Imponer
   El  mejor nombre del mundo necesita imponerse un poco. La gente va a pensar que tu nombre es bueno cuando se acostumbre a él. Siguiendo el mismo ejemplo anterior, la gente se acostumbro a Flickr, cuando la palabra es flicker. El tener un buen producto hizo que el nombre se imponga.

Luego de tener todas esa premisas, igual no es una tarea facil. Hay muchos sitios que nos pueden ayudar a buscar nombres alrededor de diferentes palabras que nosotros pensemos.

Bustaname.com es un buen lugar para comenzar a probar diferentes alternativas, Dot-o-mator es otro buen lugar para buscar algún dominio.

Si queremos encontrar palabras lindas, frescas o “cool” para nuestro sitio, es bueno poder encontrar sinonimos para ellas; en ingles los podemos encontrar en Synonym o en Thesaurus.

Como conclusión puedo decir que lo mas importante es no perder la paciencia, dedicarse un tiempo y acostumbrarse a los nombres que uno va proponiendo. Consultar con gente es una buena opción, preguntar si les suena bien, si les gusta o si les parece adecuado. Tener confianza en uno mismo y en el producto: si el producto es bueno, se asociara el nombre al producto y la gente lo mirara con mejores ojos.

Lo bueno es que en Internet siempre tenemos gente que nos ayuda a solucionar nuestros problemas.

Esta nota tratara en una primera instancia de que tamaño deberíamos utilizar para generar nuestro layout, y luego nos adentraremos en como hacer el layout con CSS puro, para poder optimizar nuestro sitio, haciéndolo de la manera más sencilla posible.

¿Qué tamaño deberá tener el layout de nuestro sitio?

Bueno, esa es una decisión muy personal a la hora de crear un nuevo diseño. Pero basándonos en estadísticas, podríamos decir que podemos encontrar en este sitio, podríamos sacar bastantes conclusiones:

• Por empezar, podemos decir que la gente que usa 640×480 ya es prácticamente despreciable (sin ofender a nadie, claro).
• Otra conclusión que sale a primera vista es que el 80% de la gente podrá visualizar correctamente una pagina diseño preparado para 1024×768 (50% de 1024 + 27% de 1280 + 3% de 1152). Tengamos en cuenta, que cada vez es mayor la cantidad de gente que usa 1024, incluso 1280.
• Si hacemos un diseño pensado para 800×600 seguramente tendremos en cuenta al 99% de la gente.

Aquí le dejo un resumen de las estadísticas esas:

1024×768 (50%)
1280×1024 (27%)
800×600 (10%)
Unknown (8%)
1152×864 (3%)
1600×1200 (0%)
640×480 (0%)

Ahora bien, si decidimos usar 1024, o 800 o la que sea; eso no significa que debamos utilizar esa resolución en nuestro layout. Es muy importante tener en cuenta que el área visible de un explorador no es exactamente la misma que la de nuestra pantalla.

Según este excelente post (en ingles) titulado “size does matter”, que tiene muchas estadísticas y habla sobre cual es la mejor resolución para hablar; aparte de dejarnos estadísticas (aunque mas detalladas) similares a las que vimos arriba, nos dice cuales son las mejores resoluciones para trabajar:

Si usamos una resolución de 1024px de ancho, el tamaño que deberíamos considerar para utilizar es de 994px. En cambio si pensamos usar una resolución de 800px de ancho, deberíamos considerar en que nuestro layout deberá ser de 770px de ancho.

1024px de pantalla: 994px de navegación.
800px de pantalla: 770px de navegación.

Por otra parte, según podemos ver un interesante articulo que se ha posteado en xyberneticos, podemos decidir que si queremos hacer un diseño pensando en una resolución de 1024px, podríamos utilizar un ancho de layout de 960px.

El motivo de elegir 960px seria la posibilidad de dividir este numero por 2, 3, 4, 5 y 6; permitiendo así generar columnas de diferentes tamaños de muy fácil configuración y agradables a la vista, de 160px, 192px, 240px, 320px o 480px.

Con esto creo que ya se puede decidir cual es el ancho de la pantalla que voy a utilizar para mi sitio, ahora lo que se necesita es poner manos a la obra y generar el layout. Como dijimos en un artículo anterior, es bueno que utilicemos CSS y no tablas, entonces vamos a hacerlo con CSS.

¿Cómo hago mi layout con CSS?

Bueno, hacer esto es bastante sencillo con CSS. Lo mas seguro es que el layout de nuestro sitio necesite varias cosas; como un header, un footer, y 2 o 3 columnas en el medio (o quizás 1 sola).

Para no dar muchas vueltas al asunto, lo mas fácil para generar nuestro layout en CSS es obteniéndolo ya generado de alguna manera.

Una forma de hacer esto, es utilizando herramientas que encontraremos en Internet tales como: Layout-o-matic.

Otra opción es bajarte ya el código CSS de sitios como Iron Myers, que es un excelente sitio con un montón de opciones para hacer tus layouts; como también utilizar los layouts que proporciona Mollio.

Luego de que tengan el “layout base” de sus sitios, ahí deberán modificarlo un poco para obtener los mejores resultados que ustedes deseen.

La tarea es bastante sencilla una vez que hayan planificado como es que desean hacerlo. La planificación es muy importante en este tipo de cosas.

Se que no es necesario hacer eso, ya que podrían los visitantes de este blog buscarlos por sus medios, pero la idea es poder mostrar aquí esas inquietudes, y muchas veces mostrar mas de una opción en un solo lugar aclara un poco mas los términos a los cuales muchos ya están acostumbrados.

Sin embargo, creo que seria mas útil para ustedes tener una especie de referencia de los términos en un solo lugar de manera más simple y concisa que una nota entera por cada término, por lo cual decidí incluir una lista de diferentes definiciones de temas relacionados con web, blogging y SEO (Como verán, hay muchísimos términos relacionados con el posicionamiento).

Si creen que hay algún termino que este faltando a esta lista, pueden dejar un comentario, que se analizara en cada caso si debe ser incluido o no.

¿Qué es…?

A

AdSense: Sistema de publicidad de Google. Te permite lograr beneficios cada vez que un usuario pincha en un anuncio de tu web.

AdWords: Sistema de publicidad de Google. Publicidad que aparece en Google.com

Afiliado: Empresa anunciadora que forma parte de un acuerdo de marketing para asociados.

Ajax: Abreviatura de Asynchronous JavaScript and XML. Sirve para crear aplicaciones web interactivas.

Algoritmo: Fórmula matemática que emplean los buscadores para determinar la posición en la que aparece una web para diferentes palabras clave.

Alta en buscadores: Consiste en proporcionar una URL a un buscador para que tenga en cuenta la existencia de un sitio o de una página.

Alta manual: Consiste en dar de alta una URL a mano y de forma individual.

Anchor text: Texto que te lleva a un enlace, por ejemplo: <a href=”http://www.promocion.org/”>. El anchor text siempre debe reflejar las palabras clave para las que quieres posicionar tu web.

Anunciante afiliado: Anunciante que forma parte de un programa de affiliate marketing.

Archivos: El conjunto de posts, notas, entradas o artículos de un blog dispuestos en una sola página. Pueden ordenarse por categoría, fecha…etc.

Atom: Un formato específico de feed.

Audioblogging: Es una variante de blogging usando audio en lugar de texto.

B

Banner ad: Formato publicitario en una web.

Banner exchange: Red de intercambio de banners entre anunciantes y anunciadores. Según el sistema establecido, los participantes exponen un banner en su web a cambio de unos créditos. Estos créditos se convierten, a su vez, en banners que se expondrán en las páginas de otros participantes según una tasa de intercambio predeterminada.

Banner HTML: Tipo de banner que emplea elementos HTML, a menudo con elementos interactivos en lugar, o además, de los elementos gráficos estándar.

Banner vertical: Banner que mide 120 pixels de ancho y 240 pixels de alto.

Blog: (Abrev. de Weblog ) Es un tipo de página web con una serie de artículos ordenados cronológicamente desde el más reciente, situados al principio de la página, al más antiguo situado hacia el final o la parte de abajo.

Blogadicto: Síndrome adictivo provocado por la actividad obsesiva del bloguero infomaníaco. Es una patología de la información, sin definición clínica, que se relaciona con la infoxicación y la disponibilidad permanente que promocionan los servicios ofrecidos a través de la banda ancha. El término anglosajón para el blogadicto sería Blogaholic.

Blogger: Plataforma de blogs creada por Google.

Blogger/Bloguer/Bloguero/a: Persona que escribe en un blog.

Blogging: La acción de postear o escribir en los blogs.

Bloglines: Es un agregador de feeds que muestra el contenido de los blogs sin necesidad de acudir a su página.

Blogosfera: El conjunto de blogs y bloguers de Internet.

Blogroll: Lista de enlaces en la barra lateral de un blog.

Buscador: Programa que indexa documentos y establece vínculos entre las búsquedas que realizan los usuarios y los documentos que ha indexado, siguiendo unos criterios de relevancia.

C

Cascading Style Sheets (CSS): Formato de publicación de datos empleado para separar el estilo y la estructura de una página web.

Categorías: Clasificación de los artículos de un blog por temas.

Click-through: Proceso por el cual un usuario llega a la página de la empresa anunciadora pinchando en un anuncio.

Click-through rate (CTR): Media de click-throughs por cada cien exposiciones de un anuncio.

Cloaking: Técnica que consiste en mostrar dos versiones diferentes de una misma página, una con el contenido normal (dirigida a los usuarios) y otra optimizada (dirigida a los buscadores).

Comentarios: Las opiniones o la opción de que un lector de un blog deje su opinión en él.

Correo deseado: Correo electrónico que el usuario ha solicitado explícitamente.

Correo HTML: Correo electrónico con formato HTML, en lugar de texto sin formato.

Correo no deseado (spam): Correo electrónico que no se ha solicitado y que no se desea recibir.

Cost-per-action (CPA): Sistema de pago por publicidad en la red, basado sólo en ciertas acciones concretas por parte de los usuarios, como la compra de un producto o el alta en un servicio.

Cost per click (CPC): Coste, o equivalente del coste, por cada click-through.

CPM: Coste por cada mil exposiciones de un anuncio.

Creative Commons: Un abanico de licencias que abarcan desde el tradicional sistema de derechos de autor hasta el dominio público.

D

Deep linking: Enlace a una página de la web que no sea la página de inicio.

Del.icio.us: Web 2.0 dedicada a compartir de forma folcsonomica bookmarks (o favoritos).

Densidad de palabras clave: Porcentaje de palabras clave en un texto.

Directorio de afiliados: Listado de afiliados organizado por categorías.

Directorio de Ezines: Directorio de revistas electrónicas, normalmente de aquellas que se envían por correo electrónico.

Directorio de voluntarios: Directorio de webs editado por una plantilla compuesta, principalmente, por voluntarios que no reciben ninguna remuneración.

Directorio web: Listado de webs organizado por categorías.

Diseño web: Selección y coordinación de distintos elementos para establecer la presentación y la estructura de una página web.

Dmoz: Open Directory Project, el directorio editado manualmente más grande de la web.

Dominio: Localización de una entidad en Internet.

Doorway domain: Dominio que se emplea específicamente para conseguir una buena posición en los rankings de los buscadores para ciertas palabras clave determinadas, de manera que sirva de entrada para que los usuarios lleguen al dominio principal.

Doorway page: Página creada específicamente para conseguir una buena posición en los rankings de los buscadores para ciertas palabras clave determinadas, de manera que sirva de entrada para que los usuarios lleguen al contenido de la página.

E

Email marketing: Promoción de productos y servicios por correo electrónico.

Enlace de llegada: Enlace que llega a una web desde otra externa.

Enlaces recíprocos: Enlaces establecidos entre dos sitios, normalmente respaldados por un acuerdo de intercambio de enlaces entre los propietarios de las webs.

Enlace saliente: Enlace que se dirige a otra web externa.

Estudio de palabras clave: Búsqueda de los términos básicos que están relacionados con el contenido de tu web, así como con los productos y servicios que ofreces, basándose en un análisis de dichos términos que proporcionen una mejor recuperación de la inversión (ROI).

Etiquetas clave: Metaetiquetas que se emplean para definir las principales palabras clave de una página web.

Etiqueta descriptiva: Etiqueta HTML que emplean los autores de una web para proporcionar una descripción a los buscadores durante el proceso de indexación.

Exposición de un anuncio: Cada una de las veces que se expone un anuncio en la red.

Ezine: Revista electrónica, publicada en una web o distribuida por correo electrónico.

F

Favoritos: Enlace almacenado en un navegador para posibles referencias en el futuro.

Feed: Se emplea para denominar a los documentos con formato RSS o Atom, basados en XML, que permiten a los agregadores recoger información de páginas web.

Feedblitz: Gestor de suscripciones por correo.

Feedburner: Sistema de gestión de feeds muy popular y que ofrece diversas herramientas.

FFA: Listas de enlaces free-for-all (gratis para todos), en las que no hay ningún requisito para agregar los enlaces.

Flash: Tecnología multimedia desarrollada por Macromedia y que permite establecer un alto nivel de interacción en un archivo relativamente pequeño.

Flickr: Servicio que permite compartir fotos de forma comunitaria.

Foro: Comunidad virtual en la que los usuarios pueden leer y escribir sobre temas de interés común.

Foro de afiliados: Comunidad virtual en la que los visitantes puede leer y escribir sobre ciertos temas relacionados con el mundo del marketing para afiliados.

Fotolog: Un blog creado principalmente a partir de fotos e imágenes.

FTP: (Abrev. File Transfer Protocol.) Protocolo que permite la transferencia de archivos desde y a un servidor de alojamiento.

Funcionalidad: Facilidad y comodidad con la que los usuarios de una web pueden acceder a la información.

G

Generador de metaetiquetas: Herramienta que genera metaetiquetas basándose en la información que aporta la página.

Google: Buscador ubicado en www.google.com

Guerrilla marketing: Marketing que se sale de los parámetros convencionales para conseguir mayores beneficios con menos recursos.

H

HotBot: Buscador ubicado en www.hotbot.com

I

Inktomi: Buscador ubicado en www.inktomi.com

Intercambio de enlaces de texto: Red de cambio de links de texto entre anunciantes y anunciadores. Según el sistema establecido los participantes exponen un enlace de texto en su web a cambio de unos créditos convertibles, a su vez, en enlaces de texto que se expondrán en las páginas de otros participantes, siguiendo una tasa de intercambio predeterminada.

Ixquick: Metabuscador ubicado en www.ixquick.com

J

JavaScript: Lenguaje de programación desarrollado por Netscape, empleado para la creación de webs interactivas.

L

Linkbaiting: Cualquier idea o sistema llevado a la práctica con el único objetivo de ser enlazado desde varios sitios para mejorar el posicionamiento y la relevancia de la web.

Link checker: Herramienta que sirve para detectar hipervínculos defectuosos.

Link popularity: Parámetro que sirve para medir la cantidad y la calidad de sitios que enlazan a una web.

Link text: Texto que aparece en un hipervínculo, o cerca de él.

Live Bookmarks: Una característica del navegador Firefox. Se actualiza automáticamente con los últimos contenidos de la web.

LiveJournal: Plataforma gratuita de blogging.

Log file: Archivo que registra la actividad de un servidor.

Looksmart: Directorio web ubicado en www.looksmart.com

M

Marcador: Enlace almacenado en un navegador para posibles referencias en el futuro.

Marcos: Estructuras que permiten la división de una web en dos o más partes independientes.

Marketing de palabras clave: Consiste en conseguir que las personas que están buscando determinadas palabras o frases clave encuentren tu web.

Marketing para afiliados: Sistema de reparto de beneficios entre anunciantes y empresas anunciadoras que establece un régimen de compensación basado en ciertos criterios, normalmente en función de las ventas, los clics, el número de usuarios que se dan de alta u otro tipo de sistemas híbridos.

Marketing para buscadores: Estrategia de marketing destinada a promocionar una web a través de los buscadores.

Metablog: Un blog sobre blogging.

Metabuscador: Buscador que muestra los resultados de varios buscadores a la vez.

Metaetiqueta: Etiquetas que describen diversos aspectos de una página web.

Moblogging: También llamados moblogs. Un blog escrito y mantenido a través de un teléfono móvil.

Moderador: Es la persona encargada de administrar un foro y de moderar los temas de discusión para que se respeten ciertas directrices y sea productivo para sus miembros.

Movable Type: Sistema de blogs utilizable al adquirir una licencia de pago.

MSN: Buscador ubicado en www.msn.com

N

Navegabilidad: Características que hacen que sea fácil navegar una web, pasando de una página a otra.

Navegador: Aplicación software que permite navegar en Internet.

O

Odeo: Un tipo de agregador utilizado para descargar automáticamente podcasts.

OPML: (Abrev. de Outline Processor Markup Language.) En formato XML , permite importar y exportar fácilmente diferentes suscripciones a múltiples blogs entre distintos agregadores de feeds o RSS.

Opt-out: (1) Tipo de programa que procede al registro salvo que se indique lo contrario. (2) Darse de baja en un programa.

P

Pagerank: Parámetro que mide la importancia que tiene una página para un buscador.

Page view: Petición para cargar una sola página HTML.

Página de inicio: Página principal de un sitio web.

Palabra clave: Palabras que emplean los usuarios para realizar una búsqueda.

Pass-along rate: Porcentaje de personas que reenvían un mensaje o un archivo.

Patrocinio: Estrategia comercial que establece un mayor grado de asociación e integración entre el anunciante y el anunciador. El patrocinio contempla a menudo una coordinación que va más allá de la publicación de banners.

Pay per click (PPC): Sistema de publicidad en Internet que establece el pago de una cuota sólo cuando un usuario pincha en el anuncio.

Pay per click search engine (PPCSE): Buscador en el que los anunciantes pujan para aparecer en los primeros puestos de la lista de resultados y sólo pagan cuando un usuario pincha en la lista.

Pay per lead (PPL): Sistema de publicidad en Internet que establece el pago de una cuota sólo cuando un usuario solicita más información.

Pay per sale (PPS): Sistema de publicidad en Internet que establece el pago de una cuota sólo cuando un usuario adquiere un producto o servicio.

Permalink: Enlace a un artículo concreto.

Photolog: Un blog creado principalmente a partir de fotos e imágenes.

Pingback: Ver Trackback.

Pingomatic, Pingoat: – servicios para hacer ping a varios sitios.

Planificación de marketing: Un negocio, parte del proceso por el que se fijan las estrategias de marketing a seguir para un producto o servicio determinado.

Plugins: Pequeños archivos que añaden mayores funcionalidades y características a alguna herramienta existente, como por ejemplo tu blog.

Podcasting: Sistema de distribución de archivos multimedia (audio y video) utilizando feeds para reproducirlos en móviles y ordenadores.

Pop-under: Anuncio que se abre en una ventana nueva del navegador, por detrás de la ventana en la que el usuario está navegando.

Pop-up: Anuncio que se abre en una ventana nueva del navegador, delante de la ventana en la que el usuario está navegando.

Portal: Sitio web que ofrece una serie de servicios muy demandados y que, a menudo, sirve como puerta de acceso a la web o a un niche topic (portal vertical).

Posicionamiento en buscadores: Proceso de optimización que consiste en elegir determinadas palabras clave relacionadas con la actividad de un sitio para conseguir que aparezca en una buena posición cuando un usuario busca dichas palabras clave.

Problogger: Bloguer profesional.

Programa de afiliados: Sistema de publicidad que permite al anunciante vender productos por comisión.

R

Red de afiliados: Intermediario proveedor de servicios para afiliados, tanto anunciantes como anunciadores, incluida la agregación.

RSS: (Abrev. de really simple syndication.) Familia de formatos de feeds utilizados para la sindicación de contenidos. Really Simple Syndication (RSS 2.0), Rich Site Summary (RSS 0.91, RSS 1.0), RDF Site Summary (RSS 0.9 and 1.0)

S

Search engine spam: Manipulación excesiva para tratar de influir en los rankings de los buscadores, a menudo para intentar posicionar una página con contenido escaso o poco relevante.

SEO: Proceso de optimización que consiste en elegir determinadas palabras clave relacionadas con la actividad de un sitio para conseguir que aparezca en una buena posición cuando un usuario busca dichas palabras clave.

SERPs: Search Engine Results Page, página que muestra los resultados de un buscador.

Sistemas híbridos: Combinación de dos o más sistemas de pago según el tipo de estrategia de marketing en Internet que se utilice.

Site search: Herramienta de búsqueda específica de un sitio.

Sitio de autoridad: Se considera un sitio de autoridad en un tema concreto a un sitio que destaca por su calidad y que, por tanto, recibirá una gran cantidad de enlaces de otras webs relevantes.

Skyscraper: Anuncio online que sobrepasa claramente las medidas 120×240 pixels de los banners verticales.

Software de afiliados: Software que permite a las partes de un acuerdo de afiliación realizar un seguimiento de los movimientos que reportan comisión (ventas, altas o clics) y la elaboración posterior de un informe.

Spam: Mensaje comercial con escaso valor que llega al usuario sin que éste lo haya solicitado.

Splog: Un spam blog.

Superafiliado: Afiliado capaz de generar él sólo un gran porcentaje de la actividad total de un programa de afiliación.

T

Tag cloud: Mostrar una lista de etiquetas o palabras clave.

Tags: Palabras claves, etiquetas.

Tasa de Conversión: Porcentaje de usuarios que realizan la acción deseada.

Technorati: Un buscador en tiempo real que muestra lo que sucede en la blogosfera.

Template: El diseño o plantilla de un blog (Plantilla, Theme).

Text ad: Publicidad basada en enlaces de texto.

Title tag: Etiqueta HTML empleada para definir el texto que aparece en la línea superior de un navegador. Muchos buscadores lo usan también como título en las listas de resultados.

Top 10: Diez primeros resultados que muestra un buscador para un término determinado.

Trackback: Sistema mediante el cual se enviá un ping a otro blog con la intención de notificarle que un artículo de su blog ha sido mencionado en el tuyo.

Trick banner: Banner con el que se intenta engañar a la gente para que pinche en el. Muy a menudo estos banners imitan un mensaje del sistema operativo.

Troll: Un «troll» de Internet es el (normalmente es un él) que siente placer al sembrar discordia en Internet. Intenta iniciar discusiones y ofender a la gente.

Typepad: Sistema de blogs utilizable al adquirir una licencia de pago.

U

Underdelivery: Incumplimiento de las niveles de visitas, exposiciones de un anuncio o conversiones establecidos para un determinado periodo de tiempo.

Unique visitors: Usuarios que han accedido a un sitio web (o a una red) al menos una vez en un periodo de tiempo determinado.

URL: Ubicación de un recurso en Internet.

V

Viral marketing: Estrategia de marketing que induce a los usuarios a pasar un mensaje comercial de unos a otros.

Vlogging: También llamado video blogging. Una variante de blog que usa video en lugar de texto.

W

Weblog: Es un tipo de página web con una serie de artículos ordenados cronológicamente desde el más reciente, situados al principio de la página, al más antiguo situado hacia el final o la parte de abajo.

Web hosting: Actividad comercial que consiste en ofrecer almacenamiento, conectividad y otros servicios necesarios para alojar los archivos de un sitio web.

Web invisible: Parte de una web que no está indexada en los buscadores.

Web Feed: Permite a los usuarios a suscribirse a sitios web que modifican o añaden contenido regularmente.

Web site traffic: Cantidad de visitantes y visitas que recibe una página web.

Whois: Utilidad que proporciona información sobre la propiedad de los dominios de segundo nivel.

Wiki: Base de conocimiento colaborativa que permite a los lectores añadir y editar contenido.

Wordpress: Plataforma gratuita de blogs desarrollada principalmente por Matt Mullenweg. Uno de los sistemas más populares.

X

XFN: (Abrev. de XHTML Friends Network.) Una forma simple de representar relaciones humanas a través de hipervínculos.

XML: (Abrev. de eXtensible Markup Language.) Es un lenguaje extensible de etiquetas utilizado como formato en la sindicación de contenidos de los blogs.

Y

Yahoo: Portal ubicado en www.yahoo.com

Los emoticons que encontraremos en esta pagina, como podemos ver a continuación, son bastante raros, nuevos y divertidos.

Instalarlos es muy fácil si alguna vez instalaron este tipo de emoticones, pero si nunca lo hicieron, aquí va una breve descripción de como instalarlos (traducción del autor de los emoticones).

Instrucciones de uso

1. Descarga el paquete de emoticones.
2. Usando FTP, subí y sobrescribí tu carpeta “public_html/wp-includes/images/smilies”.

*Pasos adicionales*

3. Abrí el archivo “functions.php” de la carpeta “public_html/wp-includes”, anda a la línea #1333. Modifica a gusto.
4. Si estas usando WordPress 2.3.3, podes usar las funciones modificadas functions.zip del mismo autor.
   
5. Descargar el plugin WP Grin, para que tus visitantes usen los emoticons en sus comentarios.

Vale aclarar que aquí solo mostraremos la punta del iceberg, y los que consideramos (no solo yo, sino mucha mas gente en la blogosfera) como los mejores y más populares plugins para mejorar la navegación; pero se debe saber que buscando entre los miles de plugins de wordpress que hay en internet seguramente encontraran mas plugins que ayudaran a mejorar la navegación del blog, dependiendo que es lo que quiera cada uno para su sitio.

Pero sin mas introducción, comencemos a ver los plugins que van a ayudarnos a mejorar la navegación:

Plugins de entradas relacionadas para WordPress (Related posts plugins)

Los plugins de entradas relacionadas son los plugins de wordpress mas populares para mejorar no solo la navegación sino él SEO de diferentes sitios. Ofrecer contenido relacionado con el recientemente leído ayuda a mantener a tus lectores por mas tiempo en tu blog, sin contar que resurge a tus viejas entradas que parecían estar olvidadas, extendiendo su vida útil.

El plugin más popular de entradas relacionadas es el WASABI Related Posts; el cual funciona de manera espectacular, es de muy sencillo uso y esta probado por muchísimos blogs.

Sin embargo, puede ser que no están conformes con este plugin. En ese caso hay varios otros que cumplen la misma función. Dejo a gusto de ustedes la investigación de estos:

• Similar Posts: WordPress Plugin
• Semiologic’s Related Posts WordPress Plugin
• WP Plugin: Contextual Related Posts
• Related Posts Link WordPress Plugin

¿Cuál piensan ustedes que es el mejor?

Plugins de entradas más populares para WordPress (Most popular posts plugins)

Hay muchas maneras diferentes de listar las entradas más populares de tu blog en WordPress. Antes de que elijas un plugin para este motivo, seria interesante definir que es “popular” dentro de nuestro blog. ¿Una entrada es popular por la cantidad de visitas que tiene?, ¿Por la cantidad de comentarios que le han hecho?, ¿O por ambas?

A la hora de mostrar estas entradas populares, ¿queremos mostrar las entradas mas populares de todo el blog? ¿O simplemente queremos mostrar las entradas más populares de alguna categoría en especial?

Mientras te quedas pensando en como resolver esas incógnitas, te voy a dar una lista de plugins que una vez que tengas todo decidido sea muy fácil implementarlo:

El plugin Popularity Content de Alex King es el plugin de WordPress mas popular para mostrar tus entradas mas populares (válgame la redundancia). Este plugin, para poder determinar cual post es mas popular que otro, usa la cantidad de paginas vistas de la entrada, la cantidad de comentarios, los trackbacks, etc. Este plugin es de uso muy simple y customizable, permitiéndonos resolver casi cualquier problema que nos planteemos (como lo hicimos anteriormente), y también es el mas aceptado por la comunidad.

Ahora bien, si no quieres usar este plugin por el motivo que sea, te doy una lista de otros plugins que te van a ayudar a resolver este problema. Como en el caso anterior te dejo a vos el analizarlos.

• Top Posts by Category Plugin
• MostWanted WordPress Plugin
• Top 10 Posts/Views
• Most Popular Categories By Post WordPress Plugin

Nuevamente les pregunto a ustedes: ¿Cuál consideran el mejor?

Plugins de entradas recientes para WordPress (Most recent posts plugins)

Las entradas más recientes de un blog, son sencillamente las ultimas entradas que haz publicado en dicho blog. Si bien esto no parece tan mágico, es muy importante que los lectores de tu blog puedan tener acceso de una forma fácil e inmediata a las ultimas entradas que se han publicado.

La tarea de mostrar las entradas recientes es muy fácil, y muchos de estos plugins para hacer esto no solo muestra las ultimas entradas de tu blog, sino que también son adaptables a las necesidades de navegación que consideres necesarias, mostrando por ejemplo la fecha de realización de la entrada, el numero de comentarios, una introducción a la entrada, etc.

Es importante saber las necesidades de tu blog a la hora de incluir cualquier plugin, por eso es importante que midas las necesidades de lo que quieres mostrar antes de utilizar cualquiera de estos plugins:

El plugin mas popular para la presentación de las entradas mas recientes es el Customizable Post Listings WordPress Plugin, el cual puede mostrar los artículos mas recientes, los últimos actualizados, de forma global, por autor, por categoría, y algunas opciones mas. Este plugin también permite incluir un extracto de la entrada.

Como para seguir en concordancia con los anteriores plugins, vamos a darte una lista de otros plugins que producen efectos similares para que nos des tu opinión y/o elijas el que más te convenga:

• Latest Post From Each Category Plugin For Wordpress
• Level10 Blog Matrix WordPress Plugin
• Semologic’s Fuzzy Recent Posts Widget
• All Things Seen and Unseen’s Recent Posts WordPress Plugin
• Recent24 WordPress Plugin

Plugins de etiquetas para WordPress (Tags plugins)

Ya lo hemos hablado mucho, pero vamos a volver a repetirlo: las etiquetas son muy importantes para la navegación de cualquier sitio. ¡Las etiquetas pueden vincular cualquier cosa! Sin contar, que además, nos dará una idea de que es de lo que mas hablamos en nuestro blog, atrayendo a los lectores que mas nos interesan.

También, las etiquetas, ayudaran a nuestros lectores a buscar entradas relacionadas, dando una navegación menos convencional sobre nuestro blog, pero manteniéndolos dentro del mismo, donde podrán encontrar material que les interesa de manera mas simple.

Actualmente, WordPress 2.3, posee internamente un generador de etiquetas y quizás ya no sea necesario instalar ningún plugin adicional para realizar esta tarea. Sin embargo, si no están utilizando WordPress 2.3 y quieren tener una lista de opciones diferentes para realizar esta tarea, les dejo una hermosa lista:

• Jerome’s Keywords
• Simple Tagging WordPress Plugin
• Cloudy: The Word Cloud Generator
• TagsLinks WordPress Plugin
• Ultimate Tag Warrior

Otros plugins interesantes para la navegación

Como dijimos, la comunidad que se ha formado en torno a WordPress, nos ofrece un sinfín de plugins gratuitos que nos dan la oportunidad de mejorar notablemente nuestro blog.

Vamos a ver algunos que parecieron interesantes:

• Previous Posts WordPress Plugin: Muestra las entradas mas recientes a partir de la entrada en la cual nos encontramos actualmente.
• Next-Previous Post IMG: Muestra imagines en los links de “Anterior” y “Siguiente” en vez de solo el titulo.
• WordPress List Posts in Category Plugin: Brinda la posibilidad de mostrar una lista de entradas por categoría, lo cual es una excelente posibilidad para agregar en tu barra lateral.
• Timecapsule Plugin: Es un plugin que muestra entradas antiguas. Excelente para resurgir entradas olvidadas.
• One Year Ago WordPress Plugin: Es un plugin similar a “Timecapsule Plugin”.

Bueno, tranquilos, hay respuesta para todo eso y, como suele pasar normalmente con todas las siglas que rondan a las tecnologías de internet, es mucho mas sencillo de lo que creemos entender el concepto (no así su tarea que es algo laboriosa, y requiere mucho tiempo de análisis).

¿Qué es SEO?

Vamos, para variar, a fijarnos que dicen las definiciones de diferentes sitios al respecto:

Según Google, SEO son las siglas de “optimizador de motores de búsqueda” (search engine optimizer).

En XeoWeb obtenemos la siguiente definición, que me resulta un poco mas agradable y comprensible:

SEO: Search Engine Optimization, optimización en motores de búsqueda. Todo lo relacionado con el posicionamiento en buscadores. Las técnicas que se utilizan para salir en los primeros resultados, procesos de popularidad web, y, en definitiva, entenderemos por SEO, todo aquello referido a obtener los primeros puestos en los motores de búsqueda.

Y para finalizar en localizarte obtenemos la siguiente definición similar a la anterior:

SEO: Significa Search Engine Optimization en inglés. Su traducción al español es Optimización para Motores de Búsqueda. Es el proceso de modificación y análisis de las páginas Web para conseguir posicionar dicha página en los puestos más altos dentro de los mayores buscadores. El análisis es amplio, ya que incluye títulos etiquetas o tags, códigos y diseño de la Web. En español las siglas SEO han llegado a referir a las personas que realizan este tipo de trabajo.

Como conclusión se puede decir que SEO es el conjunto de técnicas y métodos que se utilizan en la optimización de sitios para los motores de búsqueda. También se puede referir con estas siglas a las personas que realizan dicho trabajo.

¿Para qué sirve el SEO?

Luego de las definiciones que obtuvimos arriba, no nos queda mucho por decir aquí. Si optimizamos nuestro sitio para los motores de búsqueda, seguramente lo haremos para quedar mejor posicionados en los motores de búsqueda.

¿Y para qué querría posicionarme alto en los motores de búsqueda?

Normalmente las paginas web son hechas para que las pueda ver y utilizar la mayor cantidad de gente posible. La mayoría de la gente que busca algo en un buscador simplemente visualiza los resultados de la primera pagina (normalmente los primeros resultados de su búsqueda) por lo cual si queremos que nuestro sitio tenga un trafico alto de usuarios es importantísimo posicionarse alto en los motores de búsqueda.

¿Y para qué sirve un profesional del SEO?

La misma pagina de Google nos dice que:

Muchos SEO, además de otras agencias y consultorías ofrecen servicios de gran utilidad para los propietarios de sitios web, que van desde la redacción de texto hasta sugerencias sobre la estructura del sitio y ayuda sobre cómo encontrar directorios relevantes a los que se puede enviar un sitio. No obstante, algunos SEO con falta de ética han afectado negativamente a la industria debido a actividades de marketing demasiado agresivas e intentos de manipular injustamente los resultados de los motores de búsqueda.

Conclusión

El SEO es una herramienta muy importante hoy en día. En una epoca se utilizaba especular con los dominios para obtener trafico, hoy día la gente busca las cosas en diversos buscadores, y nuestros sitios deben estar preparados para ser encontrados.

Ahora bien, ¿cómo sé efectuar el diseño de las aplicaciones web 2.0?

Bueno, yo creo que los diseños deberían hacerse siempre con CSS por varios motivos. ¿Cuáles? Bueno, lean el post a continuación que creo que va a darnos una idea de cuales son las ventajas de utilizar CSS en nuestros diseños. Obviamente, empezaremos por una introducción al tema.

¿Qué son los CSS?

Las Hojas de Estilo (o CSS, por Cascading StyleSheets) son un mecanismo que permiten aplicar formato a los documentos escritos en HTML (y en otros lenguajes estructurados, como XML) separando el contenido de las páginas de su apariencia. Para el diseñador, esto significa que la información estará contenida en la página HTML, pero este archivo no debe definir cómo será visualizada esa información. Las indicaciones acerca de la composición visual del documento estarán especificadas en el archivo de la CSS.

¿Cómo Funcionan los CSS?

Las Hoja de Estilo no utilizan el archivo de la página Web para especificar el formato de la página (en realidad, a veces pueden hacerlo, pero no es recomendable hacerlo de esa manera). En su lugar, usan un archivo de texto puro con extensión “.CSS” que luego se vincula a la página.

Este archivo contiene reglas que constan de un selector (en este ejemplo, H1) y una o más declaraciones (en el ejemplo tenemos cuatro declaraciones). Cada declaración tiene dos partes: una propiedad (por ejemplo, FONT SIZE) y un valor (en este caso, 19pt). Estas reglas son las que determinan cómo deberá mostrarse la página.

Nuevamente, si quisiéramos componer los encabezados H1 con tipografía Arial, de 19 puntos, en color azul y alineación central, el archivo CSS debería contener el siguiente texto:

H1 {

   font-family: Arial, Sans-serif;

   font-size: 19pt;

   color: #0000FF;

   text-align: center;

}

Luego, en cada página de nuestro sitio agregamos un link a la Hoja de Estilo:

<LINK REL="stylesheet" href="hoja_de_estilo.css" TYPE="text/css">

El elemento LINK especifica:

• el tipo de vínculo: a una hoja de estilo (”stylesheet”)
• la ubicación de la hoja de estilo a través del atributo “href”
• el tipo de hoja de estilo que se vincula: “text/css”

Ahora, todos los encabezado H1 de las páginas que contienen la referencia al archivo de la CSS tendrán el aspecto que hemos definido.

10 razones (o ventajas) para utilizar CSS

1.- Separación del contenido y presentación.

Las hojas de estilo generalmente se encuentran en archivos separados del código principal (html, por ejemplo). Esto nos va a permitir que en un equipo de trabajo, programador y diseñador puedan realizar sus tareas de forma independiente aunque paralela, sin correr el riesgo de que haya interferencias entre ambos, y ello no alterará el resultado final.

2.- Flexibilidad.

Podríamos comparar las hojas de estilo con la ropa que guardamos en nuestros cajones. Nosotros somos los mismos, pero dependiendo de la temporada variamos nuestra apariencia.

En el caso de las hojas de estilo sucede lo mismo: podemos cambiar en cualquier momento alguna parte o la totalidad del diseño de nuestras páginas con sólo modificar nuestra hoja de estilo, sin que ello suponga modificar el contenido.

3.- Unificación del diseño de las páginas del sitio.

Un sitio web, ya sea dinámico o estático, suele estar formado por unas cuantas páginas. Mantener una misma apariencia se puede volver una tarea pesada y tediosa si tenemos que copiar y pegar código cada vez que creemos una página nueva, o que deseemos modificar una misma cosa en todas.

Enlazando a cada una de nuestras páginas nuestras hojas de estilo, agilizamos este proceso y minimizamos el trabajo.

4.- Optimización de los tiempos de carga y de tráfico en el servidor.

Al haber dividido contenido y apariencia obtenemos archivos más ligeros, y esto nos reporta dos beneficios: por un lado, reducimos notablemente los tiempos de carga del sitio en el navegador. A esto debemos unir la capacidad de éste para mantener nuestra hoja de estilo en caché.

Por otro lado, reducimos el volumen de tráfico de nuestro servidor, que siempre es de agradecer, tanto si disfrutamos de servicios gratuitos en que solemos tener cuotas muy reducidas, como si pagamos por tener alojamiento propio.

5.- Precisión o elasticidad.

Desde el momento en que usemos CSS, el tamaño y posicionamiento de los elementos que formen nuestras páginas podrá ser exacto. Podremos indicarle al navegador en qué píxel debe colocar ésta o aquélla imagen, o qué alto y ancho deberá mostrar.

Pero al mismo tiempo, podremos emplear medidas variables o relativas que nos permitan expandir el contenido hasta ocupar la totalidad de la ventana de navegación a nuestro antojo, o contraerla a sólo una parte de la misma, con independencia de la resolución de pantalla del usuario.

6.- Accesibilidad y estructuración.

La combinación de CSS y marcadores descriptivos va a posibilitar que nuestra página se vea correctamente con o sin hoja de estilos, puesto que en cualquier caso, la información se mantendrá estructurada y ordenada.

Esto supone que podrá ser accesible sin ningún tipo de problemas tanto por navegadores antiguos o sin soporte para CSS, como para personas con algún tipo discapacidad.

7.- Limpieza del código fuente.

Si escribimos una hoja de estilo independiente, el código fuente de nuestra web va a resultar menos farragoso y agilizaremos las tareas de localización de las líneas que busquemos.

8.- Compatibilidad y continuidad.

Las reglas establecidas por la especificación CSS-1 fijaron los estándares del diseño, y se mantienen y respetan en la CSS-2. Es de prever que en el nivel 3 sucederá lo mismo con respecto a su predecesor.

Pero lo realmente interesante es que los navegadores que no soporten CSS-3 no tendrán problemas a la hora de asimilar el contenido CSS puesto que siempre les quedará la compatibilidad de CSS-2, o la CSS-1 en su caso. La compatibilidad de las especificaciones CSS anteriores estará siempre garantizada.

9.- Estandarización frente a especificaciones propietarias.

La adopción de estándares por la W3C ofrece la ventaja de la compatibilidad del código entre los diferentes navegadores web. El uso de “soluciones propietarias”, como es el caso de muchas etiquetas o patrones usadas por Microsoft.

En su interpretación de lo que es y no es CSS, dificulta la creación de páginas web, porque supone tener que escribir dos códigos distintos para obtener un mismo resultado, en función del tipo de navegador que use el visitante.

El uso del estándar CSS de la W3C evitará visualizaciones incorrectas de nuestras páginas en distintos navegadores.

10.- Permite la diferenciación de estilos para imprimir / visualizar en pantalla.

El uso de CSS nos va a permitir también maquetar separadamente el contenido de nuestra web para ser mostrado en pantalla o para ser impreso.

Tengamos en cuenta que las necesidades y propiedades de un folio de papel y de un monitor nunca van a ser las mismas, y gracias a CSS podremos determinar cómo queremos que se imprima lo que mostramos en la pantalla, manteniendo siempre una apariencia limpia, ordenada y agradable visualmente.

Espero que estas pequeñas reflexiones hayan servido para animarte a dar el gran salto y vestir a tu web con un bonito traje CSS hecho a medida. Y si aún no te animas a usar CSS en tu sitio, te invitamos a conocer CSS Reinicia, una iniciativa que busca que sitios web en nuestro idioma se reinventen gracias a esta tecnología.

Bien, en el blog tagschema.com de Nitin Borwankar explica bastante bien como hacerlo, y aquí voy a incluir un resumen traducido al castellano de lo que considero más importante de dicho blog.

He tenido la experiencia de hacer aplicaciones web 2.0 utilizando esquema de etiquetas, y es bastante sencillo de implementar si uno tiene los conceptos adecuados para hacerlo.

La Web 2.0 necesita Datos 2.0

Una de las principales características de muchas aplicaciones web 2.0 es que son folcsonomías, clasificando los contenidos por medio de palabras clave o “etiquetas” (tags) mnemotécnicas.

Normalmente estas aplicaciones a diferencia de las aplicaciones “1.0″, por llamarlas de alguna manera, relacionan a los usuarios con lo que denominaremos sus ítems (podrían ser bookmars, fotos, videos, música, o cualquier objeto de una aplicación). En las aplicaciones “2.0″ no solo se relacionan los usuarios con sus ítems, sino que también se relacionan con las etiquetas que les ponen a sus ítems.

Los nuevos modelos de datos, ahora, deberán tener en cuenta una nueva dimensión a la hora de actuar, y esa nueva dimensión son las etiquetas. Para lograr eso de una forma eficiente se debe hacer una especie de datawarehousing. Ese datawarehousing en tiempo real son nuestros Datos 2.0, los datos que utilizaremos por medio de nuestro esquema de etiquetas.

Entonces, el esquema de etiquetas (o tags) representa un datawarehouse de datos etiquetados (o tabeados), y esos serán nuestros Datos 2.0.

Datos 2.0 a fondo

Ahora que sabemos que un esquema de etiquetas (o esquema de tags) no es nada mas ni nada menos que un datawarehouse, para analizar estos esquemas de etiquetas vamos a tener que hacer un análisis de modelos multidimensionales.

Antes de interiorizarnos con profundidad en este tema vamos a darnos cuenta que para cualquier simple aplicación que utilice etiquetas vamos a necesitar tres dimensiones básicas: “Usuario”, “Etiqueta” y “Ítem”. A partir de esas tres dimensiones comenzaremos a hacer el análisis de un esquema de etiquetas.

Con esas tres principales dimensiones se genera lo que en datawarehousing se conoce como “fact table”, y eso es una tabla donde se asocian y convergen las 3 dimensiones. En esa tabla tendremos la información de cada ocurrencia de un evento, como por ejemplo “el usuario X ha puesto la etiqueta Y al ítem Z”. Esta situación se da para todas las etiquetas Y que le incluye el usuario X a todos los objetos Z que posea.

Entonces, si el usuario “pepe” utiliza las etiquetas “cine”, “música”, “literatura” y “ocio” de manera en la que a el le parece con algunos artículos de un sitio web que habla sobre hobbies, en un esquema de etiquetas podríamos llegar a encontrar las siguientes columnas en una “fact table”:

Usuario     Etiqueta        Ítem
----------------------------------------------------------------
'pepe'      'cine'          'http://algohobbies.com/articulo-1'
'pepe'      'cine'          'http://algohobbies.com/articulo-2'
'pepe'      'música'        'http://algohobbies.com/articulo-2'
'pepe'      'cine'          'http://algohobbies.com/articulo-3'
'pepe'      'literatura'    'http://algohobbies.com/articulo-3'
'pepe'      'ocio'          'http://algohobbies.com/articulo-4'

El usuario “juan” tendrá una cantidad similar de campos para todos sus objetos etiquetados, lo mismo para el usuario “laura”.

Las “fact tables” son tablas de asociaciones de múltiple entrada, donde se asocian todas las dimensiones posibles en un solo lugar. Estas tablas permiten una gran cantidad de consultas interesantes para correr, con probablemente, una de las mejores escalabilidades.

Creando un modelo de datos para navegar una folcsonomía

Además de la unión de los Usuarios, Etiquetas e Ítems hay una cantidad de relaciones que, junto con la relación base, forman el modelo de datos 2.0. Exploremos estas relaciones y sus consecuencias para la arquitectura de los datos.

Los Usuarios tienen Ítems (URL’s, fotos, música, etc.), pero un Usuario puede existir en la base de datos sin poseer ningún Ítem, como por ejemplo luego de haberse registrado. Por el lado del Ítem, este terminara siendo incluido en la base de datos solamente si esta relacionado al menos a un usuario (el que lo haya cargado). Entonces, un Usuario tiene quizás-ninguno-pero-posiblemente-muchos Ítems, y un Ítem tiene al-menos-uno-y-posiblemente-muchos Usuarios.

Similarmente, un Ítem puede existir sin ninguna Etiqueta, pero una Etiqueta existe solamente para asignar un valor a un Ítem. Adicionalmente, un Usuario puede no haber etiquetado nada por lo cual no tener ninguna Etiqueta, pero una Etiqueta siempre va a ser asignada por un Usuario.

Teniendo en cuenta esas tres relaciones cíclicas obtenemos lo siguiente:

Usuario  (1-muchos)  <---------> (0-muchos)  Ítems
Etiqueta (0- muchos) <---------> (1- muchos) Ítems
Etiqueta (0- muchos) <---------> (1- muchos) Usuario

Transcribiendo eso para una mejor comprensión podemos obtener este hermoso diagrama:

Aquí podemos ver que hay relaciones muchos-a-muchos entre cada par de entidades. Este modelo que vemos aquí arriba es la representación de un modelo lógico de datos, que al pasarlo a un modelo físico de datos va a requerir algunas modificaciones debido a las relaciones de muchos-a-muchos.

La idea no es dar una clase sobre bases de datos, pero como una breve explicación, la forma estándar de representar las relaciones muchos-a-muchos es crear una tabla de relación en la base de datos, que asocie ambos campos por medio de sus identificadotes.

Por ejemplo si queremos almacenar los Ítems que ha guardado un Usuario, al mismo tiempo que queremos saber los Usuarios que poseen cierto Ítem de una forma eficiente, crearemos una tabla que se podría llamar UsuarioÍtem para resolver la relación de muchos-a-muchos entre esas dos entidades donde cada columna tendrá el identificador del Usuario y el identificador del Ítem. Con la misma lógica tendremos una tabla UsuarioEtiqueta y una tabla ÍtemEtiqueta.

Habiendo creado las tablas de relaciones, el modelo nos quedara similar al siguiente:

Para completar nuestro modelo de datos, como vimos anteriormente, tenemos la famosa “fact table” donde se relacionan los Usuarios, Ítems y Etiquetas en una sola tabla, que puede ser representada de dicha manera:

Ahora bien, seguramente están pensando ¿todo esto para hacer una simple nube de etiquetas?

Bien, si estas pensando en hacer una arquitectura de una folcsonomía a gran escala va a ser necesario algo así, ya que en una primera instancia este modelo resuelve de forma muy simple las preguntas: “¿Cuáles son todos los Ítems de un Usuario?” O “¿Cuáles son todas las Etiquetas de este Ítem?”; pero yendo a un grado mayor de profundidad, nos podemos encontrar con preguntas como: “¿Cuáles son todos los Usuarios que tienen mas Ítems similares entre sí con otro Usuario?”. Usando este modelo, podemos responder muchas consultas sin hacer múltiples JOIN en una base de datos, y cuando hablamos de mas de 250.000.000 de columnas, es algo importante para la performance.

Entonces, como nuestro modelo no puede evitar nunca tener nuestra “fact table” ya que mantiene la coherencia entre los Usuarios, Ítems y Etiquetas, combinando estos dos modelos de datos obtendremos lo que se podría denominar la base de nuestro modelo de datos 2.0, nuestro famoso esquema de etiquetas:

Relacionando datos en una folcsonomía

Si bien SQL es un lenguaje perfectamente adecuado para hacer consultas de datos “tabulares”, no es particularmente elegante para representar las abstracciones que tenemos en mente a la hora de relacionar datos en una folcsonomía, como por ejemplo, relacionar Usuarios, Ítems o Etiquetas entre sí.

Vamos a usar una simple notación para hablar sobre las relaciones entre Usuario-Ítem-Etiqueta, para transformar momentáneamente SQL en un lenguaje un poco más descriptivo. Olvidémonos de SQL por un momento y vamos a seguir esta notación:

Las letras en minúscula “í”, “e” y “u” representaran a un “Ítem”, “Etiqueta” y “Usuario” respectivamente.

Las letras en mayúscula “Í”, “E” y “U” representaran una lista de “Ítems”, “Etiquetas” y “Usuarios”, como una búsqueda.

Veamos algunos ejemplos:

Al pedir U(í), estaremos pidiendo todos los Usuarios de un Ítem í.
(En SQL sería: select u.* from usuarios u, usuarios_ítems ui where u.id = ui.usuario_id and ui.item_id = algun_item_id; )

Al pedir U(e), estaremos pidiendo todos los Usuarios que tengan la Etiqueta e.
(En SQL sería: select u.* from usuarios u, usuarios_etiquetas ue where u.id = ue.usuario_id and ue.etiqueta_id = alguna_etiqueta_id; )

Similarmente obtendremos:

Í(u) serán todos los Ítems de un Usuario u.
Í(e) serán todos los Ítems que tengan una Etiqueta e.
E(í) serán todas las Etiquetas que estén asignadas a un Ítem í.
E(u) serán todas las Etiquetas que haya usado un Usuario u.

Ahora, si buscamos en un segundo grado de profundidad, podremos encontrar consultas un poco mas interesantes que las anteriores.

Por ejemplo, E(U(e)) es una colección de todas las Etiquetas que tienen todos los Usuarios que tienen una Etiqueta e.
(Su SQL sería: select e.* from etiquetas e, usuario_etiquetas ue, where ue.usuario_id in (select usuario_id from usuario_etiquetas where etiqueta_id = alguna_etiqueta_id))

Aquí podemos observar que es mucho mas sencillo decir lo que queremos, “Una colección de todas las Etiquetas que tienen todos los Usuarios que tienen una Etiqueta e”, que su representación en SQL que puede llegar a ser mas compleja de entender sin la explicación previa.

De esta manera, con la notación que hemos utilizado podemos encontrar varias consultas de segundo grado.

Estas consultas las veremos mas adelante en alguna otra publicación, creo que ya es demasiada información por una única entrada.

Si bien a mucha gente no le gustan este tipo de diseños, y hay muchos diseñadores que dicen que los diseños “minimalistas” son diseños hechos para trabajar poco, hay mucha gente a los que les gusta estos diseños.

Minimalista no es sinónimo de sencillo. Minimalista es hacer algo simple que con poco pueda a lograr una esencia que nos complete. Hacer eso no es sencillo, hacer mas con menos nunca fue ni será sencillo.

En fin, para los que les interese aquí dejare unos cuantos diseños minimalistas que considero que son muy buenos, los cuales son completamente gratis (miren sus licencias antes de utilizarlos por las dudas), así que podrán utilizarlos o bien usarlos como fuente de inspiración.

Aclaro que para evitar favoritismos todos los themes los ordene de manera alfabética.

Artuell [ Demo ]

Autumn

Balance

BlueBird 1.0

Blue Moon

Brilliance [ Demo ]

Briny

Dayvan Theme [ Demo ]

DePo Clean WordPress Theme [ Demo ]

Documentation [ Demo ]

Elite

GIMP Style

iA

Jentri [ Demo ]

miniBits [ Demo ]

Minim Tree Theme [ Demo ]

Modern [ Demo ]

Modicus 0.2

Pixelate

Plane Jane

Pockett [ Demo ]

Scrible Paisley [ Demo ]