Enforce SEO Friendly Page Name

Question

Hi Community Members,
In alignment with SEO best practices, our objective is to enforce specific constraints on the "Name" field within Page Properties. We intend to restrict authors to utilizing lowercase letters, numbers, and dashes exclusively.

Additionally, our goal is to prevent the inclusion of consecutive dashes within this field. This restriction applies to both automatically generated names and names manually entered for pages. How can we go about achieving this requirement?

Mahedi_Sabuj · Accepted Answer

I found an implementation using validation property to enforce the validation.

<pagename jcr:primaryType="nt:unstructured"
  sling:resourceType="granite/ui/components/coral/foundation/form/textfield"
  fieldLabel="Name"
  name="pageName"
  validation="seo.pagename"/>

(function($, Coral) {
  "use strict";
  var registry = $(window).adaptTo("foundation-registry");
  registry.register("foundation.validation.validator", {
    selector: "[data-validation=seo.pagename]",
    validate: function(element) {
      let value = $(element).val();
      // validate name here 
      if(!valid) {
        return "Error Message";
      }  
    }
  });
})(jQuery, Coral);

EstebanBustamante · Answer

If the scope is limited to the page name only, I think you could just add a JS validation function that can check the rules you need prior to creating or renaming a page.

See more about validation here (just make sure to target the proper clientlibs group):

https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager/touch-ui-dialog-regex-validation-of-dialog-field-aem-6-5/m-p/307660

https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager/custom-validation-for-dialog-field-touch-ui/m-p/274114

Sign up

Login with SSO

Login to the community

Login with SSO

Scanning file for viruses.

This file cannot be downloaded