Search Engine Optimization (SEO) improves your website’s ranking on Search Engine Results Pages (SERPs). An exceptional SEO strategy can attract customer traffic and provide growth in revenue and sales. Let us look at some of the SEO best practices that you can implement with Contentstack to improve your site’s visibility on a search engine.
Meta description and title tags provide a brief introduction to your website. This introductory content comes up on a Search Engine Results Page (SERP) when a customer’s search criteria match keywords in your website’s metadata.
Title tags and meta descriptions are pieces of HTML code placed within the header tag of a web page.
Let us look at how you can assign appropriate meta description and title tags to your webpage with Contentstack.
While defining the structure of your Contentstack website, perform the following steps:
This will make sure you have relevant metadata in place when you decide to publish content to your website.
Perform the following steps to add SEO related tags to your website code:
<meta name="title" content="an appropriate title for your website content">
This code assigns a title to your meta tag.
<meta name="description" content="appropriate description for your website content.">
This code assigns description details to your meta tag.
This code will make sure that the necessary SEO calls fetch and display appropriate metadata on your website.
Displaying images is the best way to explain a certain feature of your company’s software. The images provide a direct view of the steps being performed while a user makes use of that particular feature.
Alt text appears in place of an image on a website if the image fails to load on a user's screen. Sometimes, this alternate text helps provide information about an image while the image loads on the screen. This helps improve SEO ranking as search engines find it easy to crawl the web and visit your website’s links.
Contentstack also uses alt text to provide information about the images uploaded to our website. Follow the below steps to add alt text to images within Contentstack:
If you happen to change the URL of any already-published entry, it is recommended that you redirect the previous URL to the newer one. This is considered as an appropriate SEO best practice as users trying to visit the older link to the website will be automatically taken to the newer link, instead of seeing a ‘Page not found’ error.
Let’s learn how to manage URL redirects using your Contentstack-powered websites.
You need to create a separate content type to manage the redirection of the changed URLs.
If you change the URL of any published entry, perform the following steps to manage URL redirects:
Now, if any user visits the old URL, he/she will be redirected to the new URL automatically.
Broken links can affect your website in the following ways:
Contentstack uses the Xenu tool for finding broken links on the website. This tool is available online for free. It connects to your website and checks for broken links by crawling through webpages just like any search engine would.
You can use the following link to download the application:
A canonical tag specifies to the search engine that a particular URL is actually a master copy of a specific page. This tag indicates which version of a specific URL should be displayed in the search results that a search engine derives.
Using the canonical tag helps avoid duplicate content being placed on multiple URLs. This helps the search engine easily crawl the Web and pick out the URL you have mentioned in the canonical tag to browse through your website. Easy navigation enables better SEO rankings.
Let us consider a sample website which can be reached through all of the following links:
A search engine will consider every single one of these URLs as a unique webpage. However, they are five similar copies of the homepage. Here, setting a canonical tag that points to a specific URL (e.g. https://www.samplesite.com) will tell the search engine to include just that URL in the search results.
When setting up the code for your website on Contentstack, add the following line of code inside the header tag in HTML:
<link rel="canonical" href="your preferred website address">
You can add the version of your website address that needs to be displayed on the search results page here.
A sitemap provides a list of all the important URLs that exist on your website. The sitemap forms a roadmap that Google’s search engine can follow to crawl to a particular URL link on your website.
The use of sitemap benefits organizations that have websites:
By providing a list of all the important webpages on a sitemap, you indicate to a search engine that these are appropriate landing pages on your website. The sitemap then provides an easily accessible index for the search engine to intelligently traverse through your website. This provides better on-site SEO.
You can use service providers such as Google’s online XML sitemap generator service to make use of sitemaps with Contentstack. These sitemaps are normally stored within a file named sitemap-index.xml.
You can also create a plugin that autogenerates the sitemap-index.xml file when a particular entry on your Contentstack website is published.
High-quality content attracts search engines and visitors to your website. Visitors prefer crisp and engaging content that sticks to the main topic that your website is all about. Users are able to find relevant content and may end up visiting related sections of your site too.
Content that promotes good onsite-SEO should contain the following attributes:
When search engines can easily crawl to a particular website URL, onsite-SEO rankings improve. Search engine friendly URLs provide users with an appropriate path to their desired destination.
Let us see how URLs can be optimized for SEO.
It is a good practice to include keywords that tell crawlers what the webpage is about in the URL. When you include the most relevant term alongside the root domain of the website URL, this helps search engines direct the right traffic to your site.
Consider a website with the URL https://example.com/headlesscms. Here, the keyword headlesscms specifies what the webpage is about.
An SEO-friendly URL should flow logically from the root domain to categories and sub-categories. This hierarchy will allow search engines and users to crawl through your website with ease.
Consider the following URLs:
The first URL is SEO-friendly as it provides smooth flow towards the CMS. While the second URL confuses users with its inappropriate categorization.
Here are a few more practices that help maintain SEO-friendly URLs on your website:
It is a good practice to optimize the header tags on your website for better user experience and onsite-SEO. Use of SEO-friendly headlines makes your content easier to browse through and improves SEO ranking for your website.
Let us take a look at some best practices to be followed while using header tags for your website.
An H1 tag provides the largest headline available on your webpage. This tag usually represents the title of your webpage or other significant content that should stand out from the remaining data on the webpage.
It is considered as a best practice to use only one H1 tag for your webpage as more than one titles would confuse visitors that scan through your website.
For example, the Contentstack website follows the same ideology on the following webpage: https://www.contentstack.com/. The webpage maintains “Industry Leader in Headless CMS” as the sole H1 tag, providing better readability for its visitors.
Use of a single header tag enhances user experience and improves SEO rankings for the website.
The header tags shape the content on your website and provide appropriate context for the data present on your webpage. To provide appropriate flow of information on your website, you can use different header tags to structure your content.
Let us take a look at the different types of header tags:
For example, the H1 tag would form the title of your blog post, while the tags ranging from H2 to H6 would form the subsequent sub-headings inside your blog post.
The Robots.txt file is a text file that indicates to search engines which webpages on the website to crawl and which not to crawl. Before a search engine visits a site, it will first go through the Robots.txt file for directions.
Let’s consider the following basic content block that lies within the Robots.txt file:
User-agent: * Disallow: /
Here, the asterisk refers to all the search engines or visitors that crawl the website while the slash indicates to the visitors that they should avoid visiting that particular website.
Any search engine that crawls your website will crawl through all the webpages displayed on your website. However, crawling through so many webpages can take a lot of time and affect SEO rankings for your website.
This negative ranking depends on the “crawl budget” that Googlebot assigns to your website. The crawl budget represents the number of URLs on your website that Googlebot decides to crawl through. Learn more about crawl budgets here.
Now, this is where the Robots.txt file comes in handy. To help Googlebot or any other search engine crawl the most important webpages on your website, you can mention the important URLs within the Robots.txt file. This helps improve SEO rankings for your website.
Let’s consider a scenario where we have placed content for a particular blog post within the Contentstack CMS. Here, we have placed the content, however, it is supposed to be published to the website at a later time.
To avoid the blog getting published at an earlier time, the developer includes the link for this blog post within the Robots.txt file. This means that the blog post entry will be skipped whenever any other content is sent for publishing.