Tag Archives: gif

The Smashing Mystery Riddle #7: Have You Figured It Out Yet?

Yep, one of those mystery riddles again? To celebrate the launch of SmashingConf NYC, we’ve prepared yet another riddle, and this time it will be a matter of patience and following clues. As usual, we’ve hidden secret keys hashtags in a series of animated GIFs. There are 5 levels in total.
Below you’ll find the first animated GIF, containing a location clue. To move to the next level, you have to find a hidden hash tag and follow a link in a tweet containing it.

Excerpt from: 

The Smashing Mystery Riddle #7: Have You Figured It Out Yet?

Guide To Using WebP Images Today (A Case Study)

They say a picture is worth a thousand words. But online, a picture can be worth a thousand kilobytes or more! HTTP Archive shows that images make up 64% of a web page’s total size on average. Given this, image optimization is key, especially considering that many users will abandon a request if it doesn’t load within a few seconds.

WebP Images And Performance

The problem with image optimization is that we want to keep file sizes small without sacrificing quality. Past attempts to create file types that optimize images better than the standard JPEG, PNG and GIF formats have been unsuccessful.

The post Guide To Using WebP Images Today (A Case Study) appeared first on Smashing Magazine.


Guide To Using WebP Images Today (A Case Study)

The 10-Minute AdWords Management Workout


As a busy marketer, you don’t have a ton of time to manage your AdWords account.

It’s not that you don’t care, you just have other things to work on. Like actually running a business.

Besides, why should you spend time in your dashboard when your efforts to date haven’t shown much success?

You’re doing work, but are you getting anywhere? GIF source.

Improving your AdWords account is much like building your muscles at the gym. It isn’t about working longer or harder. It’s about working smarter.

Just like your frequency of squats, there’s a point of diminishing returns where your muscles won’t continue to grow bigger or stronger.

But there are certain workouts that will bring you gains, you just have to know how to effectively use your time and how to make the biggest and most positive impacts on your AdWords performance.

Let me introduce you to the weekly 10-minute AdWords management workout.

1. Speed-add negative keywords (3 minutes)

Expected results? Your gluteus maximus of a click-through rate will increase and wasted ad dollars will be spared.

You already know that adding negative keywords on a regular basis helps you reduce wasteful spend (if not, read this super quick post by AdStage).

But did you know you can add negative keywords in just a snap?

You’ll want to look for search terms that don’t have your most common root keyword in them.

For example, let’s say you sell ice cream online and you want to quickly scan if some of your search terms don’t include the word “ice cream.”

To do so, go to your search term report inside your AdWords account, and quickly use the on-page search function of Command + F if you’re on a Mac, or Control + F if you’re on a PC. Then type in “ice cream” in the search bar.

You’ll want to sort your impressions column in descending order so you tackle the biggest performance killers first.

Screen Shot 2015-06-09 at 6.09.09 PM
If something isn’t highlighted yellow, then take a closer look.

Then scan your entire search term report, while paying extra close attention to the non-highlighted search terms. These are usually the ones you will be adding as negative keywords since they fall outside of your root keywords.

As you’re scanning your search term report, add negative keywords to a spreadsheet and keep it on hand for our next workout.

Over time, you’ll start seeing less and less negative keywords that need to be added because you’re continually pruning and trimming.

Have multiple root keywords? Then use this approach on the different keywords you’re bidding on.

But be careful.

As you do this once a week, you may neglect what I call “search term creepers.”

These are search terms that get such few impressions and clicks week by week that they may go unnoticed as you scan through your search term report, but add up in the long run.

Screen Shot 2015-06-10 at 6.42.12 PM
Search term creepers are usually pretty good at hiding. Image source.

To combat them, change your AdWords date range once in a while to the last 30 days instead of just the last seven days. See if they’re adding up impressions and clicks that you don’t want to pay for.

Quickly add #AdWords negative keywords with this 3-minute campaign management workout.
Click To Tweet

2. Negative keyword list adding (10 seconds)

Expected results? You’ll be saving time on the AdWords treadmill and saving money on clicks that are wasteful.

If you have multiple AdWords campaigns that share common negative keywords, then a negative keyword list will be your best friend.

Negative keyword lists help you save time by not having to copy and paste your new negative keywords across all your campaigns. Instead, you can keep them all in one hub and apply that negative keyword list to all or just a few of your campaigns.

If you followed my advice from the previous workout and have your spreadsheet filled with new negative keywords, you can now take that list and add it to your negative keyword list.

To find your negative keyword lists, simply go to the “Shared library” on the left hand side of your AdWords interface and then to “Campaign negative keywords.”


Your negative keyword lists are found through here. Specifically right here:


3. Bad ad pausing (1 minute)

Expected results? Better overall account well-being and improved average ad positions, average conversion rates and average cost per conversions. In short, you’ll sleep better at night.

Just like a horrible tasting protein shake, horrible ads have to be dealt with in order to make your workout more enjoyable and your AdWords performance stronger.

The idea here is to pause under-performing ads in the ad groups that have the most clicks and highest costs.

The reason why we want to make changes in the ad groups with the most clicks and highest costs is because it’ll have the biggest positive impact on your account, compared to just randomly making changes in different ad groups.

Think of it as doing bench presses (that can strengthen your entire upper body), compared to just regular dumbbell curls that just strengthen your biceps.

For this workout, you’ll want to go to “All online campaigns” and be on the “Ad groups” tab.

This is where you’ll find it.

Then, make sure you’ve clicked on the “Clicks” column for descending order (highest to lowest) and that your date range is around two to three months back.

Once you’re there, you’ll want to right-click on the top 10 ad groups with the most clicks and open each of them in new browser tabs.


This also prevents slow browser loading of going back and forth between ad groups.

Now to the fun part.

Go to each of the new browser tabs and pause the ads in each ad group that are performing worse when comparing cost per conversion, conversion rate, and click-through-rate (in that order) between the ads.

Here’s a look at two competing ads in which one got the axe. Can you guess which?

Make sure you have at least two ads running in each ad group for continuous A/B testing purposes. This will help take us to the next AdWords management workout.

4. New champion ad creations (1.5 minutes)

Expected results? You’re taking what’s already working and making it better. Building off your past success only makes you stronger.

Now that you’ve paused lower performing ads in the top 10 ad groups based on click volume and costs, it’s time to make new variations of the champion ads (the better performing ads you left running).

If you don’t, then you’re missing an opportunity to be constantly improving.

If your champion ads have similar ad copy in the top 10 ad groups (or even if they’re wildly different), then I’d recommend isolating one section of the ads (like description line 1) as the part that you’re testing.

Pick an ad section to isolate and test.

When you create multiple ads that share similar ad sections, then it’ll be easier and faster to see if ad performance has improved since you’re now gathering data faster than you would with just one ad test in one ad group.

Once you’ve decided which part of the ad you want to isolate and test, use AdWords labels so you can filter to see those ads later on after they’ve gotten enough data and clicks and compare them to the rest of your campaign or account.

You can highlight the new ads you’ve created and create a new AdWords label called “New Ad Test,” or whatever makes it easier for you to keep things organized.

Depending on your traffic volumes, you can quickly get an ad data snapshot like the one below (the yellow line is from your filtered ads from your AdWords label).

Those are some sweet, sweet numbers :)

To see if your ad testing has statistically significant results, you can jump over to KISSmetrics’ A/B calculator here and type in your clicks and conversions to see your confidence levels.

Run similar #AdWords ad tests across multiple ad groups for faster results.
Click To Tweet

5. Bad keyword bid lowering (1.5 Minutes)

Expected results? Just as there are 17 different ways you can perform a squat, all keywords perform differently when it comes to CTR, CPC and conversion rates. This’ll help you ditch expensive ones that increase costs and keep you out of shape.

If you have AdWords conversion tracking set up (I sincerely hope you do but if not, read this), then there’s a really good chance you know your average conversion rate and average cost per conversion across your entire AdWords account.

Think of these as your AdWords Body Mass Index (BMI) scores that you’re trying to improve so that you can finally get in that 80s aerobics video you always dreamed about.

Colors and fashion were so on point. Image source.

You have some keywords that are performing great, and then you have some that are, ehh, not so great (maybe the CTR is low, Quality Scores suck or the costs per conversion are higher than your account average).

One of the fastest levers you can pull on lowering your cost per conversion is by lowering your max CPC keyword bid amounts.

Let’s say your average cost per click is $5 and your conversion rate is 10%. This gives you a $50 cost per conversion.

If you lower your bids to be $4 and you’re able to maintain the same click-through and conversion rate, then technically your new cost per conversion should be $40.

But don’t do this on all your keywords. Identify which keywords are the most expensive by their cost per conversion metrics.

To do so, make sure you’re viewing “All online campaigns” and then go to the “Keywords” tab and sort your “Cost / converted click” in descending order.

Here’s a look at high-costing keyword conversions with at least 30 clicks.

This will show you the highest costing conversions and which keywords are responsible for them.

In the example above, you’ll notice that some keywords are much more expensive than your account average, and as long as you have enough clicks (at least 30), you can start slowly lowering their bids.

Quick workout note: If you lower bids too much, then you may also be lowering your average positions and damaging your CTR. You may find that lowering your bids puts them below “first page bid estimates” or doesn’t allow you to enter in the AdWords auction.

If that happens, then be quick to increase bids back to normal.

Make sure you have enough clicks (at least 30) for a keyword you’re about to lower the bid on. Anything less than that would be premature since the averages might not have had enough time to pan out yet.

With an understanding on how bid adjustments affect average ad positions and click-through-rates, you’ll want to slowly lower bids (5-10% of current bid amount) so that your average cost per conversions go down more smoothly.

6. High performing keyword bid increasing (1.5 minutes)

Expected results? Think of your keyword conversions as the number of leg extension reps you can do each set. Increasing bids is like eating more protein so you can start performing more reps.

Feeling a little winded? Good!

We’re eight minutes and 40 seconds into our 10-minute AdWords campaign management workout.

You’re making quick progress and your AdWords account is starting to look pretty dang sexy.

Screen Shot 2015-06-10 at 7.19.20 PM
That’s a definitive yes Ryan. Thanks for noticing.

Just like we lowered bids on keywords that were too expensive, we’re going to do the exact opposite on keywords that are performing well, to get them to perform even better.

This time, you’ll want to reverse the “Cost / converted click” column in ascending order.

Now you’ll start to see which keywords are your best performers and their associated average ad positions.

Some sweet improvements are about to be made here.

If a good performing keyword has an ad position of 1.2 for example, then raising the bid won’t do much to improve CTR or give you more conversion volume.


If it’s 1.7 or worse (your keywords are triggering ads that mostly show in spot #2, but sometimes in spot #1), then increasing bids will help you get more of those type of conversions since an increase in bid can improve the average ad position and therefore increase the click-through rate.

Here you can be a little more aggressive with keyword bids and increase them 10-20% at a time since there’s no fear of having them disappear in the ad auctions.

You may quickly notice that your lowest-conversion-costing keywords are keywords with zero clicks and therefore technically have the lowest cost per conversion of zero dollars.

To prevent this and to make sure you’re changing bids on keywords that actually have traffic, we’re going to save some time and create some custom filters you can use every week moving forward.

Which takes us to our next AdWords management workout…

7. Creating and saving custom filters (35 seconds)

Expected results? AdWords filters are like listening to your favorite songs while working out. They help you get in and out, and on with your life. Creating an AdWords filter will help you move through workouts 3, 4, 5 and 6 even quicker.

You’ll want to use filters to quickly showcase the worst or best performing keywords/ads based on the criteria you choose.

Think of filters as your personal spotters. Ready and excited to help out.

For the example above, let’s say you only want to decrease bids on keywords that have more than 20 clicks (because anything less than that would be premature) and a cost per conversion greater than $40 (this amount will obviously vary for your AdWords account).

The filter will then only show you those keywords that fit your criteria so you can make your bid adjustments on them.

You can then save the filter for next week’s workout with the goal of having the filtered “bad keywords” and “bad ads” become less and less frequent over time.

8. Checking for alerts (45 seconds)

Expected results? Sometimes it’s easy to forget the small things, like how certain workouts are actually supposed to be done. Think of the AdWords alerts as your own personal trainer that can prevent you from looking silly.

You’re going places. GIF source.

You’ve hustled through your workout so fast that you’re not even sweating – you’re raining like Shaquille O’Neal. Now it’s time to cool down from the intense AdWords management workout you just went through.

As you sit down to start stretching, thinking about that delicious post-workout chocolate milk, you remember there’s just one thing you forgot: checking for AdWords alerts.

Are there any conflicting negative keywords, disapproved ads or budgets that are hitting a ceiling?

If so, your little right-hand corner bell inside your AdWords interface will tell you.


No need to change everything it recommends though.

Click on any of the alerts to make the quick adjustment – if they make sense.

I say this because almost everything that Google recommends comes with the idea of having you spend more money, so take it all with a grain of salt.

If nothing strikes your eye, then it’s time to pat yourself on the back and drink that milk. You deserve it.

Good work!

Your workout is now over and you feel amazing. Instead of just running mindlessly on that elliptical, you actually came in and did what needed to be done to bring you closer to your AdWords goals: more conversions, lower costs per conversion and higher conversion rates.

All in record time.

Over to you. When it comes to effective AdWords management, what have you found to make the biggest impacts in the shortest time?

Read original article:

The 10-Minute AdWords Management Workout

The Mystery #4 Is Resolved: Chirpy Birds, Lost Numbers and Pretty Slow Wheels

Experiments and side projects are wonderful ways to challenge yourself and explore areas that you wouldn’t usually consider exploring. That’s what Smashing Mystery Riddles are for us: little experiments that challenge us to come up with something new, original and a bit crazy—every single time. The ideas are usually a synthesis of the things we discover, stumble upon or try out ourselves—and oh my, they take quite some time to get right.

View the original here:

The Mystery #4 Is Resolved: Chirpy Birds, Lost Numbers and Pretty Slow Wheels


The Mystery Is Resolved: A Story Of Muffin Crumbs, Shady Characters And Invisible Letters

We’ve all been there, haven’t we? You find yourself in a coffee shop abroad, sipping cappuccino and chomping a muffin as you realize that your laptop’s battery charge is just about to crush your creative session to dust. Well, perhaps you’ve got your power adapter with you but, of course, it isn’t the right one for foreign power sockets.
So you end up looking around and chatting up with strangers asking for help.

Originally posted here: 

The Mystery Is Resolved: A Story Of Muffin Crumbs, Shady Characters And Invisible Letters


The Mystery #2 Is Resolved: The Rain That Never Stops, Cakes and Frightened Cats

Everybody loves a good riddle, but when you design one, you never know how it will be perceived until you try it out. The new Smashing Mystery Riddle didn’t emerge over night, and after weeks of fine adjustments and many — many — test runs, we prepared some coffee, pressed that shiny “Publish” button and, you know, started waiting for tweets. And now, exactly two days later, it’s time to reveal the mystery and announce the winners.

Read the article:

The Mystery #2 Is Resolved: The Rain That Never Stops, Cakes and Frightened Cats

How To Optimize PNG

As a web designer you might be already familiar with the PNG image format which offers a full-featured transparency. It’s a lossless, robust, very good replacement of the elder GIF image format. As a Photoshop (or any other image editor) user you might think that there is not that many options for PNG optimization, especially for truecolor PNG’s (PNG-24 in Photoshop), which doesn’t have any. Some of you may even think that this format is “unoptimizable”.

Read the article – 

How To Optimize PNG