# Search Engine Optimization How to access on Fynd Commerce Commerce Panel → Sales Channel (select application) → Content → SEO ## Introduction Search Engine Optimization, abbreviated as SEO, is the process of making a website show up on web search results. A website needs to be optimized continuously for it to appear in the organic rankings of a search engine, such as Google. The better the quality of a website, the higher the ranking. br In this document, you will learn about the following SEO options Robots.txt → Custom Tags → Application Details → Self Canonical Tags → Sitemaps → Schema ## Robots.txt Search engines such as Google, Bing, Yahoo, and many more use crawlers (a program or script) to find web pages that are new, old, and modified. These crawlers read the content of the pages and accordingly create entries for the search engine index. Robots.txt is a file that instructs the crawlers which resources to read, and which ones to ignore. A typical robots.txt looks like this: ![QG1](https://cdn.pixelbin.io/doc/original/searchlight/platform-panel/settings/general/seo/2.png) center em Figure 2: Sample Robots.txt File br **Case 1**: If you want all the crawlers to visit all the resources on your website. ```js User-agent: * Allow: / ``` **Case 2**: If you want only one crawler (say Googlebot) to visit all the resources. ```js User-agent: Googlebot Allow: / ``` **Case 3**: If you don't want a specific crawler (say LinkedInBot) to visit a specific resource (say /photos/). ```js User-agent: LinkedInBot Disallow: /photos/ ``` **Case 4**: If you don't want crawlers to access any resource. ```js User-agent: * Disallow: / ``` ### Recommended Sample Code This is the recommended Robots.txt content for your website. ``` User-agent: * Disallow: /dashboard/ Disallow: /order/ Disallow: /address_book/ Disallow: /return/ Disallow: /wishlist/ Disallow: /cart/ Disallow: /checkout/ Disallow: /thankyou/ Sitemap: https://www.yourwebsite.com/sitemap.xml User-agent: Googlebot Disallow: User-agent: Googlebot-image Disallow: ``` You can specify permissions (allow/disallow) for more than one user-agent (crawler) in the robots.txt file. ## Custom Tags You can create tags that describe the content of a page. Unlike other tags, the custom tags appear only in the source code of the web page. For example, Facebook seeks a domain verification before linking ads to your website. It provides a custom tag to add within the **``** section of your page's source code. For doing this, you can refer the below steps. 1. Click **Add New Meta Tag**. ![QG1](https://cdn.pixelbin.io/doc/original/searchlight/platform-panel/settings/general/seo/3.png) center em Figure 3: Creating A Custom Tag br 1. Enter any name and paste the tag provided by Facebook. 1. Click **Save** Similarly, you can add custom tags to specify the character set, SEO keywords, and many more. Example [Click here](/commerce/docs/miscellaneous/google-verification) to learn how you can use custom meta tags to get your site verified by Google. ## Application Details In Fynd Commerce , you can add a title and description within **Application Details**. Search engines will show the meta title and meta description of your website when people search for your website. ![QG1](https://cdn.pixelbin.io/doc/original/searchlight/platform-panel/settings/general/seo/5.png) center em Figure 5: Adding Title And Description br * **Meta title** Whether a user clicks your website or not, depends on how you have constructed the title of your website. Therefore, it should be written by keeping the user's perspective in mind. You can generate the meta title using AI by clicking on the generate or generate using custom keyword button. * **Meta description** Search engines may define their own meta description for your website. To avoid this, you should write a meta description that includes all the relevant keywords and the purpose of your website. You can generate the meta description using AI by clicking on the generate or generate using custom keyword button. No matter how long the title and description is, search engines will show only upto 50-60 characters of the title, and 155-160 characters of the description in the search results. Therefore, you should consider adding the most relevant keywords in the beginning. ## Self Canonical Tags In SEO, canonical tags are used to mark or point the preferred version of a website page when there are different versions of that page accessible through different URLs. As the name suggests, a self-canonical tag is the tag that points to itself, implying that a particular page is the preferred version of itself, despite it may be accessible through different URLs. Example, suppose you have a product page on your website that can be accessed through multiple URLs, such as: * `https://pc.fyndstore.co/product/black-tapered-pant` * `https://pc.fyndstore.co/category/trackpants/product/black-tapered-pant` * `https://pc.fyndstore.co/product/black-tapered-pant?source=google` Upon enabling self-canonical tags as shown below, a canonical tag will be added to HTML code of that page (Refer Figure 7). It gives suggestion to search engines that the page at `https://pc.fyndstore.co/product/black-tapered-pant` is the preferred version, although it may be accessible through different URLs. ![QG1](https://cdn.pixelbin.io/v2/doc/original/searchlight/platform-panel/settings/general/seo/canonical-tag-added.png) center em Figure 7: Self Canonical Tag Added br Learn more about Canonical Tags. ## Sitemap A sitemap is a structured file that lists all the important pages of a website, ensuring that search engines can find and crawl them efficiently. Search engines like Google primarily discover web pages through links. By providing a sitemap file in XML format, webmasters assist search engines in better understanding the site structure. This can improve crawling accuracy and speed, enhancing the website's search engine visibility and indexing. ### Create a Custom Sitemap Do the following steps to create a custom sitemap: 1. Navigate to **Settings** → **SEO** → **Sitemap**. 2. In the upper-right side of the window, ensure that the Sitemaps Enabled toggle is enabled. This will activate the default sitemap functionality. 3. In the Sitemap XML Editor, enter content in the XML format. Content added in the custom sitemap will be integrated into the default sitemap and will not replace your default sitemap. ``` https://ajay-test.fynd.io/collection/collection-1 never 0.5 ``` Refer to the [Sitemap](https://www.sitemaps.org/protocol.html) for detailed guidelines on effective writing steps. 1. Click **Save** to update your sitemap after entering all necessary information and formatting it correctly. ![QG1](https://cdn.pixelbin.io/v2/doc/original/Schema/1_(1).png) center em Figure 11: Save Setting br NOTE: To check the content of your website's sitemap, add /sitemap.xml to your website's domain (for example https://yourdomain.com/sitemap.xml). The system will generate a custom sitemap named `custom.sitemap.xml` and index it to the main `sitemap.xml`. Example: `https://yourdomain.com/sitemap/custom.sitemap.xml` ![QG1](https://cdn.pixelbin.io/v2/doc/original/Schema/6.png) center em Figure 12: Sitemap Example br ## Schema Schema is structured data that search engines use to read and understand the content on your page. It allows the merchant to use JSON-LD schema at the application level to improve search results and visibility. JSON-LD is an on-page markup that helps Google and other crawlers understand the content of your web page. It consists of keys and values, making it easier for search engines to interpret and present your page in search results. By using the JSON-LD, you can enhance search results and visibility. ### Create a Schema Do the following steps to create a Schema: 1. In the left pane, navigate to the **Sales Channel** section and click on it. 2. Navigate to **Settings** → **SEO** → **Schema**. 3. Click **Create** to make a new schema or select the existing schema from the list to modify it. 4. Select the page from the dropdown where you want to create a schema. A schema will be created separately for every page. For example, we have selected Product. So, the Schema will be generated for the Product page only. The other pages will contain the default Schema value. 5. In the **Details** section on the right, enter a **Title** and **Description** for the schema. It defines the schema's purpose and content at a glance. 6. In the provided editors, enter content in JSON format. The **Edit Schema** page contains three editors, they are: 1. **Schema**: The Schema editor supports JSON and Mustache templates and is pre-populated with schemas for all listed storefront pages. You can customize these as needed to match your specific requirements. 2. **Example JSON**: This editor contains sample JSON data that helps you preview the final schema. This is useful for ensuring your schema is correctly structured before implementation. 3. **Preview**: The Preview editor allows you to visualize the JSON-LD schema that will appear once implemented. This is based on the data provided in both the **Schema** and **Example JSON** editors. Refer to [Product Schema](https://schema.org/Product) to learn more about Schema and JSON-LD. Refer to [Introduction to Mustache](https://www.baeldung.com/mustache) to learn more about Mustache. 7. Click **Save**. ### Check the Created Schema You can refer to any of the procedures given below and check the Schema that you have created: #### Google’s Rich Results Test It can be used to validate your schema markup and see if it is eligible for rich results in search. Do the following steps to check or validate a schema that you have created: 1. Go to the [Rich Results Test](https://search.google.com/test/rich-results). 2. Enter the URL of your created page or paste your schema markup code. 3. Click **Test URL** if you have entered the page URL. OR Click **Test Code** if you have pasted the Schema markup code. 4. Review the results. The tool will show you if your schema is valid and if it can generate rich results. It will also highlight any errors or warnings. #### Schema Markup Validator The **Schema Markup Validator** is a tool to check the correctness of your schema. Do the following steps to check or validate a schema that you have created: 1. Go to the [Schema Markup Validator](https://validator.schema.org/). 2. Enter the URL of your created page or paste your schema markup code. 3. Click **RUN TEST**. 4. Review the validation results for any errors or suggestions. ## Other SEO Options Click the following links to know more about: * [SEO for a product](/commerce/docs/manage-website/products#website-seo) * [SEO for a system page](/commerce/docs/manage-website/appearance/themes#adding-seo-information) * [SEO for a custom page](/commerce/docs/marketing/pages#adding-seo-information) * [SEO for a blog](/commerce/docs/marketing/blogs#adding-seo-information) * [SEO for a collection](/commerce/docs/marketing/collections#adding-seo-information)