Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

HTML

What are the essential META tags I should be using in every project?

I know there are many different opinions on this subject so please try to keep answers as "fact-based" as possible. Thanks!!

2 Answers

Dane Parchment
MOD
Dane Parchment
Treehouse Moderator 11,075 Points

Here are the Meta tags that I use for my professional work, and why I use them:

The description meta tag is great for describing your site to the search engine which is great for SEO (search engine optimization) and for the visually impaired as screen readers will read this out to them. It is also the description that is shown underneath the url displayed in a search engine.

<meta name="description" content="This is a simple website about cats">

The keyword meta tag is great for SEO because when a user types in one of these keywords, they may find your site, you should change the keywords for each page though, and make sure they are specific!

<meta name="keywords" content="cats, feeding cats, funny cats">

The viewport meta tag is essential for any site that utilizes responsive design because it ensures the layout of the site will be set to a scale of 1:1 for their current device. Which is great for setting up the proper layout for them.

<meta name="viewport" content="initial-scale=1">

Finally the title tag (though not an actual meta tag) is useful for displaying the name of current page to the user, and is great for both the visually impaired (for screen readers) and the SEO for better website ranking.

<title>Homepage | Basic Website</title>

Well those are the meta tags that I at least believe are essential, I recommend you look up the meta tags and determine for yourself what you believe needs to be on your site! Good luck and have fun coding!

Thanks a lot!! How do you feel about adding the charset="Utf-8" tag?

Dane Parchment
Dane Parchment
Treehouse Moderator 11,075 Points

Well in my opinion utf-8 is already a standard, but it never hurts to add the tag anyway.