Oftentimes, beginning web developers won't include meta tags because they don't affect any contents on the webpage. However, including meta tags are vital, as search engine bots use them to crawl through webpages. Thus it's important to practice including meta tags, especially if you would like to direct organic traffic onto your webpage.
There are five main meta tags that you should know about.
As we just saw in setting up our HTML playground, the charset declares what character encoding your webpage is using. The most common charset value is UTF-8, which includes a plethora of characters outside the Roman alphabet.
<meta charset="utf-8" http-equiv="Content-Type" content="text/html">
The viewport meta setting tells the browser how content should fit on a device's screen. The following snippet tells that the browser to set the viewport (the visible size of the window) to the width of the device, with an initial scale of 1 (no zoom).
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
The description meta tag will describe the contents of your page
To apply a description alongside your page, insert the following meta tag:
The description written may show up on a Google search. For example, if I Google "vintage coins" a link to eBay shows up:
The "Shop huge inventory..." portion is the meta description for the page.
You may also specify keywords for search engines. To do so, simply write it as the value of the "content" attribute like so:
You may also write the author name.
<meta name="author" content="John Doe">
Great! That wraps it up for our introduction. Now let's learn how to apply actual content onto our HTML document!
Ever feel achy from sitting crunched up on your computer table? Try lying down with these optical glasses that allow you to work on your laptop while lying flat on your back. This is the perfect solution with those with limited mobility or those who wish to prevent neck cramps and back strains.$ Check price