DistilledODN Demo

Add JavaScript and CSS to the page

Because ODN can make changes to the HTML of the page, we can add in-line CSS and JavaScript.

Compare the original version of this page to the same page running via ODN to see some different CSS and some additional JavaScript:

Go via ODN

rel-canonical

You can visit an example page where a rel-canonical tag has been added. The original page is here and the ODN version here.

HTTP Header

See an example where an X-Robots-Tag HTTP Header has been added. Check the headers of this page and then check the ODN version here.

Bulk change H4s

It is easy to bulk change tag types; see where we have changed H4s for H3s. For example see this page and the ODN version here.

Trim list elements

For each of a group of similar elements you can manipulate the content. Take a look at the list on this page and compare against the ODN version here.

Variables

DistilledODN can extract parts of a page to create dynamic content elsewhere on the page. See an example page here and the ODN version here.

Inject content

You can add additional content to pages via DistilledODN. View the example page here and the ODN version here.

Add Javascript & CSS

Of course, you can also add inline Javascript and CSS code to groups of pages. Take a look at this page and compare against the ODN version here.