Imagen procedente de: http://www.bloguismo.com

Hola a todos!

En esta ocasión vamos a analizar a fondo la declaración de un enlaces desde el punto de vista del posicionamiento. Un enlace puede tener muchos atributos, pero no todos ellos son necesarios para el seo.

Anatomía de un enlace

Bueno un enlace puede tener esta estructura:

<a href=”URL” title=”texto de título” target=”_blank” hreflang=”en” type=”text/html” rel=”nofollow” rev=”valor”>texto anclaje</a>

La declaración completa de los atributos está descrita en el W3C y coincide tambien para el tag LINK que tiene la misma función que el enlace sólo que LINK sólo puede ser declarado en el head, ya que su función no es enlazar elementos para que se vean en ventanas como el elemento <a> pero son los mismos atributos para tu información.

La declaración completa que puedes ver en esta página sería la siguiente:

<!ELEMENTA- - (/inline)*   -- ancla -->
<!ATTLIST A
  %attrs;                    -- %coreattrs, %i18n, %events
  charset     %Charset;      -- codificación de caracteres
                              del recurso vinculado
  type        %ContentType;  -- tipo de contenido consultivo
  nameCDATA;         -- destino de vínculo con nombrehref        %URI;          -- URI del recurso vinculado
  hreflang    %LanguageCode  -- código de idioma
  rel         %LinkTypes;    -- tipos de vínculos directos
  rev         %LinkTypes;    -- tipos de vínculos inversos
  acceskey    %Character;    -- carácter de la tecla de accesibilidad
  shape       %Shape;        -- para mapas de imágenes en el cliente
  coords      %Coords;       -- para mapas de imágenes en el cliente
  tabindex    NUMBER;        -- posición en el orden de tabulación
  onfocus     %Script        -- el foco se dirigió hacia el elemento
  onblur      %Script        -- el elemento perdió el foco

href: Básicamente es el único atributo imprescindible indica la página destinataria de este enlace. Recordar que una URL también tiene una cierta anatomía. Esto también lo veremos en un próximo artículo.

Title: Puede y debe incluir palabras clave, pero no olvidemos su fín, esto es “titular” el enlace.

Target: Tiene 4 valores; _blank, _top, _self, _parent. El primer valor “_blank”  es el más interesante, debemos utilizarlo en todos nuestros enlaces salientes, este valor abré el enlace en una ventana nueva, de esta manera si un usuario clica en el enlace, no abandonará nuestro sitio, podrá consultar la nueva ventana pero la visita se mantiene, y es posible que siga visitando nuestro sitio, con lo cual estamos reduciendo también la tasa de rebote a la par que aumentamos el tiempo promedio de duración de las visitas.

hreflang: Este atributo es interesante incluirlo si la página destino está en otro idioma, por ejemplo en los típicos enlaces hacía la versión inglesa, francesa, etc., de una página web. En el ejemplo he utilizado el valor correspondiente al destino de una página en Inglés. Es bueno declarar este valor porque si el texto de anclaje se da en varios idiomas, de esta manera se reduce la ambigüedad y se da prioridad a los significados del idioma en cuestión.

type: este  atributo indica el tipo del documento que estamos enlazando, lo normal es una página en html, pero tambien podemos enlazar otros documentos como PDF’s, imágenes, etc. , por ejemplo si es una imagen podemos indicar type=”image/jpg” (si es una imagen en JPG). De esta manera estamos indicando a priori el tipo de documento, recordar que ya existen buscadores específicos por tipo de archivo, y nos gusta que nos busquen y sobre todo que nos encuentren, los buscadores de imágenes o vídeos serían un buen ejemplo. No sé si lo has pensado, pero las imágenes también pueden estar apuntadas como las páginas html, y por ejemplo en el Buscador de Imágenes de Google, una imagen con más enlaces y de dominio referente estará más arriba. Los buscadores de imágenes y vídeos tambien pueden traernos tráfico. Cuanta más información facilitemos a los buscadores, mejor.

Texto de anclaje: Este es el texto en sí del enlace, sería bueno que las palabras que aquí se pongan estén contenidas en la URL a enlazar.

rel: Este atributo es en realidad bastante valioso,  define la relaciónentre la página o documento de destino y el documento actual, obligatoria la presencia del atributo href. Por ejemplo: te cito unos ejemplos que he tomado de esta página

<a rel=”prev” href=”articulo1.html”>Leer artículo previo</a>
<a rel=”next” href=”articulo3.html”>Leer siguiente artículo siguiente</a>
<a rel=”copyright” href=”derechos.html”>Derechos de copia del artículo</a>
<a rel=”alternate” href=”english-version.html” hreflang=”en”>English version</a>

Una relación más extensa de estos valores podría ser la siguiente:

- Alternate : versión alternativa del documento.
- start :  primer recurso de una lista o colección de elementos.
- next : siguiente recurso al actual.
- prev : recurso anterior al actual.
- up : recurso padre en una estructura jerárquica de los mismos.
- contents:  tabla de contenidos.
- index: índice.
- glossary: glosario de términos.
- copyright: declaración de derechos de autor.
- chapter: capitulo de una colección.
- section: referencia un recurso que pertenece a una sección en una colección.
- subsection: sub sección dentro de una colección.
- appendix: apéndice en una colección.
- help: se enlaza a un documento o página de ayuda.
- icon: referencia a un recurso que representa un icono.

También puede utilizarse con el valor “nofollow” para indicar a google que no siga      los enlaces hacía páginas poco relevantes como por ejemplo formularios de registro, formularios de contacto o enlaces salientes.

rev: Este atributo define una relación inversa del atributo anterior, es decir, el atributo “rel.  Te lo explico más claro. Imagina que tienes un libro web, por ejemplo tienes la pag3.html y pag4.html .Es lo mismo declarar en la página 4:

<a href="pag3.html" rel="next">Página 3 </a>

Que esto otro

<a href="pag3.html" rev="prev">Página 3 </a>

Es decir rev y rel son uno el inverso del otro.

ping: Este atributo no forma parte de la declaración del estándar, por tanto simplemente lo cito,  es sólo para firefox y consta de una lista de url’s separadas por espacios que deben notificarse cuando el navegador sigue el vínculo.

Cuanta más información proporcionemos a los buscadores, mejor. El contenido es el rey y el enlace el medio para encontrar contenidos, cuidemos los dos! Saludos y hasta otra!

Miguel Valero

Analista Seo y Desarrollador Web en Valencia