Automatisch nofollow zu externen Links in Webflow hinzufügen (Rich-Text, Blog etc)
In Webflow besteht die Herausforderung, externen Links individuell "rel" und "nofollow" Attribute zuzuweisen, was zeitaufwendig und besonders bei Rich-Text-Elementen problematisch ist. Zwei automatisierte Lösungen bieten sich an:
Zunächst kann durch JavaScript-Code automatisch "rel=nofollow" zu externen Links in Rich-Text-Elementen hinzugefügt werden. Der Code erkennt, welche Links in neuen Tabs geöffnet werden sollen, und ergänzt das gewünschte Attribut. Dies erspart manuelle Eingriffe und erleichtert die Umsetzung auf bestimmten Seiten.
Die zweite Methode verwendet ebenfalls JavaScript, um basierend auf spezifischen URL-Fragmenten automatisch "rel=nofollow" oder "rel=dofollow" hinzuzufügen. Dies funktioniert, indem "#nofollow" oder "#dofollow" am Ende der Link-URL hinzugefügt wird. Der Code sorgt dafür, dass diese Attribute entsprechend gesetzt werden, ohne manuelles Eingreifen.
Beide Lösungen vereinfachen die Handhabung von Attributen für externe Links auf deiner Website. Dies optimiert die Behandlung von Suchmaschinen-Robots und spart wertvolle Zeit.
Ich habe dir zwei Anleitungen in Textform mit verwendetem Code in diesen Webflow-Trick zusammengefasst.