Saturday, June 9, 2012

Digital Inspiration Technology Blog: A Simple Trick to Highlight the External Links on a Web Page

Digital Inspiration Technology Blog
Digital Inspiration is an award-winning how-to tech blog around all things related to computer software, web applications, mobile and personal productivity.
A Simple Trick to Highlight the External Links on a Web Page
Jun 9th 2012, 11:15


Some popular websites – including Mashable, The Huffington Post and TechCrunch – include too many internal links in their stories (hyperlinks pointing back to their own website) and it often becomes difficult to determine the links that are pointing to external websites.

You have to hover your mouse over a link and look at the status bar of your browser to know where that link is pointing to. That’s lot of work.

Highlight External Links using Favicon Images

regular web page on techcrunch
Before: This is the original page on TechCrunch

External Hyperlinks Highlighted
After: The same page but the external hyperlinks are now highlighted

If you wish to quickly highlight all the external hyperlinks on a page, just drag the following bookmarklet link to your browser’s bookmarks toolbar.

Highlight Links

Now when you are on a web page that looks cluttered with links, just click this bookmarklet button and it will add favicons next to all external hyperlinks on that page while the styling of internal links is left untouched.

The bookmarklet will also add underlines to external links  making it easier for you to distinguish between external and internal links. And in case you wish to revert to the original style of hyerlinks, just hit the refresh button (Ctrl + R) in your browser.

I have uploaded the bookmarklet source code (de-obfuscated) on ctrlq.org in case you wish to modify the link styling. The favicons for corresponding websites are automatically generated using this simple Google hack.

Also see: The Most Useful Bookmarklets

Tweet this Share on Facebook


Digital Inspiration @labnolThis story, A Simple Trick to Highlight the External Links on a Web Page, was originally published at Digital Inspiration on 09/06/2012 under Bookmarklets, Web Design, Internet.

Related posts:

  1. Outbound Links on Webpages Are Good for SEO, Can Boost Rankings
  2. Use Descriptive Anchor Text for Outbound Links
  3. SEO Guide: Link to your Internal Web Page with Rel=Nofollow
  4. Flickr Follows Wikipedia – No Google Juice for External Websites
  5. Quickly Discover the Most Popular Links on a Page

Media files:
greenlinks1-50x50.gif (image/png)
You are receiving this email because you subscribed to this feed at blogtrottr.com.

If you no longer wish to receive these emails, you can unsubscribe from this feed, or manage all your subscriptions

No comments:

Post a Comment