Decode Common Special Characters in Meta Titles of Shopify Products of Pages

Often when we use special characters in meta title like &, “”. ™, > or other is shows in title like this: &amp, &trade, &#39 etc so that does not look good. To resolve those:

1. Go to edit theme code > Find the seo title snippet it can in in theme.liquid or most of the times it has separate section with name: seo-title.liquid in snippets:

2- Edit that file and replace <title>{{ page_title }}</title>  with the code below:
<title>{{ page_title
    | replace: '&amp;', '&'
    | replace: '&quot;', '"'
    | replace: '&apos;', "'"
    | replace: '&#39;', "'"
    | replace: '&lt;', '<'
    | replace: '&gt;', '>'
    | replace: '&nbsp;', ' '
    | replace: '&cent;', '¢'
    | replace: '&pound;', '£'
    | replace: '&yen;', 'Â¥'
    | replace: '&euro;', '€'
    | replace: '&copy;', '(c)'
    | replace: '&reg;', '(r)'
    | replace: '&trade;', 'TM'
    | replace: '&deg;', '°'
    | replace: '&sect;', '§'
    | replace: '&hellip;', '...'
    | replace: '&mdash;', '--'
    | replace: '&ndash;', '-'
    | replace: '&plusmn;', '±'
    | replace: '&sup1;', '¹'
    | replace: '&sup2;', '²'
    | replace: '&sup3;', '³'
  }}</title>