The content inside and around my table allowed us to steal the featured snippet from Amazon. Let’s take a look at HTML and analyze some of the important attributes that contributed to it.
The first important element of my content structure is the title. I opted for an H2 in this case because it was the second level in the page’s header hierarchy. The current H1 of the page was not specifically about the information provided in the table, so the H2 made sense in that context. This is what the header tag used in the featured snippet on my page looks like:
Since I was targeting the keyword “serving size plate” (among others), I had to at least have some variation of that in the H2. This helps boost relevance and gives Google confidence that the information in the table is closely related to the search term.
Additional content to help create context for my table
Originally, when I first tried to capture the featured snippet, all I had was the H2 and the table itself. This was not enough for Google, so they decided to keep Amazon as the featured result. I needed to create more context around my Uganda Phone Number table to make it more appealing to Google.
I did this by adding additional text, as well as an unordered list with bold text. This helped provide additional detail – which ended up being the reason I was able to take the job and keep it long term.
Organize important information in a table
The table had many different elements. Ideally, I wanted it to look good and appealing on the page, but also have features that could help sales.
More importantly, the table is constructed properly with HTML, rather than fancy CSS that looks like a table but isn’t. CSS tables are one of the things John said in the Hangout to avoid if you’re trying to get a code snippet.
Here’s what the columns look like, with bold used as a visual preference:
And now the rows. The first row:
The second row:
And the third line, which contains hyperlinks for the embedded product pages. I’ve never seen Google use this in the context of snippets, although it’s a nice feature for the user to have either way.
The fourth row. This is the last line displayed in Google search results in the case of my code snippet. All of the information added to this section, along with the lines above, should be considered when trying to entice a visitor to click through to the site.
The fifth row is completely hidden from the query. Similar to the information made visible above, the same consideration should be made for this content. Does the user need to see this to click on the result?
And the same goes for the last row. This section is not as prominent and aligned between two of the columns to make the table cleaner for the reader.