Día 9: Proveer ayudas de navegación adicionales
A lo mejor está familiarizado con la etiqueta <link> en relación a hojas de estilo externas. Pero sabía usted que puede usar una sintaxis similar para señalar hacia su página de inicio, y hacia páginas previas y siguientes de una serie? Por ejemplo, en páginas diarias de archivo, podría señalar hacia los apuntes del día previo, y los del día siguiente (si existen). Si tiene paginas para cada entrada, podría señalar hacia la entrada previa y a la siguiente.
<link rel="home" title="Inicio" href="http://url/pagina/inicial" />
<link rel="prev" title="Título de la página anterior" href="http://url/pagina/anterior" />
<link rel="next" title="Título de la página siguiente" href="http://url/pagina/siguiente" />
Estos vínculos, generalmente invisibles para los navegadores visuales como Internet Explorer, pueden desplegarse en navegadores alternos y ayudar a los usuarios a navegar a través de su sitio de Internet. Probablemente usted ya provee varias formas de navegación: archivos semanales o mensuales, vínculos a los registros recientes, un calendario mensual de de sus registros diarios. A lo mejor puede que tenga vínculos visibles en sus páginas de archivo señalando hacia días o entradas previas o siguientes. Todos esos son geniales; manténgalos, y añada también estos.
Quién se beneficia?
Marcus se beneficia. Su navegador de texto Lynx despliega las ayudas de navegación al principio de la pagina, usando el titulo que especificamos en el atributo title. Mientras lee la pagina de archivo diario del 18 de junio, esto es lo que Marcus ve:
#Home June 17, 2002 June 19, 2002(El carácter # le deja saber a Marcus que esto es metadata, que no es parte del contenido de la página. Lynx hace lo mismo en la línea que contiene su título de página significativo).
Michael se beneficia. Su navegador de texto Links (que no se confunda con el de Marcus, Lynx) también despliega estas ayudas de navegación adicionales al principio de la pagina, de esta forma:
Vínculo: inicio Vínculo: prev Vínculo: sigBill se beneficia. despliega los vínculos de navegación adicionales en la barra de herramientas 'Navegación del Sitio'. El tipo del enlace ("home", "prev", "next") se despliega en el botón de la barra, y el titulo se muestra como información sobre las herramientas. (Nota: la barra de herramientas 'Navegación de Sitios' estaba en Mozilla 0.99, fue removida de la versión 1.0 a ultimo minuto, y volverá en la versión 1.1. En las versiones que la soportan, puede desplegarlas bajo el menú Ver, Mostrar/Ocultar, Barra de Navegación de Sitios, Mostrar Siempre).
Los usuarios de iCab se benefician. iCab despliega los vínculos de navegación en un menú de despliegue vertical en la barra de herramientas, usando el título definido en cada enlace.
Como hacerlo
En Movable Type, añada estas líneas a su plantilla de Archivo Basado en Fechas (Date-Based Archive template), inmediatamente después de la etiqueta <head>:
<link rel="home" href="<$MTBlogURL$>" title="Home" />
<MTArchivePrevious>
<link rel="prev" href="<$MTArchiveLink$>" title="<$MTArchiveTitle$>" />
</MTArchivePrevious>
<MTArchiveNext>
<link rel="next" href="<$MTArchiveLink$>" title="<$MTArchiveTitle$>" />
</MTArchiveNext>
Y añada esto a su plantilla de Archivo de Entrada Individual (Individual Entry Archive template), de nuevo, inmediatamente después de la etiqueta <head>:
<link rel="home" href="<$MTBlogURL$>" title="Home" />
<MTEntryPrevious>
<link rel="prev" href="<$MTEntryLink$>" title="<$MTEntryTitle$>" />
</MTEntryPrevious>
<MTEntryNext>
<link rel="next" href="<$MTEntryLink$>" title="<$MTEntryTitle$>" />
</MTEntryNext>
En Greymatter, añada esto inmediatamente después de la etiqueta <head> en sus 4 plantillas de Entrada de Página (Entry Page Templates):
<link rel="home" title="Home" href="{{pageindexlink}}">
<link rel="prev" title="{{previousentrysubject}}" href="{{entrieswebpath}}/{{previousentrynumberpadded}}.html">
<link rel="next" title="{{nextentrysubject}}" href="{{entrieswebpath}}/{{nextentrynumberpadded}}.html">
En Radio, el asunto se simplifica usando los Vínculos de Navegación para Radio de Sjoerd Visscher, un conjunto de macros para hacer justamente esto.
Descargue los macros de Vínculos de Navegación (Navigation Links).
Descomprima y copie los 4 archivos (
navigationLinks.txt,nextDíaLink.txt,prevDíaLink.txt,permalinkUrl.txt) a su folderMacros. En la instalación estándar de Windows, esto sería enC:\Archivos de programa\Radio UserLand\Macros.Inserte este código en su Plantilla Principal (Main Template), inmediatamente después de la etiqueta
<head>:<%navigationLinks()%>
Desafortunadamente, no sé como implementar satisfactoriamente los vínculos de previo y siguiente en Manila o en Blogger, pero al menos puede añadir un enlace a su página de inicio, inmediatamente después de su etiqueta <head>, inserte:
<link rel="home" title="Home" href="http://url/of/your/home/page">