Check out example codes for "html seo". It will help you in understanding the concepts better.

Code Example 1

<!--Title tags are usually used by search engines to determine the subject of a particular page and display it in SERPs. In HTML a title tag looks like that:-->
<title>Your Fantastic Title</title>
<!--Meta description is a short paragraph of text in the HTML <head> section of a page. It is usually displayed in a SERP snippet after website's title and URL. In HTML it looks like this:-->
<meta name="description" content="Your gorgeous description">
<!--Open Graph (OG) tags are additional meta tags in HTML <head> section of a page that allow any webpage to become a rich object in social networks. It was first introduced by Facebook in 2010 and further recognized by other major social media platforms (LinkedIn, Google+, etc.)-->
<meta name="og:title" property="og:title" content="Your Awesome Open Graph Title">
<!--A robots tag is an element in the HTML of a page that informs search engines which pages on your site should be indexed and which should not. Its functions are similar to robots.txt's. But it is generally used to prevent search engines from indexing individual pages, while robots.txt prevents them from indexing a whole site or any its part.-->
<meta name="robots" content="index, follow">
<!--When you have a few pages with identical content, you can use a canonical tag to tell search engines which page should be prioritized.-->
<link href="URL" rel="canonical">
<!--Header tags are the headings (h1-h6) you use to structure your page. In HTML a header tag may look like this:-->
<h1>Your irresistibly appealing heading</h1>
<!--The alt text attribute is a part of an image tag, and it provides a description for an image. In HTML it may look like this:-->
<img src="url" alt="Your clear-cut image description">

Learn ReactJs, React Native from akashmittal.com