How to Earn the Google Featured Snippet with Simple HTML Tweaks

Please note that I may earn a small commission from purchases made through product links in this article at no extra cost to you. I only recommend products I use now, have used in the past, or would use if there was a personal need.


Last updated: January 28, 2020

You may or may not already know what the Google Featured Snippet is. It’s that little box of content on top of the search results that highlights the best possible answer to a user’s query with a link to the website that has provided that answer.

The Featured Snippet is designed such that it provides an immediate answer to a user’s query, without having to actually click on the link to the article that provides the answer. Or otherwise, it is designed in a way that the user is very likely to click through to the featured website INSTEAD of choosing the website in the classic number 1 spot.

In this post I am sharing a few simple HTML tips to help you earn that highly desired Google Snippet on top of the page.

What Are Google Featured Snippets?

Let’s be clear about what a Featured Snippet really is. A featured Snippet is a box at the top of a Google search result page with an answer to a user’s query.

The answer is pulled directly from a website that is ranking in the first page. The box also contains a credited link to that particular website.

In short, a Featured Snippet contains two elements:

  1. Text abstracted from a website
  2. A link to that website

The Featured Snippet is just one example of how Google has been aggressively trying to make the search result pages more intelligent and feature rich. If you compare a random Google search results page of, let’s say, 4 years ago to what it looks now then you’ll know what I mean.

Rich results are a hot topic, and webmasters continually have to implement all sorts of different HTML and XML structures in order to help Google abstract the data they need to make the SERPs look pretty and user friendly.

What’s great about Featured Snippets is that you don’t need to implement complicated structures in order to make your site suitable to be featured.

Update Januray 2020:

In January 2020, Google made big changes to how Featured Snippets are being processed. The biggest change is that a URL that is featured in the top spot, will have their URL taken out of the top 10 organic results, and instead ends up on top of page two. This is happening on both Desktop and Mobile.

The reason for this is that Google wants to declutter their organic search results, and avoid duplication of URLs. This sounds reasonable, but the reality is that lots of Google users actually skip the Featured Snippet because they think it’s an ad, or because they don’t like the content in the snippet.

Several studies have already been conducted that indicate big traffic losses for sites that actively target Featured Snippets. The techniques described in this article still help in targeting Featured Snippets, but whether it’s still worth doing is up for debate.

You can actually choose to opt out of Featured Snippets by using specific tags. Keep in mind that this is a strategic decision that you should make based on test data, not just on gut feeling.

Different Types of Featured Snippets

There are three different types of Featured Snippets:

  1. List snippets:
    These are lists of items or steps that a user is searching for. This can be a numbered list, an unordered list or a step-by-step guide. An example of a query that results in this type of Featured Snippet is:
    “best cheap blenders for smoothies”, or
    “how to boil eggs”.

  2. Paragraph snippets:
    Google pulls a piece of content, such as a paragraph, and presents it in the Featured Snippet as the answer. An example of a query that results in this type of Featured Snippet is:
    “how old is the galaxy”.

  3. Table snippets:
    These are typically table-formatted answers to questions that require some sort of comparison. An example of a query that results in this type of Featured Snippet is:
    “largest cities in north america by population”.

Good or Bad for SEO?

A lot of SEO experts have expressed their frustrations with the Featured Snippet. Their argument against these snippets is twofold:

  1. People don’t click through to websites anymore when Google provides the answer in the search results page:
    This is a fair argument, but I don’t think it’s all that bad. Even though I don’t have access to data that shows how much CTR is impacted, I just don’t think the Featured Snippet will stop people from clicking through.
    Unless the user query is around things like current temperature or currency conversions when one short answer is sufficient. Otherwise, most people will still click on website links in order to get more detailed information.

  2. A site that ranks outside the top 3 can still be featured and are therefore hijacking other websites’ traffic:
    This is also a fair argument, but in my opinion the Featured Snippet provides a fair opportunity for everyone to get more traffic. It’s simply another SEO task to add to the list of tasks. If you want your site to be featured, you will need to do something for it.
    I personally think it’s awesome that a lower ranking website, perhaps with a much lower domain authority, is still able to attract traffic simply by being featured on top.

This is exactly what’s been happening with some of my websites. I see good quality articles on my site ranking below authority websites, even though their content isn’t all that great, to say the least.

But the Google Featured Snippet gives me the opportunity to bypass these sites and claim a good chunk of their organic traffic.

Featured Snippets and Structured Data

Some people think that in order for content to be eligible to be featured in the number 0 spot, structured data is required.

I can understand that this misconception exists, but it isn’t true. Structured data (Schema markup) and structured content are two different things, and to populate Featured Snippets, Google looks at the HTML source code.

Structured data can certainly help, especially with content types such as Recipes and Lists, but it’s not a prerequisite at all.

Read on to see how you can tweak your HTML output to increase your chances of claiming the Featured Snippet.

3 HTML Tweaks to Help You Earn The Featured Snippet

You don’t need to install a plugin, or implement complicated XML schemas in order to make your website a candidate for the Google Snippet. All you need to do is optimize the HTML of your blog post with smart tricks so that Google is able to interpret your web page and present part of the content in the snippet.

By implementing the below tips, you’re basically making it easier for Google to interpret your HTML and abstract the necessary elements to include in the Featured Snippet.

I am using real-life examples to show you exactly what you can do to turn your website into a perfect candidate for that top spot in the search results page. The examples are true at time of writing (December 2017).

The only prerequisite is that your article should already be ranking in page one of Google.

1. Use a Logical Hierarchy with HTML Header Tags (or Bullet Lists)

A logical HTML hierarchy with header tags will help you format a list article properly. For example, “top things to do in nyc”, or “10 best nerf blasters”, are questions that typically get answered via list-style articles.

It’s important to use a logical hierarchy of header tags, and not just any header tags. For example, a structure with one H1 header followed by a list of items wrapped in a H2 header makes perfect sense and is easy to read by Google.

Or perhaps a structure with one H1 header, followed by one H2 header (that includes the keyword / question), followed by a set of H3 headers.


Query: “best battery operated blender”
Featured snippet: Blender Base

Check out the below Featured Snippet which displays a short list of the best battery operated blenders. It shows a header followed by two blenders with a brief description.

Google Snippet headers

When we have a closer look at the HTML, we can see a well-defined structure with one H1 header, one H2 header and two H3 headers with the two blenders.

Featured Snippet HTML headers

It’s a logical hierarchy of HTML headers that is easy to interpret by the search engines. This type of logical structure can also be established with HTML bullet lists, although header tags are the preferred method, especially for longer content pieces.

2. Use HTML Paragraphs

Targeting a Paragraph Featured Snippet is a bit more random and therefore much more difficult to achieve. This is because the HTML to support this feature is much easier to create, which makes it more difficult to stand out from the crowd.

In fact, most publishers wouldn’t even be aware that their articles are good candidates for this particular type of Google snippet. The most logical way to earn the Paragraph Featured Snippet is by wrapping a direct answer to a query in an HTML paragraph.

If you’re actively trying to target this Featured Snippet, then you would typically go into a keyword research tool and look for question-style keywords related to articles you have already published and are ranking. To get featured, simply optimize these articles with those keywords in mind and provide clearly defined answers that will benefit Internet users.


Query: “who invented the first nerf gun”
Featured snippet: Mental Floss

The below Featured Snippet provides a direct answer to a simple question. Mental Floss provides that answer in their article.

Google Snippet html paragraph

If we look into the HTML source code of this page, we can see a clear answer to the question wrapped in a HTML defined paragraph.

This is the HTML:

Featured Snippet HTML paragraph

Very simple, but very effective.

3. Use a Properly Formatted HTML Table

A properly formatted HTML table is usually required to be considered for the Table Featured Snippets.


Query: “largest cities in north america by population”
Featured snippet: World Atlas

Have a look at the Featured Snippet below that is presented when searching for largest cities in North America by population. It’s a clear table structure that forms a (partial) answer to the question.

A user that searches for that long-tail keyword will most likely click on the website where the info is coming from to find out more.

Google Featured Snippet table

Below is an image of a stripped-down version of the HTML + Title of this particular web page. Google can use this code to place in the Featured Snippet.

As you can see, the table is nicely formatted, with correct HTML, and presents all the data (and the ONLY data) that is required to answer the user’s question.

Also note that the table is preceded by a H2 header tag with the keyword phrase. It doesn’t get much better than that. World Atlas is basically saying to Google: “Look G, here’s the data you need, just grab it”.

Featured Snippet HTML table

The World Atlas article ranks number 4 in the search results, behind three articles from wikipedia, but probably gets more traffic than all three WikiPedia articles combined via the Featured Snippet.

But why is the top Wikipedia article not featured? That article also contains a table. My guess is that the Wikipedia table contains more info than is required and is therefore harder to decipher. The World Atlas table is nice and clean.

Join Blog Pioneer


Subscribe now and learn how to grow your blog into a thriving business with effective SEO and monetization strategies.

BONUS: 3 actionable SEO tips you can implement today to give your blog posts an immediate boost!

Final Thoughts

Targeting the Google Featured Snippet position is very rewarding as it can bring in tons of extra traffic. Traffic that would otherwise go to your competitors.

The beauty of this is that it’s completely white hat. There are no shady tricks you need to implement in order to improve this type of organic traffic to your site. All you need to do is help Google by implementing logical HTML structures. A typical win-win situation.


How to earn the Google Featured Snippet

Categories SEO
AJ Mens

I am a corporate IT nerd turned digital marketing enthusiast, specializing in SEO and content strategy. I have been blogging since 2015, and my aim with Blog Pioneer is to help you achieve success online. Connect with me on Twitter and LinkedIn.

  1. Amazing stuff, seems too simple but will try clean my html up and see what happens, I have tried plugins schema mark up and just can’t seem to crack the code but will give this a go.

    Thanks again.

    • Thanks Gary. It’s true, this is not rocket science at all, just plain, simple, clean and well-structured HTML will get you results. Good luck!

  2. Relevant well explained article on different forms of featured snippets in Google. Examples are excellent. Just a little confused on how “schema markup” or structured data adds to the scenario but I think with further followup reading I will get the picture.

    • You’re right Dan, Featured Snippets and Rich Snippets always cause confusion. Basically, Featured Snippets are driven by plain HTML, whereas Rich Snippets are driven by Schema markup.

Leave a Comment