What are the differences between bookmarklets and bookmarks?
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?
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.
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.
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.
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.
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.
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.
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.
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.
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.
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?
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.
Here are the basics you have to learn.
- All functions end with semicolon.
- The code, document.getSelection() returns the seletec text on the webpage.
- Code that opens Wikipedia,
Examples of bookmarklet creation.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,
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.
Like, if you want font size 24px, simply replace 20px.
If you want Georgia instead of Verdana, change it.
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.