Programmatic SEO in Webflow

Hey there folks and welcome to my kitchen where we are about to cook up something hot and spicy! No, not a gummy meal, but an exciting journey into the world of programmatic SEO! So first, grab your apron because we're about to stir things up by looking at our website moonbit.ai and how we use PSEO leveraging tools like Airtable, Webflow, and WhaleSync. Let's turn up the heat, bring out the SEO ingredients, and let's get this party boiling!

Before we start, let's define what programmatic SEO is in simple terms. It is publishing on a large scale a multitude of blog posts and landing pages. By doing so, you have the ability to rank for keywords as well as long-tail keywords. One famous example is Nomad List, run by the solopreneur Pieta Levels. If you search on Google for "best places to live in Asia," you will see Nomad List appearing in the results, showcasing rankings for different cities. If you click for more details, you get extensive information regarding each city, all programmatically generated to boost SEO for Nomad List.

Now, let's dive into how we implemented this for Moonbit!

We are starting here at our new landing page, which is the Crypto Tax Overview of Moonbit.ai. We literally just published this yesterday on Webflow after spending most of the week assembling our programmatic SEO database and publishing it on Webflow. We created text overviews for more than 50 countries, ranging from A to Vietnam! What’s impressive is that we did not manually enter this data into Webflow; instead, we imported it! I’ll show you how in a moment.

If you check the details for Mongolia, you will first notice a call to action on top to capture attention. As you scroll down, you'll find the tax overview for Mongolia featuring succinct information gathered from various sources, alongside helpful links and a disclaimer. We intended to display only the next three countries on the list below, but due to some complications with Webflow, I ended up incorporating the entire database on each of these pages. This approach helps in establishing numerous internal links, thereby enhancing our SEO authority.

For each country, we have specific overviews with varying details. Now, to craft this summary, we leveraged ChatGPT. We provided it with diverse sources and obtained succinct summaries for different countries.

So how did we achieve this?

I structured an Airtable base that looks somewhat like this:

  • Text lists in a grid view.
  • Only one view was created to keep things simple.

In Webflow, we established one CMS collection. Here, you’ll see the various countries listed along with their sources. For each country, we had an overview filled with specific details, utilizing rich text formatting for clarity. Each description was limited to about 100 characters to maintain uniformity and conciseness.

The trick to generating meta titles and descriptions was straightforward. For meta titles, I simply incorporated the country’s name with “Crypto Tax Overview.” Initially, I faced hurdles while exporting the meta titles and descriptions from Airtable, having made adjustments several times along the way. Ultimately, this entire table came together from Tuesday to Thursday, culminating in a smooth launch.

Initially, my plan was to download this Airtable table as a CSV file and import it directly to Webflow. However, upon realizing that the rich text formatting was stripped upon export, I decided against this approach. The challenge was that copying the formatted text into Webflow also messed up the layout, leaving me with no practical option.

The solution I discovered was called WhaleSync. This tool allows you to sync your applications seamlessly. By connecting Airtable and Webflow, any changes made in either application reflect automatically.

The pricing for WhaleSync might seem a bit steep at $39 per month or $79 for startups, but they offer a 14-day free trial, which I utilized initially. Setting up WhaleSync was a breeze! You simply create a new base, connect Airtable to your Webflow project, and then map your tables.

Once the fields were synced, everything was ready to go. Publishing the empty collection in Webflow for the first time was crucial; otherwise, WhaleSync couldn’t establish the connection between Airtable and Webflow.

After resolving this hiccup, the process became seamless! I began adding information to my Airtable, which instantly synced to WhaleSync and subsequently to our Webflow collection. This is how the current content on our website featuring Crypto Tax Rates came into existence!

In closing, while you can still opt for the traditional CSV import, just bear in mind the rich format editing limitations in Airtable. Choosing WhaleSync or alternatives like Sapia can streamline your process significantly, especially if you need robust integrations without complications.

If you enjoyed this little exploration into programmatic SEO and the tools we use, don’t forget to like and subscribe! If you have any questions or comments, please let me know below!