Programmatic SEO is a great growth hacking strategy where you create a large number of content pages that rank for long-tailed keywords on Google.
How to build a Programmatic SEO site with automated website screenshots using ScreenshotOne, Airtable, and Launchman
Programmatic SEO is a great growth hacking strategy where you create a large number of content pages that rank for long-tailed keywords on Google.
We will use Launchman to create Programmatic SEO pages from Airtable data and use ScreenshotOne to automate taking website screenshots, so we don’t have to do it manually one by one.
For my Programmatic SEO site, we’ll be hand-picking the best “SaaS Landing pages” and creating pages out of them for designers/developers to get inspired by; very similar to Landing Hunt (landing page examples).
We will start by adding shopify.com and other known brands, for example.
I prepared a simple Airtable that contains:
You can duplicate my data by importing this CSV into Airtable.
ScreenshotOne lets you take a screenshot by simply copy/pasting a URL into the browser. This is our secret sauce.
Test it out by taking a screenshot of the Google homepage. In your browser, type: https://api.screenshotone.com/take?access_key={{YOUR ACCESS KEY}}&url=https://google.com&device_scale_factor=1&format=jpg&cache=false
. Be sure to replace the {{YOUR ACCESS KEY}} with your Access Key from the last step.
If you see the Google screenshot as the response, you are good to go!
Airtable has an Attachment
field that can hold images per row. We will automatically download the screenshot image we get from ScreenshotOne and save it in that column.
CONCATENATE("https://api.screenshotone.com/take?access_key={{ACCESS_KEY}}&url=", Website, "&device_scale_factor=1&format=jpg&cache=false")
. And click Create.Create another column called “Image” which is an “Attachment”. This is where we will store the downloaded image.
On the top right, under Extensions, click “Add an extension”. Look for “Convert URLs to attachments” and click “Add script”.
Open the script and add:
Table as the current table
URL field - Image URL
Attachment field - Image
Click Run. You can safely close the script and watch the images get populated in the “Image” column.
If everything went correctly, you should see the Image column start to fill up with website screenshots for each row.
Launchman is a great no-code tool that helps you create Programmatic SEO pages quickly. You start by designing a page template and it takes care of applying Airtable data to it row by row and creating many pages from it.
Sign up for an account here.
Create a new site and create a new collection called “Landing Pages”.
Click on “Page Designer”.
Start by creating a title up top with a Text block that has the value:
# {{Name}} Landing Page
We can now add the screenshot with the Image block:
{{Image_0}}
This will bring in the website screenshots we took with ScreenshotOne.
A small description of the website is a nice to have. Add the value:
{{Description}}
[Visit URL ->]({{Website}})
Great! We have a pretty good looking page now.
Before we put the pages live, we should configure the slugs.
Click “Save”.
Your pages should now be published. Check them out by typing in your browser: <sitename>.launchman.page/landing-page/shopify
Amazing! You just created a Programmatic SEO website using ScreenshotOne, Launchman, and Airtable!
Interviews, tips, guides, industry best practices, and news.
It is not the first time that one of the ScreenshotOne users asked how to render screenshots in Google Sheets. I wrote a simple but complete tutorial once and for all.
Let's quickly record a video with Puppeteer and see what upsides and downsides the native Puppeteer method of screencasting has. And how they can be tackled.
Exhaustive documentation, ready SDKs, no-code tools, and other automation to help you render website screenshots and outsource all the boring work related to that to us.