Uso de metainformación (META tags) en una página web

Mayo 16, 2008 – 8:06 am

¿Qué es metainformación?

La información que contiene una página web no se limita exclusivamente a lo que podemos observar cuando la abrimos desde el navegador. Su código de programación suele incluir claúsulas de metainformación (”información sobre la información”) que indican cosas como el autor de la página, el programa informático que empleó para desarrollarla, la última fecha en que fue actualizada, el idioma en que fue escrita, las palabras claves que sintetizan el documento, el tratamiento que deben seguir los robots de búsqueda a los enlaces de la página y muchas otras, que si bien no guardan relación directa con el tema central, proveen un contexto amplio que le da más sentido y que, como veremos más adelante, son de mucha utilidad a la hora de mejorar la visibilidad del sitio.

La metainformación de una página web se especifica empleando instrucciones en HTML o XHTML llamadas en inglés META tags (etiquetas META), las cuales se ubican en la sección HEAD del documento (el encabezado, al principio de la página).

Tipos de etiquetas META

Existen cientos de etiquetas de metainformación que pueden ser definidas para una página web, ello depende casi exclusivamente en las necesidades y gustos del desarrollador. El W3C (World Wide Web Consortium, organismo que define estándares abiertos para la web) creó un marco amplio para la inclusión de META tags en una página web pero la verdad es que los navegadores y los robots de búsqueda no están obligados a darle soporte a estos mecanismos e incluso si, lo hacen, pueden hacerlo de maneras distintas.

Claro, con el tiempo se ha estandarizado el uso de algunos META tagas. Otras han ido perdiendo su valor, como por ejemplo las etiquetas para la definición de palabras claves que han dejado de ser usadas por los principales motores de búsqueda como mecanismo de obtención de resultados. Incluso otras han sido definidas y popularizadas recientemente, como la etiqueta no-follow, desarrollada por Google en tiempos recientes y asimilada por los otros motores de búsqueda.

En términos generales, las META tags tienen la siguiente estructura.

<meta name=“nombre” content=“contenido”/>

Donde el nombre se refiere a cierto tipo de información sobre la página y el contenido son los valores que posee el atributo. Algunos ejemplos comunes son:

<meta name=“keywords” content=“palabra1, palabra2, palabra3″>
<meta name=“description” content=“descripción de la temática de la página”>
<meta name=“author” content=“autor de la página”>

otra forma que adoptan las etiquetas de metainformación especifican encabezados HTTP que son enviados junto como parte de las respuestas a las peticiones de un cliente web. Por ejemplo:

<meta http-equiv=“Content-Type” content=“text/html”/>

Esto indica que esta página incluye un encabezado HTTP llamado “Content-Type” que posee el valor “text/html”  y que, por tratarse de una página web, debe ser tratado en consecuencia.

Etiquetas META y posicionamiento en buscadores

Los META tags tienen un valor importante (aunque un poco devaluado debido al abuso que se han hecho de ellas en el pasado) en el posicionamiento de páginas web en buscadores.

Hace algunos años, las etiquetas de metainformación eran el mecanismo principal empleado por los motores de búsqueda y los directorios para indizar adecuadamente el contenido de las páginas web. De hecho, las labores del SEO se enfocaban principalmente en la optimización del código interno, haciéndo énfasis principal en las etiquetas META.

Hoy en día, los robots de búsqueda se han vuelto mucho más sofisticados que en el pasado y su código hace revisión sintáctica y semántica de los textos. Además puede evaluar la relavancia de términos y frases empleando diversas técnicas, por lo que la importancia de los META tags ha disminuido drásticamente.

En una entrega posterior evaluaremos las etiquetas META que se emplean como parte de la optimización de sitios web para posicionarse adecuadamente en buscadores.

Comparte esta entrada: These icons link to social bookmarking sites where readers can share and discover new web pages.
  • Digg
  • Technorati
  • del.icio.us
  • Facebook
  • Google
  • Live
  • Slashdot
  • Reddit
  • Meneame
  • BarraPunto
  • Mixx
  • BlogMemes Sp
  • TwitThis
  • Wikio
  • Sphinn
  • Furl

Sistemas de información y herramientas web: Una introducción

Mayo 14, 2008 – 5:20 pm

Automatizando la información

Desde hace años, las empresas comprendieron que la información es el bien intangible más útil con el que puede contar la organización. El adecuado manejo de la información permite reducir la incertidumbre de los negocios: Disminuye los riesgos, ayuda a tomar mejores decisiones y facilita la generación de valor. Podemos brindar una primera definición del concepto de información a partir de sus beneficios práticos:

Información = Reducción de incertidumbre

A medida que la cantidad de datos e información dentro de las empresas fue creciendo, en esa misma medida se requirió desarrollar herramientas que hicieran viable su manejo. La computación en general y la arquitectura cliente-servidor significaron un gran avance en este sentido porque permitieron el surgimiento de la informática, o sea la automatización de los procesos de generación, almacenamiento, procesamiento y distribución de información de una organización.

Informática = Información automática

Para obtener una copia de un documento escrito ya no hacía falta transcribirla nuevamente o fotocopiarla, en el mejor de los casos. Solamente bastaba con enviar una petición a un servidor sobre un archivo digital que estuviera allí almacenado para poder visualizarlo en pantalla, o si hiciese falta, mandarlo a reproducir en alguna impresora conectada a la red.

El surgimiento de la Internet ha llevado esta idea mucho más allá y empujando a niveles nunca antes imaginados la inmediatez y ubicuidad en el manejo de la información.

Leer el resto de esta entrada »

Comparte esta entrada: These icons link to social bookmarking sites where readers can share and discover new web pages.
  • Digg
  • Technorati
  • del.icio.us
  • Facebook
  • Google
  • Live
  • Slashdot
  • Reddit
  • Meneame
  • BarraPunto
  • Mixx
  • BlogMemes Sp
  • TwitThis
  • Wikio
  • Sphinn
  • Furl

Tutorial cPanel: Modificación de páginas de error

Mayo 8, 2008 – 1:35 pm

Anteriormente explicamos el significado de los códigos de estado del protocolo HTTP y mencionamos algunos de los errores más comunes, incluyendo aquellos cuyos códigos son 403, 404, 500 y 503.

La apariencia de una páginas de error puede ser modificada fácilmente a través del Panel de Control (cPanel). Efectuar estos cambios es muy útil debido a varias razones:

  • Se explica al internauta la naturaleza del error y así puede actuar en consecuencia ¿fue algo que hice mal? ¿es culpa del servidor? ¿el recurso ya no existe o simplemente cambió de sitio?
  • Una página de error personalizada provee una alternativa de navegación a los visitantes del sitio, quienes ante un callejón sin salida seguramente preferirán irse a otra parte.
  • Además refuerza la idea de calidad en un sitio web y dice a los internautas que la organización tras de él se fija en pequeños detalles como éste.

Leer el resto de esta entrada »

Comparte esta entrada: These icons link to social bookmarking sites where readers can share and discover new web pages.
  • Digg
  • Technorati
  • del.icio.us
  • Facebook
  • Google
  • Live
  • Slashdot
  • Reddit
  • Meneame
  • BarraPunto
  • Mixx
  • BlogMemes Sp
  • TwitThis
  • Wikio
  • Sphinn
  • Furl

Páginas de error en un sitio web (Error 404 y similares)

Mayo 7, 2008 – 2:15 pm

HTTP y sus códigos de estado
El envío y recepción de información a través de redes de computadoras, como en una intranet o la misma Internet, se encuentra regulado por un conjunto de normas estandarizadas denominadas protocolos de comunicación.

El protocolo de transferencia de hipertextos (HTTP) es uno de ellos. Como su nombre lo indica, fue creado con la finalidad de poder publicar y visitar documentos de hipertexto, que hoy conocemos como páginas web: un archivo que contiene información que que va más allá del simple texto y que incluye multimedios y vínculos a otros archivos.

HTTP funciona a manera de transacciones entre clientes y servidores. Explicado de manera muy simplificada: Los clientes - por ejemplo, un navegador web, un robot buscador o alguna otra herramienta de software - hacen peticiones de recursos a un servidor, como cuando uno quiere visitar un sitio web o descargar una imagen. El servidor evalúa la petición y devuelve un código de estado junto con un mensaje que, de haber salido todo bien, incluye el recurso requido: Un archivo, una consulta a una base de datos, la ejecución de una aplicación, etc.

Leer el resto de esta entrada »

Comparte esta entrada: These icons link to social bookmarking sites where readers can share and discover new web pages.
  • Digg
  • Technorati
  • del.icio.us
  • Facebook
  • Google
  • Live
  • Slashdot
  • Reddit
  • Meneame
  • BarraPunto
  • Mixx
  • BlogMemes Sp
  • TwitThis
  • Wikio
  • Sphinn
  • Furl

Fuentes tipográficas: Una introducción sobre su uso en el diseño web y la identidad corporativa en línea

Mayo 6, 2008 – 2:38 pm

¿Qué son tipos de letra?
Un tipo de letra está conformado por un conjunto de glifos (letras, números y caracteres especiales) que han sido diseñados de tal forma que mantegan una unidad estilística. A menudo se confunden los términos “tipo de letra” con “fuente tipográfica”, particularmente cuando se emplean en el contexto de las publicaciones en línea, aunque un tipo de letra particular puede albergar diferentes fuentes, con variaciones ligeras entre sí, que mantienen características comunes.

Por ejemplo, para el tipo de letra Helvetica existen versiones light (de trazo fino), oblique (italizadas o inclinadas), bold (negritas o de trazo grueso), condensed (comprimidas horizontalmente), rounded (de bordes redondeados), etc. En este caso, hablamos de la familia tipográfica Helvetica.

Leer el resto de esta entrada »

Comparte esta entrada: These icons link to social bookmarking sites where readers can share and discover new web pages.
  • Digg
  • Technorati
  • del.icio.us
  • Facebook
  • Google
  • Live
  • Slashdot
  • Reddit
  • Meneame
  • BarraPunto
  • Mixx
  • BlogMemes Sp
  • TwitThis
  • Wikio
  • Sphinn
  • Furl

SEO con sentido: Densidad de palabras claves

Mayo 5, 2008 – 10:12 am

Algunas personas pueden realmente llegar a ser obsesivas con el posicionamiento en buscadores, más allá de las prácticas razonables, al punto de que incluso lo que escriben para ser publicado en línea (y aún más importante, cómo lo escriben) está fuertemente influenciado por estas prácticas.

Tomemos el ejemplo de la densidad de palabras claves (keyword density). La sabiduría popular del SEO la define como el porcentaje en que las palabras claves aparecen en una página web en relación con el número total de palabras de esa página, lo que da brinda una primera aproximación de su frecuencia de uso.

Leer el resto de esta entrada »

Comparte esta entrada: These icons link to social bookmarking sites where readers can share and discover new web pages.
  • Digg
  • Technorati
  • del.icio.us
  • Facebook
  • Google
  • Live
  • Slashdot
  • Reddit
  • Meneame
  • BarraPunto
  • Mixx
  • BlogMemes Sp
  • TwitThis
  • Wikio
  • Sphinn
  • Furl

¿Qué es Identidad Corporativa?

Mayo 2, 2008 – 1:54 pm

El Diccionario de la Lengua Española define en una de sus acepciones a la palabra “identidad” como:

Identidad.
(Del b. lat. identĭtas, -ātis).
2. f. Conjunto de rasgos propios de un individuo o de una colectividad que los caracterizan frente a los demás.

Parafraseando esta definición podemos decir que la identidad corporativa comprende un conjunto de rasgos propios de una empresa que la caracterizan de otras y que se manifiesta gracias a un conjunto de elementos que incluyen su imagen gráfica (logotipo, colores corporativos) y las comunicaciones con los clientes internos y externos (relaciones públicas, cuñas publicitarias) así como su estructura interna y comportamiento mismo (políticas internas, normas y procedimientos, sistemas de información).

Leer el resto de esta entrada »

Comparte esta entrada: These icons link to social bookmarking sites where readers can share and discover new web pages.
  • Digg
  • Technorati
  • del.icio.us
  • Facebook
  • Google
  • Live
  • Slashdot
  • Reddit
  • Meneame
  • BarraPunto
  • Mixx
  • BlogMemes Sp
  • TwitThis
  • Wikio
  • Sphinn
  • Furl

Posicionamiento en buscadores: El camino ancho y el camino angosto

Mayo 1, 2008 – 7:23 pm

Existe una permanente y hasta divertida pugna entre los desarrolladores de servicios de búqueda en línea y los diseñadores de páginas web en lo referente al posicionamiento de los sitios web en los buscadores.

A todo el mundo le gustaría que su sitio aparezca de primero en Google (sin tener que pagar), aunque obviamente esto es imposible. Pero como la esperanza es lo último que se pierde, mucha gente trabaja en ello a diario y la competencia por los primeros lugares de las listas se ha vuelto realmente feroz. Precisamente por ello han cobrado tanta preponderancia los negocios relacionados con SEO, en los que se mezclan estrategias que conjungan por igual técnica, maña y ciencias adivinatorias… estrategias de las que se valen los desarrolladores para hacer que sus sitios web se hagan más visibles y populares.

Leer el resto de esta entrada »

Comparte esta entrada: These icons link to social bookmarking sites where readers can share and discover new web pages.
  • Digg
  • Technorati
  • del.icio.us
  • Facebook
  • Google
  • Live
  • Slashdot
  • Reddit
  • Meneame
  • BarraPunto
  • Mixx
  • BlogMemes Sp
  • TwitThis
  • Wikio
  • Sphinn
  • Furl

Subdominios, dominios estacionados y dominios adicionales

Abril 28, 2008 – 9:40 pm

Ya en una ocasión comentamos acerca del concepto de dominios web. Existen otros términos relacionados, que se referieren a servicios específicos de los servicios de hosting: Subdominios, dominios estacionados y dominios adicionales.

Subdominios
Un subdominio es una dominio que forma parte de otro dominio de mayor nivel, por ejemplo una dirección del tipo http://subdominio.dominio.com, la cual hace referencia a un subdirectorio del sitio web.

A menudo se configuran subdominios con la finalidad de facilitar la navegación de los internautas hacia secciones críticas de un sitio web, a la vez que se les brinda una identidad a partir de su denominación, o para asignar nombres a subcuentas de un mismo sitio web, sin necesidad de registrar nuevos dominios.

Leer el resto de esta entrada »

Comparte esta entrada: These icons link to social bookmarking sites where readers can share and discover new web pages.
  • Digg
  • Technorati
  • del.icio.us
  • Facebook
  • Google
  • Live
  • Slashdot
  • Reddit
  • Meneame
  • BarraPunto
  • Mixx
  • BlogMemes Sp
  • TwitThis
  • Wikio
  • Sphinn
  • Furl

Añada su sitio web a (cada vez menos) buscadores

Abril 27, 2008 – 9:33 pm

Como ya escribiéramos en una ocasión anterior, los motores de búsqueda son el principal punto de partida para que una persona pueda conseguir un sitio web en la Internet, incluso a pesar de lo difícil que esto pueda parecer en virtud de la enorme competencia y las dificultades de ser listado dentro de los primeros puestos.

También comentábamos que el número de empresas que emplean tecnologías propias para efectuar búsquedas se ha reducido tremendamente. De hecho, la gran mayoría de las búsquedas en Internet se efectúan a través de cinco servicios: Google Search, Yahoo! Search (incluyendo empresas afiliadas como Alltheweb, Altavista e Inktomi), Microsoft Live Search, AOL LLC (quien también utiliza tecnología de Google para sus búsquedas) y Ask Network.

Leer el resto de esta entrada »

Comparte esta entrada: These icons link to social bookmarking sites where readers can share and discover new web pages.
  • Digg
  • Technorati
  • del.icio.us
  • Facebook
  • Google
  • Live
  • Slashdot
  • Reddit
  • Meneame
  • BarraPunto
  • Mixx
  • BlogMemes Sp
  • TwitThis
  • Wikio
  • Sphinn
  • Furl