Lagom WHMCS Client Theme Documentation
Docs v2.x
/ /website-builder/ /leased-bundle/ /extensions/ /module-integration/ /order-form/

# SEO Features

Welcome to the guide on the Lagom WHMCS Client Theme and its built-in SEO enhancements. With each new version, we strive to improve the SEO capabilities of our products, ensuring your website is not only aesthetically pleasing but also ranks well on search engines. This document outlines the various features we've implemented to enhance your site's SEO, as well as recommendations on how you can leverage these features to optimize the SEO of all your Lagom products. Read on to discover how you can make the most of these improvements to increase your online visibility.

# Build-in Features

Discover the seamless integration of built-in SEO features available by default in the Lagom WHMCS Client Theme. Enhance your site's visibility and search engine ranking effortlessly, with no need for additional configuration.

# Automatic Title and Description Generation

Default WHMCS themes do not provide accurate titles, for instance, when a customer visits:

  1. Announcements - all articles share a common title format: <title>Announcements - Lagom WHMCS Client Theme</title>
  2. Product Groups - every product group has an identical title: <title>Shopping Cart - Lagom WHMCS Client Theme</title>

Moreover, these pages lack meta description tags. That is why in Lagom WHMCS Client Theme we addresses these issues by automatically generating the necessary elements to boost your WHMCS site's SEO performance.

# Announcements

On visiting an announcements page, such as this demo (opens new window), our theme dynamically generate necessary code in <head> tag as shown below:

<title>[Article Title] - [Company Name]</title>
<meta name="description" content="[First 150 Characters]">
  • [Article Title] is replaced with the specific announcement's title.
  • [Company Name] is replaced with your WHMCS-configured company name (WHMCS docs (opens new window)).
  • [First 150 Characters] are taken from the announcement's description.

# Knowledgebase

Visiting a knowledgebase article, like this example (opens new window), generate necessary code in <head> tag as shown below:

<title>[Article Title] - [Company Name]</title>
<meta name="description" content="[First 150 Characters]">
  • [Article Title] is replaced with the knowledgebase article title.
  • [Company Name] and [First 150 Characters] follow the same replacement rules as in the Announcements section.

# Product Groups

Product page, such as the "Web Hosting" page in our demo (opens new window), generate necessary code in <head> tag as shown below:

<title>[Product Group Name] - [Company Name]</title>
<meta name="description" content="[Product Group Headline]">
  • [Product Group Name] is replaced with the specific name configured in the product group's management page (WHMCS docs (opens new window)).
  • [Company Name] and [Product Group Headline] follow the previously mentioned replacement rules.

# Canonical Attribute

By default, WHMCS does not automatically redirect links based on "Basic URL" to "Full Friendly URL". This means that if you initially used "Basic URL" and later switched your "Friendly URLs" (opens new window) setting in WHMCS to "Full Friendly URLs", automatic redirects will not be created. As a result, your SEO could suffer significantly due to duplicate content. To address this, we have added the rel="canonical" attribute, which helps indicate the preferred version of the URL to search engines, thereby preventing potential SEO issues. A detailed explanation is provided below.

# Why Use rel="canonical"?

When the same content is available under different URLs, search engines may treat each URL as a separate page. For example:

  • Basic URL: https://example.com/index.php?rp=/knowledgebase/5/How-do-I-use-cPanel.html
  • Full Friendly URL: https://example.com/knowledgebase/5/How-do-I-use-cPanel.html

Without a rel="canonical" tag, search engines might index both versions, leading to duplicate content problems. This can split the SEO value between URLs, making it harder for your content to rank well.

Using a rel="canonical" tag indicates the preferred version of the content, like this:

<link rel="canonical" href="https://example.com/knowledgebase/5/How-do-I-use-cPanel.html">

This tells search engines to treat the Full Friendly URL as the primary one, even if users access the page through the Basic URL. As a result, all SEO benefits are directed to the chosen version, improving your site's visibility.

# How It Works in Lagom WHMCS Client Theme

The canonical URL in the Lagom WHMCS Client Theme is automatically adjusted based on your WHMCS URL settings:

  • With "Full Friendly URL" enabled, the canonical tag will always point to the Full Friendly URL.
  • With "Basic URL" enabled, the canonical tag will point to the Basic URL.

This means that regardless of how users access a page, search engines will see a consistent URL, avoiding duplicate content issues and ensuring better SEO.

# Example of Canonical Tag

If you enable "Full Friendly URL" in WHMCS, the canonical tag would look like this:

<link rel="canonical" href="https://example.com/knowledgebase/5/How-do-I-use-cPanel.html">

Even if someone visits the page using the Basic URL (index.php?rp=/...), the tag will still point to the Full Friendly URL. This consistency is essential for avoiding duplicate content and ensuring that search engines focus on indexing the correct version of the page.

# Integration with European Accessibility Act

With the introduction of compatibility with the European Accessibility Act (EAA), which offers significantly improved accessibility for all users. This update enables full keyboard navigation, enhanced support for screen readers, and improved visual contrast to support users with visual impairments.

As part of these enhancements, we have also implemented additional semantic labels and accessible element names, which not only improve the overall user experience but also contribute to better SEO by making your content more accessible to users with disabilities.

You can learn more about the introduced improvements in our blog post here.

# Optional SEO Features

Easily tailor your website's SEO strategy with customizable SEO features in the Lagom WHMCS Client Theme. Available through the theme's management addon, these settings allow you to enable or disable specific SEO functionalities as per your requirements, ensuring optimal performance and alignment with your website's objectives.

In today's digital age, creating a website that caters to a global audience is more crucial than ever. One key aspect of achieving this with WHMCS is through the implementation of alternate links with hreflang attributes. These links play a pivotal role in telling search engines like Google about the existence of content available in multiple languages or regional variations. This not only enhances user experience but also significantly improves your site's SEO for international audiences.

# Understanding rel="alternate" and hreflang Attributes

The rel="alternate" tag in combination with the hreflang attribute is used within the <link> element in the <head> section of an HTML code of Lagom WHMCS CLient Theme. It signals to search engines that an alternate version of the content is available in a different language or region. This is especially important for websites that have the same content translated into multiple languages or tailored for different locales.

For example, consider the following code snippets that could be part of a website's HTML head section:

<link rel="alternate" hreflang="en" href="https://demo.rsstudio.net/lagom/knowledgebase/5/How-do-I-use-cPanel.html/?language=english">
<link rel="alternate" hreflang="fr" href="https://demo.rsstudio.net/lagom/knowledgebase/5/How-do-I-use-cPanel.html/?language=french">
<link rel="alternate" hreflang="es" href="https://demo.rsstudio.net/lagom/knowledgebase/5/How-do-I-use-cPanel.html/?language=spanish">

Each link element specifies an alternate version of the webpage in a different language, designated by the hreflang attribute ("en" for English, "fr" for French, and "es" for Spanish). The href attribute contains the URL of the translated or region-specific version of the page.

# Understanding x-default Attribute

For websites available in multiple languages or regions, the x-default tag indicates the default version of the page that should be shown to users when no specific language preference is detected. In the Lagom WHMCS Client Theme, the x-default tag is automatically generated based on the "Default Language" setting in the WHMCS system. This ensures that users who do not have a preferred language set will see the page in the main language of the site.

Here is an example of how the x-default tag might appear in the HTML code of a webpage:

<link rel="alternate" hreflang="x-default" href="https://demo.rsstudio.net/lagom/?language=english">

In this example, the x-default link points to the English version of the site because English is set as the default language in the WHMCS system settings.

# How Does x-default Work?

The x-default tag tells search engines that the specified link is the default version of the page for users whose language preferences are unknown. This could include visitors from various countries who do not have a specific language or region set. Using x-default helps improve the accessibility of your content and ensures consistent search results worldwide.

Google's search engine uses these annotations to serve the correct language or regional URL in search results. When a user searches in Google, the search engine identifies the user's language preference either from their settings, browser language, or based on the language of the search query. Google then attempts to match this preference with one of the available hreflang versions of the content and presents the most relevant version in the search results.

In cases where no specific language preference is detected, the x-default attribute comes into play. The x-default tag is used to signal to search engines that a particular version of the page is the default for users without a specific language or regional setting. This helps direct these users to the default language or main version of the content, ensuring a consistent user experience.

Adding the x-default tag alongside your other hreflang annotations further improves how search engines serve your content worldwide, providing a fallback option when a user's preferred language is not specified.

# Benefits of Using rel="alternate" and hreflang Tags

  1. Improved SEO: Properly implemented hreflang tags, along with the x-default attribute, help improve your website's SEO by clearly indicating to search engines the intended audience for each version of your content. This prevents potential issues with duplicate content and ensures that the correct page is indexed for the right audience.
  2. Enhanced User Experience: Users are more likely to engage with content that is presented in their preferred language. By directing users to the most appropriate version of your site, including a default version when no language preference is detected, you can significantly improve user satisfaction and reduce bounce rates.
  3. Increased Global Reach: With hreflang annotations and the x-default attribute, you can more effectively target specific regions or language-speaking audiences, while also providing a fallback for users without specific preferences. This makes your content more accessible and relevant on a global scale.

Enabling "Alternate Links" generation in the Lagom WHMCS Client Theme is incredibly straightforward. All you need to do is click a single button, and you are all set. For more detailed instructions, please refer to the "Settings" documentation article.

# Page SEO Tags

Search Engine Optimization is an essential strategy for enhancing the visibility and performance of websites in search engine results pages. A strong SEO foundation not only makes your site more visible to potential customers but also contributes significantly to the user experience and usability of a website.

SEO involves optimizing various components of your website, including content, technical setup, and link building, to meet the requirements of search engines like Google. The main goal is to improve the rankings of your website so that it appears closer to the top positions for searches related to your products or services.

# Why is SEO Important for Websites?

  1. Increased Visibility: The higher your website ranks in search results, the more likely it is to be visited by users. SEO helps to increase organic (non-paid) search engine traffic, which can lead to increased visibility and recognition for your brand.

  2. Credibility and Trust: Websites that appear higher in search results are often perceived as more trustworthy and credible by users. Investing in SEO can help to establish your site as an authority in your field.

  3. Better User Experience: SEO isn't just about search engines; it is also about providing a great experience for your website visitors. Optimized sites are more user-friendly, faster, and easier to navigate, contributing to higher engagement rates.

  4. Increased Engagement and Conversion: A well-optimized website attracts quality visitors with a higher likelihood of converting into customers, subscribers, or loyal visitors.

# Expanding SEO Features in Lagom WHMCS Client Theme

With the introduction of basic SEO tag management in version 2.0.0 of the Lagom WHMCS Client Theme, you gain greater control over how your website communicates with search engines. The ability to customize the Title, Description, and Social Image tags for your pages is a fundamental aspect of SEO. These tags play a crucial role in how your content is displayed in search results and when shared on social media platforms.

The Title tag is one of the most critical SEO elements, as it directly impacts click-through rates and how your site is indexed. The Description tag, while not directly affecting rankings, influences user decision-making by providing a concise summary of the page content in search results. The Social Image tag enhances the visual appeal when your pages are shared on social platforms, encouraging more clicks and engagement.

For dynamically generated pages like Product Groups, Announcements, Downloads, and Knowledgebase, the theme automatically generates SEO tags to ensure consistency and optimization across your site, as detailed in the "Automatic Title and Description Generation" section of our documentation.

Utilizing the "SEO Manager" feature to meticulously fill out all necessary SEO tags for your WHMCS pages can lead to better search engine rankings. By prioritizing SEO within your online strategy, you can achieve a competitive edge, attract more targeted traffic, and ultimately increase your sales and customer base.

← Common Problems →