Learn Rich Snippets in 3 Steps: Most Effective Technical SEO (Part 2)

Last episode covered what rich snippets are, why they're important, and how to use them. If you haven't seen it:

Most Effective Technical SEO: Rich Snippets (Part 1)

This episode demonstrates how to add rich snippets to your site.

Theory: HTML, JSON-LD?

Don't worry, I don't fully understand either. And we don't need to! Remember I said no coding experience needed? I meant it.

But we should know the basics. Like you, I'm not a professional coder, but that's fine—I'll explain in human terms. (But it's actually important for SEO and website optimization, so interested folks can learn frontend basics.)

HTML is one of the frontend languages. It's the foundation of all website content. Every text and image you see is implemented with HTML.

For example, Shopify's content editor lets us switch to HTML mode. As non-coder site owners, we can easily use visual editors to input content, bold, italicize, add links, etc.—all mapped to HTML.

JSON-LD is a script language based on JavaScript. We mainly use it for rich snippets.

3 Steps to Implement Rich Snippets!

If you understand the principle, you know we just need to add JSON-LD code in the HTML editor, right?

But I don't know coding! How do I write it?

Don't worry, there are many tools to help!

Recommended code generator: https://technicalseo.com/tools/schema-markup-generator/

Three simple steps:

1) Select your rich snippet type.

2) Copy and paste your content.

3) Copy the generated code to your HTML editor.

Done!

Now test with the rich results testing tool!