Do you know to keep URLs clean?

Updated by Tiago Araújo [SSW] 27 days ago. See history

123

When you’re sending emails, or pinging someone in Teams, your URLs should be as clean as possible. Having no extra noise ensures that they are easy to read, and it is more aesthetically pleasing.
<asideEmbed
  variant="info"
  body={<>
    **Note:** URLs have become increasingly cluttered with the introduction of CampaignIDs (used to track customer activities and other information). When you're sharing the URLs, it is better to make them as clean and readable as possible... so delete everything after the question mark (including the CampaignID suffix).
  </>}
  figureEmbed={{
    preset: "default",
    figure: 'XXX',
    shouldDisplay: false
  }}
/>

## Tip #1 - Break a line before URLs

It is also a good idea to [break a line before an URL](/format-new-lines/#urls), improving its readability.

<emailEmbed
  from=""
  to="Bob"
  cc=""
  bcc=""
  subject="Purchase please - New hand dryer"
  body={<>
    ## Hi Bob

Here is the link to the new hand dryer that you wanted to see:

**Vortex Hand Dryer, Super Quiet motor, 3 Years Warranty** - $184
(no electrical installation required – plugs in – for the men's bathroom upstairs) <https://www.ozwashroom.com.au/hand-dryer-285?campaignid=1683143023&adgroupid=62945164502&keyword=&device=c&gclid=Cj0KCQjw--GFBhDeARIsACH_kdbAtHf_smGug0NCviYbZvW_9uGLXLT1LjheMQ-bpBOOtqcD5ln3Uz0aAjS6EALw_wcB>

Best,
Dave
  </>}
  figureEmbed={{
    preset: "badExample",
    figure: "Bad example - Dirty URL with superfluous information",
    shouldDisplay: true
  }}
/>

<emailEmbed
  from=""
  to="Bob"
  cc=""
  bcc=""
  subject="Purchase please - New hand dryer"
  body={<>
    ## Hi Bob

Here is the link to the new hand dryer that you wanted to see:

**Vortex Hand Dryer, Super Quiet motor, 3 Years Warranty** - $184
(no electrical installation required – plugs in – for the men's bathroom upstairs)
[ozwashroom.com.au/hand-dryer-285](https://www.ozwashroom.com.au/hand-dryer-285)

Best,
Dave
  </>}
  figureEmbed={{
    preset: "goodExample",
    figure: "Good example – Clean URL on a new line is easy to read and looks much better",
    shouldDisplay: true
  }}
/>

<asideEmbed
  variant="info"
  body={<>
    **Note:** Make sure to [place the URL on a new line](/format-new-lines/#urls) to reduce clutter and improve readability.
  </>}
  figureEmbed={{
    preset: "default",
    figure: 'XXX',
    shouldDisplay: false
  }}
/>

## Tip #2 - Remove "<https://www>."

For **presentations** and **videos** (i.e. (lower thirds](/video-editing-terms/#3-lower-third)), it's especially important to keep URLs cleaner. Remember to always remove `https://www.` from links. It keeps the slides cleaner and more readable.

<imageEmbed
  alt="Image"
  size="large"
  showBorder={false}
  figureEmbed={{
    preset: "badExample",
    figure: 'Bad example - Showing unnecessary extra noise "https://www."',
    shouldDisplay: true
  }}
  src="/uploads/rules/keep-your-urls-clean/ppt-urls-bad.png"
/>

<imageEmbed
  alt="Image"
  size="large"
  showBorder={false}
  figureEmbed={{
    preset: "goodExample",
    figure: 'Good example - Clean links in a presentation',
    shouldDisplay: true
  }}
  src="/uploads/rules/keep-your-urls-clean/ppt-urls-good.png"
/>