Must Have Bookmarklets for Bloggers for More Productivity

Blogging bookmarklets

Bookmarklets. The term may seem new to you. Put simply, “Bookmarklets are small JavaScript based bookmarks, which help you do repetitive tasks with ease”.

They can do many things with the present web page. It’s like – an easy way to execute JavaScript on the present web page.

What are the differences between bookmarklets and bookmarks?
Bookmarks are saved links for future or speed access. Whereas, the bookmarklets refers to the saved JavaScript that is to be executed on the web page.

Why do I prefer bookmarklets to extensions?

  • They are easy to install
  • They are fast
  • They don’t make your browser, a resource hogger

With this post, you can replace some of the extensions or plugins you are using with the bookmarklets I introduce to you.

How to use bookmarklets?

Bookmarklets are nothing but links. However, they execute JavaScript, instead of leading you to another webpage.

I have marked bookmarklets like this, to help you know to install the bookmarklets.

Just drag and drop the links to your bookmark bar.

Whenever you are on a webpage, you can click on those bookmarklets to perform the assigned operations.

Useful bookmarklets for bloggers

As a blogger or a webmaster, you may want to play with the web pages. You may want to perform quick tasks. It is no doubt that, bookmarklets make you highly productive.

Here we go.

URL Shorteners

You can use many of the bookmarklets for shortening of the links, right from your current tab (without opening your another tab).

Bitly: A lightbox pops up on your current tab. The URL will be shortened. You can also customize your short link within the lightbox. At first, you need to log in to your Bitly account.

TinyURL: This bookmarklet copies the URL of the present webpage, enters it in Tinyurl official site and returns you the shortened URL. Well, you have to go out of the current web page.

SEO bookmarklets

Remove personalization: While checking rankings, personalization sets you back.

>Credits: Google System Blog<<

Spider simulator: using this bookmarklet you can view any web page, as search engines see it. It is helpful in SEO auditing your site.

>Webconfs<<

SEO bookmarklet: This bookmarklet checks for all the basic SEO factor on the present web page like title, description, links (nofollow, dofollow). It also provides you external links for further research.

Whois bookmarklet: It lets you display the whois information of the page you are viewing on the other tab.

>Domain Tools<<

Highlight headings: How many times you have used “inspect element feature”, to determine what header tag has been used?
This is a handy bookmarklet that highlights all the header tags used on the present page.

Highlight nofollow:  This bookmarklet marks the no follow links on the web page.

>Thanks to Stephen Ostermiller for the above two bookmarklets<<

GTMetrix bookmarklet: Check the page load times on one click.

>GTMetrix<<

Bookmarklets you definitely use

Kwout screen capture bookmarklet: This bookmarklet captures the image of the current web page. Then it opens the image in another new tab.

There you can cut out the desired part.

>Kwout bookmarklet<<

Web capture: This bookmarklet reduces an extension from your browser.
It is a must-have bookmarklet for any web browser.

It offers you to screenshot visible part, the entire page, selected page as an image.

Other similar extensions, cost you time, memory, speed.

>By Leonardo Ciaccio<<

Hypothesis bookmarklet: This lets you annotate or mark up any web page, you are viewing within the same tab.

>Hypothesis<<

Clippable: Allows you to read the articles and content on the web page, clutter-free.
It removes all the unnecessary elements from the web page.

>Readability2<<

Edit page bookmarklet: This bookmarklet may be new for you. This lets you edit any page like you do with any document within the browser.

Calculator: Handy calculator. On clicking the bookmarklet, it displays a pop-up. There you can type normal arithmetic operations and get the answer.

Dictionary lookup bookmarklets: You have to select the word you want to look up and click on the bookmarklets.

Dictionary.com
Thesaurus.com
Wikipedia

There are plenty of the social sharing bookmarklets. Kristi Hines has written an excellent post on this.

If you are a more avid webmaster and is more paranoid about SEO, this post by CognitiveSEO is for you.

How can I create my own bookmarklets to match my needs?

For this, you have to learn the basics of JavaScript. Another advantage is, with the advent of cloud computing, JavaScript has bright future. You can gain some value from it.
Use of bookmarklets that suits your needs, speeds up your blogging by at least 150% if used properly.

Let it be.

Create a new bookmark. Right click on the bookmarks bar. Click “Add page” in Chrome or “Add bookmark” on Firefox.

Name the bookmarklet. In the URL field write the JavaScript code instead of regular URL.
The bookmark which has JavaScript code in it’s URL field is bookmarklet.

Here are the basics you have to learn.

  • All bookmarklet JavaScript starts with javascript:
  • All functions end with semicolon.
  • JavaScript for getting the current URL is window.location.href
  • The code, document.getSelection() returns the seletec text on the webpage.
  • Code that opens Wikipedia,
    javascript:open(‘http://en.wikipedia.org/’);

Examples of bookmarklet creation.

Search the selected text in Google.
javascript:var a =document.getSelection(); open(‘https://www.google.com/search?q=’+a);
Explanation:
The text that is selected is stored in variable “a”. Then “a” is joined to “https://www.google.com/search?q=” and the resulting URL is opened.

Google’s search pattern is “search?q=”.

For creating bookmarklet too quickly get the page speed insights of the current page,

Pagespeed insights of the current page
javascript: open(‘https://developers.google.com/speed/pagespeed/insights/?url=’+window.location.href );
You can also adopt the same by taking a look at search pattern of different sites, tools or search filters.

You can do the same to create your own bookmarklets for Google cache search, Wayback machine search, plagiarism checker, image search, OpenSiteExplorer (top pages, backlinks, nofollow).

Font bookmarklets: These plugins allow you to change the font size, font of the page you are viewing.

Change font size to 20px

Change font to Verdana

You can change the font size or family by simply editing JavaScript behind the above bookmarklets.

Like, if you want font size 24px, simply replace 20px.
If you want Georgia instead of Verdana, change it.

Wow.
I hope you found these bookmarklets helpful. I am using all these bookmarklets recently. It really made me more productive.

I got rid of 5 extensions, that were slowing down my Chrome.
I organized my bookmarklets into two separate folders.

I definitely forgot to mention some of the main bookmarklets. Sorry about that. I’ll update this post, when I come across some more useful bookmarklets helpful for blogging.

Let me know if you use any bookmarklet that I’ve not mentioned. Looking forward to hear more from you.

DISCLOSURE
This post may contain affiliate links, meaning that if you click on one of the links and purchase an item, we may receive a commission (at no additional cost to you). All opinions are our own and we do not accept payments for positive reviews.

8 thoughts on “Must Have Bookmarklets for Bloggers for More Productivity”

  1. Hello,

    Awesome list. Some of them are quite surprising.

    Thanks for this great resource. Keep up the great Work !

Leave a Comment

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.