Webmaster Libre

Desarrollo web con software libre

Buscador

Archivo de Febrero de 2007

WordPress 2.0.8 liberada pero sin anuncio

Leo en Soporte WordPress que la versión 2..0.8 ya ha sido liberada y está disponible para ser descargada por todos los usuarios que aún usan la rama 2.0.x., no obstante no ha sido anunciada en ninguna parte.

Según comentan, las palabras del propio Matt Mullenweg han sido:

It’s released but not announced, we did it mostly for the Debian guys.

Así que los que sigáis usando versiónes anteriores a la 2.1 ya podéis actualizaros para solucionar los problemas de seguridad de vuestros blogs.

Descarga WordPress 2.0.8: [zip] [tar.gz]

Creando páginas con buenos títulos

La etiqueta <title>, bien utilizada, es una excelente herramienta que nos ayudará a dar a conocer nuestro sitio web a los demás y nos permitirá facilitar las cosas a nuestros usuarios.
El W3C nos recomienda que estos títulos no tengan más de 64 caracteres y que sean descriptivos del contenido del sitio.

En principio, como su propio nombre indica, la etiqueta <title>, nos permite definir un título para nuestras páginas.
Para generar documentos válidos deberás incluir siempre una etiqueta title en la cabecera de tus páginas

  1. <html>
  2. <head>
  3.        <title> Mi sitio Web - Descripción de mi sitio web</title>
  4. </head>
  5. ...

Este título será el encargado de dar nombre a tu sitio web en numerosas situaciones, en la ventana del navegador, en los listados de favoritos, en el historial de navegación, en los resultados de los buscadores…

Errores comunes al crear titulos

Todos cometemos errores alguna vez y estos son algunos de los más comunes a la hora de crear un título:

  • Dejar el título en blanco.
  • Introducir texto por defecto en el título (Sin titulo, Pagina Nueva…)
  • Utilizar títulos que no se ajusten al contenido del sitio
  • No transmitir contenido relevante

Consejos para titulos

  • Incluye el nombre de tu sitio web en el título. De esta forma podrás crear una marca consistente con todos tus artículos, ayudarás a tus visitantes a identificar tu sitio en sus marcadores y facilitarás la tarea de los (muchos) usuarios que navegan usando los botones adelante y atrás de su navegador.
    Sobre la colocación, delante o detrás de la descripción, yo soy partidaria de colocarlo primero a pesar de que cara a los buscadores puede ser más eficaz colocar primero las palabras clave. Tu decides.
  • Crea títulos agradables a la vista y legibles por humanos.
    Utiliza los separadores y las mayúsculas y minúsculas correctamente
  • Mantente lo más breve y conciso que puedas.
  • Mantén una estructura consistente en todos los títulos de tu sitio web.

Titulos bonitos para CMS:

En las páginas estáticas es muy sencillo editar los títulos pero, todos los que usamos algún CMS tendremos que apoyarnos en plugins y «hacks».

  • Fancy Titles - Gracias a Héctor Delcourt, titulos bonitos y optimizados para WordPress (en uso en este blog)
  • Page Title: Con este plugin para Drupal podrás definir una estructura para los titulos de tus páginas y cambiar el título por defecto de los nodos.
  • How to use title-alias as title tag - Una solución para los títulos en Joomla

Seguro que hay muchos más para otros CMS, si conocéis alguno interesante dejadlo en los comentarios.

links for 2007-02-07

Urinfo: Información sobre tu URI en un vistazo

Urinfo logo

Urinfo no es una herramienta novedosa simplemente nos permite acceder a estadísticas de un URL, backlinks, pagerank, datos de Alexa… Algo que ya hacían otros sitios como URL Investigator, que ya conocemos hace tiempo, con la salvedad de que en Urinfo podemos almacenar nuestras URL en nuestra propia cuenta y, de esta forma, acceder de forma más rápida y sencilla a los datos.

Urinfo: http://www.urinfo.com

Via Wwwhat’s New

Y si no tienes más remedio que usar frames…

Como me señalaba Rodolfo Pilas en los comentarios de 9 razones para no usar frames pueden existir proyectos en los que el uso de frames pueda resultar adecuado. Si no tienes más remedio que usar frames, al menos que sean accesibles y usables.

  • Proporciona contenido alternativo para los usuarios de agentes que no soporten los frames.
    Proporciona contenido de valor dentro de las etiquetas <noframes>.
    En lugar del típico Esta página utiliza frames pero tu navegador no los soporta utilízala para colocar una descripción y enlaces que faciliten la navegación por las páginas de tu sitio.

    Por ejemplo:

    1. ...
    2. <noframes>
    3. <p>
    4. Bienvenido a Nombredelsitio. Tu navegador no soporta frames y por ello tendrás que navegar por las diversas páginas de este sitio mediante los enlaces siguientes:
    5. </p>
    6. <a href="contenido.html">Página Principal</a>
    7. <a href="contenido2.html">Seccion ... </a>
    8. ...
    9. </noframes>

    En el caso de los iframes deberás encerrar el contenido adicional entre las etiquetas <iframe> y éste sólo se mostrará a los usuarios cuyos navegadores no soporten frames.
    Por ejemplo:

    1. <iframe src="licencia.html" width="400" height="500" scrolling="auto">
    2.   <p>
    3.     Esta página está bajo <a href="licencia.html">licencia libre</a>
    4.   </p>
    5. </iframe>
  • Identifica correctamente los marcos, utiliza nombres descriptivos en el atributo name y da información sobre su contenido o función con el atributo title
    1. <frameset rows="20%,*,30%">
    2. <frame name="navegacion" src="navegacion.html" title="Menu de navegacion">
    3. <frameset cols="20%,*,">
    4. <frame name="opciones-secundarias" src="opciones.html" title="Menu con opciones secundarias">
    5. <frame name="contenido" src="contenido.html"  title="Contenido principal">
    6. </frameset>
    7. <frame name="pie-de-pagina" src="pie.html" title="Pie de página y licencia">
    8. </frameset>

    Además, en caso de que la relación entre los marcos sea demasiado compleja, debes facilitar una descripción de los mismos en una nueva página a la que se pueda acceder mediante el atributo longdesc de, al menos, uno de los marcos del frameset

    1. <frame name="navegacion" src="navegacion.html" title="Menu de navegación" longdesc="descripcion-frameset.html">
  • Controla siempre el marco de destino de tus enlaces. Tus usuarios se sentirán desconcertados si, al pulsar sobre un enlace, se abre en el frame equivocado o queda encerrada una página ajena a tí entre tus marcos
    1. <a href="1.html" target="contenido">Este enlace se abrirá en el marco cuyo nombre (name) es contenido</a>
    2. <a href="2.html" target="_self">Este enlace se abrirá en el mismo marco</a>
    3. <a href="3.html" target="_top">Este enlace mostrará una página que eliminará la estructura de marcos</a>
    4. <a href="4.html" target="_parent">Este enlace abrirá la página en el marco que contiene al marco actual, de no existir hará el mismo efecto que top</a>
    5. <a href="5.html" target="_blank">Este enlace se abrirá en una nueva ventana del navegador</a>

Además, como recompensa adicional, los buscadores podrán indexar tu sitio correctamente y mejorará tu posicionamiento.

links for 2007-02-06

9 Razones para no utilizar frames (marcos)

Puede que al leer el título muchos de vosotros (espero que la mayoría) hayáis tenido el reflejo de mirar al calendario para comprobar que no estamos en 1999 (o alrededores). Para la mayoría de desarrolladores web es algo más que obvio: No debes usar frames.
No obstante, cada día hay muchas personas introduciéndose en el mundo del desarrollo web y, por desgracia, muchos de ellos acuden a los tan manidos tutoriales y manuales que llevan siglos rodando por la red, cayendo en esos errores que tantos años nos costó a los demás evitar. Sin ir más lejos, ayer mismo, en un foro (siento no recordar cual) vi una pregunta del tipo ¿Cómo creo una web con frames? y yo pensé ¿por qué iba nadie a querer crear una web con frames? ¿Quizá porque desconoce todos los inconvenientes que conllevan?

De ahí estas 9 razones por las que no debes utilizar frames:

  1. Están desaconsejados por el W3C.
  2. El usuario debe entrar siempre por la página principal, donde se encuentra la declaración de marcos. Si accediese por otra página diferente se perdería elementos tales como la navegación (el uso más frecuente de los frames)
  3. Al no cambiar la URL en las diversas páginas, el usuario no podrá añadir a sus favoritos secciones de la página
  4. Los botones «anterior» y «siguiente» de los navegadores pueden no funcionar adecuadamente. Así mismo podemos dificultar el uso del Historial del Navegador
  5. Si el usuario desea imprimir la página podemos obtener resultados no deseados.
  6. Se reduce el espacio en pantalla, comprimiendo en ocasiones el contenido entre los frames. Situación que empeora si se accede al sitio mediante dispositivos con poca resolución de pantalla (por ejemplo pda o móviles)
  7. Las páginas con Marcos pueden dar problemas al visualizarse con navegadores antiguos, navegadores solo texto y agentes de usuario no visuales.
  8. No podemos promocionar páginas interiores ya que necesitamos que los visitantes accedan por la página principal. Perderemos por tanto enlaces profundos y demás
  9. La página principal no tiene contenido, sólo contiene la declaración de Frames. Los buscadores sólo indexarán el contenido de la declaración NOFRAMES, que no suele ser muy útil (¿os suena el típico «Esta página utiliza frames pero su navegador no lo soporta»?)

Y, en caso de necesitarlos, crea frames más accesibles y usables

AENOR lanza una certificación de accesibilidad web

AENOR, en colaboración con CTIC y ESI, lanza un certificado, al que podrán optar todo tipo de páginas y portales de internet y que acreditará que son accesibles para el mayor número de personas, independientemente de sus limitaciones o de las derivadas del entorno de uso.

La nueva certificación asegura a empresas privadas y Administraciones públicas que sus sitios web cumplen en todo momento con las pautas de accesibilidad establecidas en la norma y aporta un sello de excelencia a su presencia en Internet. Asimismo sirve como importante guía de apoyo a la hora de definir los requisitos de contratación y como distintivo de confianza para los usuarios.

Esperemos que, con esta iniciativa, sean muchos los sitios (empezando por las administraciones públicas) que adopten una actitud más comprometida con la accesibilidad web.

Enlace: AENOR lanza la certificación de accesibilidad web en colaboración con CTIC y ESI

links for 2007-02-05

Tingelets: Bookmarlets para desarrolladores web

Tingelets Logo

Si alguna vez has necesitado (o crees que te puede venir bien) una ayuda visual para identificar algunos elementos de una página web quizá deberías probar Tingelets.

Los Tingelets son pequeños bookmarlets que irán dándote pistas visuales sobre las etiquetas de un sitio.

A List Apart tingled

Simplemente tienes que arrastrarlos a tu barra de vínculos, muy simple y siempre a mano.

Tingelets: http://www.tingelets.com/

Blogalaxia BlogESfera - Directorio de Blogs Hispanos Web Developement Blogs - BlogCatalog Blog Directory