(First of all, this post is also to THANK my fellow cat lovers because most of this post is based on your support 😉 of my most viewed and pinned posts.)
And following that I have to say sorry folks this is one of those posts that is more for my fellow blogging readers. I had some really nice photos for the non-blogging readers for today but when I just looked at them they were all blurry. Yikes!
Since most of my readers aren’t bloggers, this post will probably bite me in the rear but I felt like I should share it for my friends in the same predicament as myself.
I had already mentioned before my Christmas break that I had to work on some technical blog issues and this post covers one of these fixes.
That’s where I have to tell you my little story:
Once upon a time I started this little blog and I felt like no one in the world besides my parents, brother and sister-in-law would want to read about my crazy German design escapades. I was so scared to post most of my projects and never even thought about watermarking my images since I was really convinced people wouldn’t be too thrilled with most of the stuff, especially my crazy cat lady tendencies.
Thankfully I was sooooo wrong about that. Especially about the cat related posts. I’m so thrilled to report that there are so many crazy people like myself out there. It’s like admitting to the world that you have an addiction problem and noticing you aren’t alone 😉 with the difference of actually helping other living creatures!
So what’s my point?
Well it turns out that my cat enclosure and other cat related posts have been some of my most viewed posts and pins.
Can you believe that my cat enclosure post has been pinned 148,118 times (and another 132,335 for my blogspot) and that’s not counting re-pins? To some that might not be much but to me that is freakin huge! (you can enter your URL here to see your own pin count by the way)
And all those pins had un-watermarked images on them which ended up being a humongous mistake (lesson: watermark everything). I don’t know how a lot of those scraper websites figure out what’s popular on Pinterest but they do and they have stolen my images lots of times. Granted they did link back but they pin the crap out of your images and create other sites that link back to their other site and at the end to you in a tiny little mention on the bottom of the page. Those sites (mostly) don’t have any way of contacting an administrator or writer. So I reported them! It gets so frustrating but the content was removed.
So this post is to show you how I was able to remove all those un-watermarked images and replace them with watermarked images WITHOUT LOSING all the Pinterest links to those 30 000ish pins on Pinterest. It would be a disaster to lose all those pins and traffic.
My friend Anneke from This, That & Life told me that at Haven they recommend making those images small and placing them at the end of your post and then place watermarked images in the post.
That made me think about the possibility of making those un-watermarked images invisible. Don’t you feel like HTML can do magic sometimes? I so know nothing about it and it is Chinese to me but I was convinced that it could be done. This might be old news to you webbers who know all the secrets of HTML but it was like I had found a magic wand when I discovered that I could embed those photos into my post without anyone else being able to see them and without any links being broken.
So here is what I did and this can also apply to all of you who took project photos that weren’t really that great thanks to your iPhone or bad lighting and you would really like to replace them some time later but are afraid to mess up your Pinterest links again.
- Before I did this alteration of the HTML code of the images in my existing post, I made a secret board on Pinterest to pin all the images to it that I wanted to make invisible. This way I could test out if the images would still link back from Pinterest after making them invisible with the little code snippet.
- Make sure the properties and image captions are removed before applying the code. It made it easier!
- I always copy the entire post HTML first and save it in another document in case something goes wrong!
- This is the code you have to use behind the image: style=”display: none;” /> and it should look something like this after <img src=”http://unwatermarked_imageJPG” style=”display: none;” />
And voila they are hidden but still link back from Pinterest. And you can add all your new watermarked images to your post without any damage being done to your Pinterest traffic.
Yay! A magic tiny little code did the trick 😉
This is your chance to hide those bad images and replace them with new and improved images or to get some watermarked images up on your blog without hurting your Pinterest traffic.
I hope this can help someone out there.