Download

Advanced Link Extension

Written by

in

Overview

The Advanced Link Extension enhances any WordPress block with clickable functionality, turning containers, images, and content blocks into interactive linked elements. Add rel attributes, download links, and advanced link behaviors without custom code.

Key Features

  • Make Any Block Clickable: Transform any block into a clickable link
  • Rel Attributes: Add nofollow, sponsored, ugc, and more
  • Download Links: Configure blocks to trigger file downloads
  • Target Options: Open in new tab, same tab, or specific frame
  • Click Tracking: Built-in analytics integration
  • Accessibility: Proper ARIA labels and keyboard navigation
  • SEO-Friendly: Proper link structure for search engines

How to Use

  1. Select any block (Group, Section, Image, etc.)
  2. Navigate to the Link tab in block settings
  3. Enable “Make this block clickable”
  4. Enter the destination URL
  5. Configure target and rel attributes
  6. Add optional aria-label for accessibility
  7. Save and test the link

Link Settings

Basic Settings

  • Link URL: Destination URL (internal or external)
  • Link Text: Alternative text for screen readers
  • ARIA Label: Descriptive label for accessibility

Target Options

  • Same Window (_self): Default, opens in current tab
  • New Window (_blank): Opens in new tab (adds security attributes automatically)
  • Parent Frame (_parent): Opens in parent frame
  • Top Frame (_top): Opens in topmost frame

Rel Attributes

  • nofollow: Tell search engines not to follow the link
  • sponsored: Mark paid or sponsored links
  • ugc: Mark user-generated content links
  • noopener: Security for external links (auto-added with _blank)
  • noreferrer: Do not send referrer information

Advanced Options

  • Download Attribute: Trigger file download instead of navigation
  • Custom File Name: Specify download filename
  • Track Clicks: Enable analytics tracking
  • Prevent Default: Custom JavaScript handling

Common Use Cases

  • Clickable Cards: Make entire card blocks link to detail pages
  • Feature Blocks: Link feature sections to relevant pages
  • Image Galleries: Make images link to full-size versions
  • Download Sections: Create clickable download areas
  • Call-to-Action Blocks: Turn entire sections into CTAs
  • Testimonials: Link to customer case studies
  • Team Members: Link to individual profile pages

Best Practices

  • Always provide descriptive ARIA labels for accessibility
  • Use noopener/noreferrer for external links opening in new tabs
  • Mark affiliate links with rel=”sponsored” for transparency
  • Ensure clickable areas are large enough for touch devices (min 44x44px)
  • Provide visual indication that block is clickable (hover effects)
  • Test keyboard navigation (Tab key and Enter)
  • Use rel=”nofollow” appropriately for SEO
  • Avoid making entire pages clickable – be specific

Accessibility Considerations

  • Add descriptive aria-label for screen reader users
  • Ensure sufficient color contrast for link indicators
  • Test with keyboard-only navigation
  • Provide focus states for clickable blocks
  • Use semantic HTML structure

SEO Best Practices

  • Use descriptive link text and ARIA labels
  • Apply rel=”nofollow” to paid or untrusted links
  • Use rel=”sponsored” for affiliate and paid links
  • Use rel=”ugc” for user-generated content
  • Avoid excessive internal linking
  • Ensure proper anchor text context

Security Notes

When using target=”_blank”, the extension automatically adds rel=”noopener noreferrer” to prevent security vulnerabilities. External links are sanitized to prevent XSS attacks.

Troubleshooting

  • Link not working: Check URL format, ensure https:// or https:// prefix
  • New tab not opening: Verify target=”_blank” setting
  • Download not triggering: Ensure file is hosted on same domain or CORS is configured
  • Accessibility warnings: Add proper ARIA labels

More posts