The Editor Advanced Link Module

https://www.drupal.org/project/editor_advanced_link

Credits & Thanks

Thank you to:

SEO Training Camp: https://moz.com/learn/seo/title-tag

About the Editor Advanced Link Module

The Editor Advanced link module allows you to define title, class, id, target, and rel for links in CKEditor. This helps your SEO by placing more text information about each link on the page.

Install and Enable the Editor Advanced Link module

  1. Install the Editor Advanced Link module on your server. (See this section for more instructions on installing modules.)

    editor advanced link module installation
     
  2. Go to the Extend page: Click Manage > Extend (Coffee: “extend”) or visit https://yourDrupalsite.dev/admin/modules  in your browser.
     
  3. Select the checkbox next to Advanced Link.
     
  4. Click the Install button at the bottom of the page.

There are no separate permissions required for the Editor Advanced link module.

Configure text formats to use Editor Advanced link module

  1. Go to the Manage > Configuration > Content Authoring > Text Formats and Editors (Coffee: “text”) or visit https://yourDrupalsite.dev/admin/config/content/formats in your browser.

    editor advanced link module configuration screen
     
  2. Click the Configure button next to the first text type listed. This will take you to the configuration options page for that content type.
     
  3. Scroll down to the bottom of the page and find the vertical tab called Limit allowed HTML tags and correct faulty HTML. If that tab is not there, skip to step 6.

    editor advanced link module allowed html tags
     
  4. In the field called Allowed HTML tags look for the <a href hreflang> tag.
     
  5. Put your cursor at the end of that tag within the field, and add “title class id target rel”. It will end up looking something like this but could vary:

    <a href hreflang title class id target rel>
     
  6. Click the Save configuration at the bottom of the page.
     
  7. Repeat steps 1-5 for each of the text formats.
     
  8. After completing all text formats, make sure to click the Save button at the bottom of the Text and Format Editors page.

Using the Editor Advanced link module when adding links to your nodes

  1. Open an existing node and click the Edit tab or create a new node.
     
  2. Select the text to be linked and click the link image button in the editor menu bar.

    editor advanced link module in action
     
  3. Open the Advanced drop-down section.

    editor advanced link module add link pop p window
     
  4. There will be fields to add a Title, CSS classes, ID and Relation information along with a checkbox that will open the link in a new window. Fill in the appropriate fields as needed.
     
  5. Click the Save button to create the link and make sure to save your content.

 

Did you like this walkthrough? Please tell your friends about it!

facebook icon twitter social icon linkedin social icon