Vertical bar in browser tab

I want fix to this problem:
In my wordpress site, there is a Vertical bar ‘ | ‘ that appears in the browser tab beside the name of the page (this issue exists in all my website pages).

For an example: if the page name called; Blog, So it will appear in the browser tab as following: ‘ Blog | ‘

So how to fix that problem?

Another issue: I have my own homepage and its name is not appeared in the browser.

For an example: the homepage is named as Home, So in the browser tab, the name is not written, I don’t know why! + the first issue, so it what is written in the browser tab beside the favicon is just the vertical bar
So how to fix that problem?

The page I need help with: [log in to see the link]