[SOLUCIONADO] No puedo clickar un enlace rel="nofollow"

[rodrigus71]

Hola foro:

Resulta que he añadido rel="nofollow" a algunos enlaces de mi página como son el carrito de compra, politicas de privacidad, condiciones de compra y algunas más que google me indexa y que prefiero que no lo haga, pero ahora resulta que no puedo clickar en esos enlaces. Ejemplo:

<a href="../contacto.php" rel="nofollow">Contacto </a>

resulta que cuando paso el ratón por encima del enlace el puntero se vuelve una mano y sale que el enlace apunta a www.midominio.com/contacto.php (hasta aqui todo bien), pero al hacer click no pasa absolutamente nada, ni abre la página enlazada ni dada de nada.

Que estoy haciendo mal?

[Usuarios466]

Es realmente extraño, ya que el valor rel="nofollow" no altera en el funcionamiento en sí de la página. ¿Podrías poner enlace para que lo veamos?

[rodrigus71]

claro, es este

http://www.ofideco.eu/

los enlaces que me han dejado de funcionar al añadir nofollow son los del pie

[Usuarios466]

Haz una prueba, en vez de ponerlo así:

Código HTML:

../contacto.php

Déjalo así:

Código HTML:

http://www.ofideco.eu/contacto.php

Prueba a ver.

[rodrigus71]

Hola Juan Carlos:

He hecho la prueba pero pasa lo mismo.
El caso es que sin el rel="nofollow" si funcionan los enlaces.

Una curiosidad de la que me acabo de dar cuenta es que si se clickan los enlaces desde http://www.ofideco.eu/empresa.php los enlaces SI funcionan, pero el caso es que el pie es el mismo pues es un include que tengo en todas las páginas

Curioso...

[Usuarios466]

Efectivamente, los enlaces del footer con el nofollow funcionan desde esa sección y desde todas las demás menos en las de la página principal.

De todas formas, le he echado un ojo al código fuente y el código no es exactamente el mismo del de la home y las restantes secciones.

[rodrigus71]

Nada, mañana que estaré más despejado miraré a ver cual es la diferencia para que no funcionen esos enlaces. Pero me tiene intrigado.
Gracias de todos modos Juan Carlos

[Usuarios466]

Si mañana, más despejado, consigues solucionar el problema, postealo por aquí, porque es algo que también me tiene en ascuas.

[Carlangueitor]

To página parece que nuca deja de cargar, y no sé si eso afecte, pero corrige esta parte (la de los iconos de validación):

Código HTML:

<a href='http://jigsaw.w3.org/css-validator/check/referer'>
  <img src='http://jigsaw.w3.org/css-validator/images/vcss' alt='CSS V&aacute;lido' height='31' width='88' style='float:left; '/>
</a>
<a href='http://validator.w3.org/check?uri=referer'>
  <img src='http://www.w3.org/Icons/valid-xhtml10' alt='V&aacute;lido XHTML 1.0 Strict' height='31' width='88'  style='float:right; '/>
</a>
 

Las imágenes no tienen rutas válidas.

Saludos

[pzin]

Debe de ser algo de javascript, ya que desactivándolo desde el navegador los enlaces funcionan.

[rodrigus71]

He eliminado temporalmente los iconos de validación por ir probando pero no parece ser la causa.

[rodrigus71]

Bueno pues lo dicho, mañana más que por aquí ya va siendo tarde. Un saludo

[pzin]

Iniciado por Bonez

Debe de ser algo de javascript, ya que desactivándolo desde el navegador los enlaces funcionan.

Cosa mala esta de autocitarse.

Creo que el problema va a venir de por aquí:

Línea 20 de /js/jquery.reveal.js

Código Javascript:

$('a[rel]').live('click', function(e) {
        e.preventDefault();
        var modalLocation = $(this).attr('rel');
        $('#'+modalLocation).reveal($(this).data());
    });
 

No sé qué es lo que hará ese plugin, pero lo que no hace es dejar abrir enlaces con atributos rel con ese preventDefault, ¿no? No es que sea un versado en javascript, pero más o menos hasta ahí llego.
En las secciones donde sí abren los enlaces no existe la llamada a ese javascript. Bueno, creo que sólo está en la portada.

[Trublux]

Lo que hace preventDefault es evitar que un evento se realice (en este caso el ir al enlace).
Lo que está tratando de hacer el código es buscar contenido que tenga de id lo que tienes en el "rel" (nofollow) y mostrarlo en una caja modal.
Aquí hay información de "reveal" y un ejemplo de lo que debería hacer (en la columna derecha donde pone Demo The Modal):
Reveal: jQuery Modals Made Easy

En esa web no usa el atributo rel, usa un atributo de type "data-*" y muetra lo que está dentro de la capa "myModal" que está oculta por estilos.

El uso de live no es muy aconsejado, usa "delegate" (u "on", a partir de la versión 1.7) cuando sea posible.

[pzin]

Lo que a mi me parece una burrada es el selector $('a[rel]'). Ya si no puedes usar data- —según el DOCTYPE no podría— en vez de rel podrías usar una clase o usar el contenedor para referir a esos enlaces $('#contenedor a').

Todo esto asumiendo que quieras usar ese plugin con esos enlaces, cosa que parece que no, pero por otro lado, no entiendo cómo anda ese selector ahí. Vamos, si viene así por defecto tremenda castaña.

[rodrigus71]

Bonez, no se si serás un versado en javascript o no, pero has dado en el clavo.

He sustituido $('a[rel]') en el arhivo javascript por $('#modal_suscribe a') y a su vez en el html le he añadido un div con id="modal_suscribe" al enlace que activaba la función del archivo js

Yo la verdad es que en js estoy totalmente pez. El archivo jquery.reveal.js no es mio y o que hago con el es abrir una ventana modal para las suscripciones a las newsletter

Gracias a todos

[Usuarios466]

rodrigus71 me alegro de que por fin lo tengas solucionado.

Por cierto, mira en la línea 84 de la página principal (png del carrito) has puesto dos veces el rel="nofollow".

Edito: He podido comprobar que en las secciones internas también te marca el mismo error, supongo que lo tendrás hecho a modo de php en alguna cabecera, con sólo solucionarlo en ese archivo ya se solucionarán en todas las páginas.

[rodrigus71]

Gracias Juan Carlos por la observación, modifiqué sin darme cuenta un archivo que ya tenía preparado para subir cuando me funcionaran bien los enlaces nofolow y lo volví a incluir. Y si, tienes razón es un solo archivo php que incluyo en todas las cabeceras.

Un saludo