Skip to main content

How to Add a CSS Ignore Filter for Blocking Automated Internal Linking

Learn how to prevent Linkbot from adding internal links inside specific page elements by using CSS class filters.

Updated over 2 weeks ago

The CSS Ignore Filters feature allows you to exclude specific HTML elements from receiving automatically generated internal links. This gives you more precise control over where links appear on your site, such as avoiding links inside navigation menus, footers, or third-party widgets.

What Are CSS Ignore Filters?

These filters allow you to define CSS class names that Linkbot should ignore during the link rendering process. If a suggested internal link is located inside a container element with one of the specified class names, that link will not be injected into the page.

For example, if you add .no-linkbot to your ignore list, Linkbot will skip linking any content inside elements with that class.


How to Add a CSS Ignore Filter

  1. Log in to your Linkbot Dashboard.

  2. Navigate to the Property Settings page for the desired website.

  3. Scroll to the section labeled CSS Ignore Filters.

  4. Enter the CSS class name (e.g., no-linkbot) into the input field and click Add.

  5. The class will now appear in your ignore list and links within elements using that class will be excluded from rendering.


How It Works Behind the Scenes

  • Linkbot will still initially scan and suggest links as usual.

  • During the rendering phase via the Linkbot JavaScript snippet, the system will perform a secondary check and remove any links that appear inside elements matching your ignored class list.

Note: This exclusion only affects visual link rendering on your live site. The internal linking report may still show those links unless additional suppression logic is added.


Can I Remove a CSS Ignore Filter?

Yes. In the CSS Ignore Filters section:

  1. Locate the class you want to remove.

  2. Click the trash can icon next to it.

  3. The class will be removed from the ignore list, and links in those containers may be rendered again on the next page reload.

If you don’t see the delete icon, try using a different browser or contact our support team with your browser and OS version.


Known Limitations

  • Reports Still Show Ignored Links: Currently, filtered links may still appear in the internal linking report, since the report is based on original link suggestions before the CSS filter is applied on the client side.

  • Historic Links Removed with page Refresh: If links were rendered before adding a CSS filter, they may persist unless the page is reprocessed or refreshed.


Frequently Asked Questions

Q: Can I edit an existing class name in the list?

A: Currently, you must delete and re-add a class with the updated name.

Q: Will this slow down page load?

A: No. The filtering logic runs client-side after the initial link injection and is optimized for performance.

Q: Will this prevent all links inside an element from being created?

A: Yes, any element that matches one of the classes in the ignore list will not receive any links.


For questions or feedback, feel free to contact our support team via chat or email.

Did this answer your question?