An SEO component is a great way to provide content authors with the basic SEO elements every website page should have.
After reading this article, you'll have a clearly defined SEO component that you can use for your Contentful website pages.
Here are 6 Contentful fields that should be in your SEO component:
Page Title 📕 - Short text
This can be setup to display inside of the HTML title tag on your page:
<title>Page title here</title>
For context, the HTML title tag is supposed to be a brief description of a website page's content.
Page Description ✍️ - Long text
This is what Google will display when your page is shown in search results.
<meta name="description" content="Page description here">
Featured/OG Image 🖼️ - Media
You can use this image to set an Open Graph and featured Twitter image for your page:
<meta property="og:image" content="image url from Contentful response" /> <meta name="twitter:image" content="image url from Contentful response" />
Robots tag 🤖 - Short Text
This will tell search engines to follow or not follow your page. To this field, you can add the following options:
FOLLOW – Follow the links on this page.
INDEX – Tells the search engine to index this page. This will enable your page to be shown in search engine results.
NOFOLLOW – Do not follow the links on this page. If you don't specify this directive, search engines may use the links on the page to discover those linked pages.
NOINDEX – Do not show this page in search results. If you don't specify this directive, the page may be indexed and shown in search results.
Canonical URL 🔗 - Short text
Some website pages have similar content that live at different URLs (like a page with mobile and desktop versions that live at different URLs). This is to specify the URL a search engine which URL it should crawl.
<link rel="canonical" href="URL from Contentful response"/>
Schema.org code 🧬 - JSON object
JSON-LD helps search engines read the data on your page and display it in search results in a more meaningful way.
<script type="application/ld+json"> // JSON from Contentful </script>
What if there was a process you could follow to make Contentful successful for your team specifically?
It's called the Waterfall method.
Teams I've worked with that follow this process were far more likely to set up a successful Contentful project than those who didn't.
Why? Because the process uses your current challenges to inform a vision their entire team can work towards, and make Contentful the tool to pull it all together.