Intro to HTML: Keywords

Keyword meta tags provide search engines with information about your content. Keywords are basically the main topics covered on your web page.

At the bottom of this page there is a code editor pre-loaded with the lesson's code.
Quick Copy Boxes

Keyword Meta Tag


  
<head>
    <meta name='keywords' content='keyword1,keyword2,keyword3'>
    <title>Page Title</title>
</head>

<head> Head element starts
  <meta name='keywords' content='keyword1,keyword2,keyword3'> Keyword meta tag: main topics covered on page
  <title>Page Title</title> Title element (<head> must include title)
</head> Head element ends


Keyword Meta Tag Breakdown

  
  <meta name='keywords' content='keyword'> 
            

<meta starts meta tag
name='keywords' 'keywords' is set as the name attrubute for a keyword meta tag
content='keyword' The content attribute is set equal to the actual keywords. Your keywords will usually be words that also appear on your page. They should be words that describe main topics in your content. Keywords are seperated by commas. You should have no more than 20, but most of your pages will probably have less. You shouldn't try to push out as many as possible. Instead, think of words that accurately repersent the information you are providing.
> ends tag


Meta Tag Example

✶ You are a front-end developer and SEO specialist. One of your clients is a company called "Alien Games". They sell video games and gaming related equiptment. For SEO, Alien Games maintains a blog about gaming and the gaming industry. It is common for compaies to use blogs to draw more people to the company website.
✶ You determine that due to its popularity, the content writer should write a Minecraft blog article.
✶ You have to provide the content writer with the keywords and the title. Once she recieves that information, she can write the blog article.

The page title is also important to SEO, as it tells search engines what your content is about. SEO specialists put a lot of thought and research into determining the best Title and keywords to maximize page visits. For our purposes, let's just come up with something that makes sense for a Minecraft article.

Title: Minecraft: What are the best mobs?
Keywords: Minecraft, Mobs, Creeper, Ender Dragon, Enderman
✶The Blog writer will then write an article about Creepers, Ender Dragons and Endermen being the best Minecraft mobs.

This is how the meta tag will look:

     
<meta name='keywords' content='Minecraft, mob, creeper, ender dragon, enderman'>

               

<meta starts meta tag
name='keywords' 'keywords' is set as the name attrubute for a keyword meta tag
content The keywords are Minecraft, mob, creeper, ender dragon, and enderman.
> ends tag


Here is the head tag, with the title and meta keywords tags included:


<head>
  <meta name='keywords' content='Minecraft, mob, creeper, ender dragon, enderman'>
  <title> Minecraft:  What are the best mobs? </title>
</head>
        

Applied Assignment


Background:
You are an SEO specialist assigning blog topics to your content writer. Your content writer's name is Suzie.
Assignment:
For each description, write the HTML code for the keywords and title. Make sure to include them inside head tags.

Example Description:
Company: Frank's Cartoons produce cartoons. Teenagers make up 70% of their viewers.
Blog Article: You determine that Suzie should write an ariticle that tells about some of the most popular space traveling cartoons.


Example Code:


     <head>
       <meta name='keywords' content='space travel, cartoons, rick and morty, futurama, bender, mickey mouse, iron man'>
       <title>The Best Space Traveling Cartoon Characters</title>
     </head>
         

Descriptions:
1) Company: Music Source is a company that sells song mp3s. They have an online store where customers download the mp3s.
Blog Article: You determine that Suzie should write an article on the top selling rock artists.
2) Company: Igloo Ice Cream is a company that makes pre-packaged ice cream.
Blog Article: You determine that Suzie should write an article on the ice cream making process.
3) Company: Coding Commanders provide free web development tutorials.
Blog article: You determine that Suzie should write an article about the importance of meaningful meta keywords tags.

Next, choose one of the Blog Articles from the applied assignment. Change the code in the code editor box below, to reflect the blog topic you choose.