Why is meta description tag in google not showing HTML tags properly?

Question

I am writing articles about different HTML tags. Currently, my description tag looks like this:

Read about the HTML5 Tag.

but it should actually be:

Read about the HTML5 <iframe> Tag.

This is the content of my tag:

<meta name="description" content="Read about the HTML5 &lt;iframe&gt; Tag.">

Directly writing <iframe> will mess up the actual webpage. Is there anything that I can do to properly show the tag?

I have one more question, my title tag for different webpages goes like this:

HTML5 <iframe> Tag - Etc. Etc. Etc.

However, in the search results, google also adds my domain name at the end of the title even though it is not in the title tag. In search results, i get the following title:

HTML5 <iframe> Tag - Etc. Etc. Etc. - MyDomain.

The - MyDomain part is extra and should not be there.

Answer 1

... meta description tag in google

To be clear, the description that appears in the SERPs in just that, a "description", it's not "the meta description tag". Google will show the contents of the meta description in the SERPs if it closely matches what the user is searching for, or there is no other text on the page. However, Google will often dynamically generate the description that appears in the SERPs from whatever the user is searching for and the textual content on the page.

In fact, pages will often omit the meta description entirely these days since Google does a good (if not better) job of dynamically generating a description. And sometimes it's not easy for the author of the page to create a suitable meta description anyway. (It also doesn't affect ranking, just takes up a few extra bytes and takes time to maintain.)

Is there anything that I can do to properly show the tag?

You may just be unlucky. Google will certainly show text like <html-tag> in the SERPs. You just need to do a search for iframe to see this. However, none of these pages appear to use the text <iframe> in the meta description. In fact, some of these pages don't have a meta description tag (see above). Google is generating this description from the page text.

google also adds my domain name at the end of the title

It has often been suggested that this happens when your title tag is too short (eg. below the 55 char "optimum"), as closetnoc suggests in comments. This might well be part of it, however, this is certainly not the complete answer by any means, as there are plenty of short titles returned in the SERPs that don't have the domain appended to the end.

For example, currently, if I search for hello on Google I get the following page titles returned:

1. Hello Magazine (14 chars)
2. Adele - Hello - YouTube (23 chars)
3. HELLO! | Facebook (17 chars)
4. hello network (13 chars)
5. Hello (5 chars)
6. About - Hello (13 chars)

From that example it's difficult to see how the length of the title has anything to do with it?