Verificar links como NoFollow con javascript
Cuando se administra un sitio web o se está navegando en internet, usualmente deseamos verificar que los links que enlazan hacia nuestro sitio, su atributo de relación, sean del tipo nofollow.
Como parte de las actividades del SEO a veces se requiere verificar los tipos de relaciones que tiene un link que apunta hacia nuestro sitio, es por ello que el navegar por internet y encontrar los links deseamos rápidamente verificar dichas relaciones.
Por ejemplo:
Dentro del tipo de relaciones que existen para un link existen los siguientes:
| alternate | Provides a link to an alternate representation of the document (i.e. print page, translated or mirror) |
| author | Provides a link to the author of the document |
| bookmark | Permanent URL used for bookmarking |
| external | Indicates that the referenced document is not part of the same site as the current document |
| help | Provides a link to a help document |
| license | Provides a link to licensing information for the document |
| next | Provides a link to the next document in the series |
| nofollow | Links to an unendorsed document, like a paid link. ("nofollow" is used by Google, to specify that the Google search spider should not follow that link) |
| noreferrer | Requires that the browser should not send an HTTP referer header if the user follows the hyperlink |
| noopener | Requires that any browsing context created by following the hyperlink must not have an opener browsing context |
| prev | The previous document in a selection |
| search | Links to a search tool for the document |
| tag | A tag (keyword) for the current document |
Para verificar dichas relaciones se puede crear un bookmark en el navegador con el siguiente código:
javascript:void((function(){var%20a,b,c,fs,e,f,g,h,i;a=document.getElementsByTagName('a');for(b=0;b<a.length;b++){c=a[b];fs=c.attributes;g=false;h=false;for(e=0;e<fs.length;e++){f=fs[e];i=f.name.toLowerCase();if(i=='rel'&&f.value.toLowerCase().indexOf('nofollow')!=-1){g=true;}if(i=='href'){h=true;}}if(h){c.style.backgroundColor=g?'pink':'palegreen';c.style.border='1px%20solid%20'+(g?'red':'green');c.style.color='black';}}})());
Como se ve en el código aquí se verifica que los links sean nofollow, en cuyo caso se colorean de rosa con rojo en caso de encontrar dicha relación o de verde en caso de no tener la relación.
Si se requiere usar algún otro tipo de relación bastará crear otro bookmark y cambiar el nofollow con el que se requiera.
Yo por ejemplo, dentro de lás páginas web tiendo a usar mucho las relaciones nofollow, noreferrer y external para links externos, author, y noopener como medida de seguridad.