The Oops That Proves SEO Basics Still Matter

Featured Imgs 23

When I asked today’s HubSpotter to share an SEO tactic, he asked if he could share a cautionary tale instead.

And I accepted because his story proves that technical SEO basics still matter — even in the face of major search changes.

It’s the scary story of how we lost, and then recovered, 41% of targeted organic traffic and conversions.

Learn More About HubSpot's SEO & Content Strategy Tool

Presented for the approval of you masters in marketing, I bring you a story I call … The Tell-Tale Tag. (The Cask of the Canonical? I’ll find the joke eventually.)

A Scary Day in Search

Our story begins with a call over to France, and a coworker whose technical skills are outmatched only by his wicked Gallic accent.

(To get the most out of this post, I suggest you read his lines aloud in your very best French.)

Sylvain Charbit, our senior technical SEO strategist, has been in SEO/content marketing for 15 years, so it takes a lot to rattle him — an 82% drop in daily organic traffic is just such a thing.

“We discovered the problem in the most common way possible,” Sylvain laughs. “Conversion and traffic were in freefall all of a sudden.”

Graph showing the loss of organic traffic due to rogue canonical tags

As you can see from the graph above, pants were soiled on or around July 25th. The drop was first noted by our conversion optimization team, who immediately called over to SEO. (I like to imagine it like a disaster movie, where the ragtag scientists inexplicably have a direct line to some high-ranking general.)

The timeline matched closely with the start of a new CRO test.

The affected URLS matched perfectly to those being tested.

But there was no reason why this test—a minor content change—should completely annihilate those pages from the search results.

With no obvious culprit, the SEO team began an audit of the technical basics.

“Do we have that tag here? Yes. Did the title tag change? No,” Sylvain ticks off a mental list. “But when I checked the canonical tag? That’s when I saw that they were duplicates, and they were giving crawl bots different instructions.”

If it’s been a hot minute since you took SEO 101, here’s what that means: whenever you have multiple versions of the same page you add a canonical tag—a bit of HTML code that tells search engines which page is the “real” one.

The test required two versions of each page and each pair had a canonical tag that referenced each other.

If that’s still confusing, imagine each page pointed to the other like the Spider-Man meme.

Illustration of self-referencing canonical tags via Spider-Man

The result? Complete removal of all test URLs from the search results.

Sylvain explains: “When Google has a doubt, it will decide to just drop the URL altogether. Saying, ‘Hey, that doesn’t make sense at all. Just in case, I will remove it because that doesn’t sound like a result I want to present to visitors.’”

In other words, even if your overall brand is as trusted as HubSpot, messing up the basics can make individual pages look untrustworthy.

“Something that could seem as trivial as a duplicate tag could have a really devastating impact.”

Quote from Sylvain about seemingly trivial things like canonical tags having devastating impact

Technical Takeaways

So how did a simple content test impact our underlying HTML code?

The rogue tags were created when we activated a third-party A/B testing tool, which shall remain nameless to protect the innocent.

Seriously, they’re innocent this time. Turns out, we were using an old version of a software integration.

Once the problem was identified, and the duplicate tags fixed, it took several days for the pages to return to their rightful place in the search results.

By that time, the damage averaged up to a 41% loss in traffic and leads.

But that fast recovery time isn’t something that everyone can count on. Search engine crawl bots tend to visit large sites like ours often. That means small brands are likely to recover more slowly.

Which makes it that much more important to be cautious with your technical basics.

I asked Sylvain if that’s the main lesson of this story. Is it “SEO basics still matter?” Is it “Keep your software up to date?”

He offers this: “Let’s not wait for a problem to surge before doing the regular checks.”

Quote from Sylvain about forgetting technical SEO basics like canonical tags

And that manifests in three ways:

1. QA tests and software-integrations before launch.

“Before I would say ‘keeping your software up to date’—yes, this is something you definitely should be doing—but first is not launching a test before reviewing everything is fine.”

Any time you’re planning a test on your existing website, be sure to give time to quality assurance.

If you can, loop your SEO and conversion teams together to make sure each interest is represented.

And while you’re at it …

2. Regularly audit sample pages for SEO basics.

SEO is not a set-it-and-forget-it game, unfortunately.

“Regularly test or review samples of your website,” Sylain recommends. “Like a few blog posts, a couple of category pages.”

But that doesn’t have to be an overwhelmingly deep task. It really can be a quick survey of the foundational basics.

“There’s a tendency of saying you need to dive into fine analysis, you need to check all the lines of code that are deep in the system, but sometimes the most common things are forgotten, because, well, you know, SEOs get accustomed to it.”

3. Consider an SEO auditing tool.

“Or even easier,” he adds. “Have a tool like Content King that will check for you and flag right away if something is out of the ordinary.”

SEO auditing tools regularly audit your site for you, and many will track changes to the underlying content or code.

“Because even if the testing software was up to date, you don’t know what kind of conflicts can occur with whatever third-party tool or extension you’re using,” Sylvain adds.

But if that’s not in the budget, you’re not out of luck. Below, I’ll run through how HubSpot users can check their canonical tags in just a few seconds.

How to Check Canonical Tags in HubSpot

By default, most pages and posts are automatically set as canonical in HubSpot. (The exception is blog listing pages, but the reason for that could be a post in itself. For now, just trust that it’s a good thing.)

If you want to change that, or if you’re concerned that something has already changed… well… ask your own Sylvain before you go messing around.

If they say it’s okay, here’s what you do:

1. Navigate to Content and then Website Pages, Landing Pages, or Blog depending on the type of page you’re checking.

2. Hover over the existing page and then click Edit.

3. In the editor, click Settings > Advanced.

Screenshot showing custom canonical URL field in HubSpot

4. If the canonical tag is set to anything other than the original page, you’ll see it displayed under “Customize Canonical URL.”

If that field is blank, chances are that your canonical tag is set to the original page, and you’re good to go.

 

The Losing Test That Led to 4% More Leads (We Took the L so You Don’t Have To)

Featured Imgs 23

Today, I’ve got a special treat for you, something most companies won’t share: a peek at one of our losses.

A “best practice” that failed so hard we had to pause part of the test early. And, if I can wax clickbait-y for a moment, it’s a tactic you may be using in your calls-to-action as we speak.

So come for the trainwreck, but stick around for the lesson, because what we learned led to 4% more leads from our CTAs.

Free Download: A/B Testing Guide and Kit

And I’m going to show you how to recreate it. (The improvement, that is. Not the trainwreck.)

The Best Practice That Wasn’t

I turn to AJ Beltis, principal marketing manager of conversion strategy, when I need absolute authority on two things: 1) pop-culture movie references, and 2) content conversion.

So when I read an internal brief where a supposed best practice caused a 14% loss in conversion rate, I ran to him like Luke flying back to Obi-Wan.

Screenshot of ABC test on CTA language

It all started with a test of the wording on our CTA buttons. Long-time readers may remember that our anchor texts were once a grab-bag of different styles.

“It was up to the bloggers’ discretion because each of those CTAs was individually placed,” AJ explains. “So sometimes it was ‘Get the template,’ sometimes it was ‘Download now.’”

And because we test everything, when we set out to make our CTAs more consistent, we started by testing different language options. The test variants were:

  • The Control: “Get the [Product Type]”
    Cut and dry. Straight to the point. A great example of our old anchor text strategy. 
    Example: “Get the Template”
  • The Best Practice: “Get the Free [Product Type]”

Same as above, only now we add “free” as an enticement. A pretty non-controversial tactic you’ll see in every CTA guide.
Example: “Get the Free Template”

  • The Wildcard: “Get the Free [Specific Product]”

Here we add a description of the offer to the button itself. At the time, this felt redundant because there was already a description above the button, but hey, let’s try it.
Example: “Get the Free Social Media Calendar Template”

Author CTA variant examples

We were so confident in the results that we put our money where our mouse was and slapped the test on 25 of our highest lead-driving blogs.

“We felt pretty comfortable with the risk because we weren’t removing anything or changing anything drastic,” AJ says. “So it was a reasonably safe way to test something.”

John Hammond felt the same way in Jurassic Park.

What Went Wrong (and What Went Right)

Within two weeks, Variant B cratered our conversion rate by 14%, until we finally paused that branch to mitigate losses to our heavy-hitting lead generators.

So, why didn’t the best practice work?

“One theory is that whenever you see something labeled as ‘free’ on the internet, it might have a spammy connotation.”

In other words, like Pavlov’s dogs, we’ve all been trained to see “Free Download” and immediately scroll past what is surely a scam and/or an ED cure.

Ah, but what about Variant C? The one we dismissed as redundant?

That one actually boosted our conversion rate by 4% overall, and by 7% among new visitors.

So, why did this variant work where the other failed?

AJ believes it’s all about using visual cues to highlight keywords the reader is looking for.

“When people are reading a blog post, they’re often just kind of skimming as quickly as possible to get an answer,” he says with a shrug and a sideways smile. “I’ve been a blogger and it sucks to say, but no one is typically reading all 1,200 words that you put your time and effort into.”

(But not you, dear reader. Not you … Right?)

Say a visitor is skimming to learn about social media content calendars. Suddenly they see a big orange button that offers a social media content calendar template.

“This is the specific thing that I want and it’s free? I’ll get it.”

Quote from AJ Beltis about keywords in anchor text

The Takeaways About CTAs

To see the biggest takeaway, scroll back up and check out the CTA button right beneath the title of this very blog. You’ll see that we no longer include descriptive text above the button, and instead use the description on the button itself.

Some of AJ’s other insights:

1. Test Every-freaking-thing. (Or “Don’t take best practices at face value.”)

Trusting best practice alone would have damaged our conversion rate, and we might have never known why.

Similarly, if we hadn’t tested what we assumed was the redundant option, we would never have found a win.

“If we had just tested ‘free’ versus the control, the test wouldn’t have worked,” AJ points out. “But because we tested ‘free’ versus the control versus ‘free [specific thing]’, that extra layer worked.”

2. Use Keywords in Your Anchor Text

“If you can use those buzzwords they’re looking for, that’s going to be more successful. Using the words ‘content calendar template’ or ‘planning template’ when they’re reading a blog about social media content calendars … they’re already thinking about that word, so psychologically, it might hook them a little faster.”

Placing keywords in your anchor text is also a win for accessibility, as it helps folks who use screen readers to know what they’re clicking on.

3. DO Test on Your Biggest Lead Drivers

After getting beat worse than Rocky by Apollo, you might think we switched to testing on less important pages, but that’s not the case.

As Rocky says: “It ain‘t about how hard you’re hit, it's about how you can get hit and keep moving forward.”

As AJ says: “When we look at testing our top pages, that’s also where the biggest opportunity for growth is. If we were to be a little safer by testing pages that don’t convert as well, we might not have been able to detect the magnitude of how successful or unsuccessful a tactic might be.”

Quote from AJ Beltis on top pages being the biggest opportunities for growth

4. Trust your audience above authority.

And that includes me, AJ, and Obi-Wan.

Always trust your audience’s reaction over what you find in any guide.

“Respond to your audience,” AJ says. “Some audiences might find a test that we ran to not be a good match. Whereas, we might look for inspiration from other companies, run it on the HubSpot blog audience, and find that their test doesn’t work for us.”

5. Test your offers, too.

Amid all this talk about CTAs, AJ drives one final point home: Your CTA is only as good as what it’s offering.

So test what you’re offering, too.

“We use templates because templates work for us. We don’t do webinars because webinars don’t work for us. Some companies, all they do is webinars, because that’s what works for their content sphere.”

How to Test Your CTA Button Text and Offers

Unlike in Rebecca’s test of paid ad landing pages, for this one you do want to test one element at a time. So be sure to test your anchor text and content offers separately.

You’ll also want to use a tool that evenly splits your traffic across the variants—something like Convert, VWO, or, hey, Content Hub!

  1.  Navigate to the test page.
  2.  Click on the file menu and then chooseNew,” then “Run A/B Test.”
  3.  Enter a name for each variation.

This should be something descriptive that will be easy to remember. If you look at the first screenshot, you’ll see we simply used “Original Page,” “Variant B - Free,” and “Variant C - Free + Description.”

  1.  Click “Create variation.”
  2.  Edit the anchor text or the destination of the link (but not both!)

For this time of optimization, you’ll get better results by testing one change at a time. (Though you can certainly test multiple variations on that one change.)

To recreate AJ’s test, try out a description of the offer within the anchor text. Heck, you may even want to try using “free.”

  1.  Click “Publish” in the upper right corner, then “Publish now.”

No matter what you decide to test, be sure to keep an eye on the results over time. Be ready to pull that emergency brake so you can avoid your own trainwreck.