6 Places To Add Keywords To HTML Website – A Quick Example

Welcome to a quick tutorial on where to add keywords to an HTML website. So you have heard about keywords, and how they did “wonders” for ranking websites. But just where do we put the keywords on a webpage?

The recommended places to add keywords to an HTML website are:

  1. Title tag
  2. The description meta tag
  3. Keywords meta tag
  4. JSON-LD
  5. Within the first 2 paragraphs of the contents
  6. The file name or URL

How exactly do we put the keywords in? Do keywords really work? What other stuff to look out for? Let us walk through all these concerns in this guide – Read on!

 

 

TABLE OF CONTENTS

Adding Keywords Does It Work? Useful Bits & Links
The End

 

WHERE TO ADD KEYWORDS

All right, let us now start with a dummy HTML page with the keywords “Aha Ha”. That is not the sound of laughter, but the actual scientific name of an Australian wasp.

 

THE HTML PAGE

aha-ha-wasp.html
<!DOCTYPE html>
<html>
  <head>
    <title>
      Aha ha - The Funky Australian Wasp
    </title>
    <meta name="description" content="The Aha ha is an Australian Wasp named by entomologist Arnold Menke as a joke."/>
    <meta name="keywords" content="Aha ha, scientific" />
    <script type='application/ld+json'>
    {
      "@context": "https://schema.org", 
      "@type": "BlogPosting",
      "headline": "Aha ha - The Funky Australian Wasp",
      "description": "The Aha ha is an Australian Wasp named by entomologist Arnold Menke as a joke.",
      "image": "http://my-site.com/cover.jpg",
      "url": "http://my-site.com/aha-ha-wasp",
      "datePublished": "2020-11-12",
      "dateCreated": "2020-11-12",
      "dateModified": "2020-11-12",
      "publisher": "My Site Name",
      "author": {
        "@type": "Person",
        "name": "John Doe"
      }
    }
    </script>
  </head>
  <body>
    <h1>WHY SO SERIOUS?</h1>
    <p>
      The Scientific world is not boring. The Aha ha is an Australian Wasp named by entomologist Arnold Menke in 1977 as a joke.
    </p>
    <!-- REST OF ARTICLE -->
    <p>
      Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
    </p>
  </body>
</html>

 

 

WHERE THE KEYWORDS ARE AT

Managed to spot the “Aha ha” keywords yet? Here is where they are embedded:

Where Description & Tips
<title>AHA HA</title> Search engines pick the title up and show it directly on the search results.

  • Try to keep it short, less than 70 characters.
  • Keep it simple, write for humans. One look and readers know what the page is about.
<meta name="description" content="AHA HA"> A short description (summary) of the page. Do not write grandmother stories, keep within 150 characters at most.
<meta name="keywords" content="AHA HA"> This one is optional, it used to be good in the 1990s until people abused it. Most search engines completely ignore this meta tag now.
<script type='application/ld+json'> ... </script> JSON-LD stands for JavaScript Object Notation for Linked Data. It is something like a “detailed summary” of the page. Not the easiest to understand, just copy the above and change the fields to your own if you want.
<p>The AHA HA is...</p> The first 2 paragraphs of the text are also good places to include the keywords. This helps both humans and search engines to establish the subject and context of the contents.
http://your-site.com/AHA-HA-wasp.html Finally, the file name itself or URL.

  • Search engines use this to establish what the contents are about, show up in search results directly.
  • Keep it as short as possible, to the point. I.E. Do not pad with dates or numbers.

 

 

DO KEYWORDS WORK?

Putting keywords in a webpage is that easy, but keywords are no longer the “miracle ranking factor” as some may think.

 

WARNING – KEYWORD STUFFING IS BAD

Once upon a time in the 1990s, bad code ninjas will just repeat keywords in the “perfect ratio” – Then the articles miraculously rank number one. Today, that is known as “keyword stuffing”, and it is against the quality guidelines of most search engines. See Keyword Stuffing Quality Guideline On Google.

Yes, keyword stuffing and keyword ratio are things of the past. If you spam keywords, you get penalized instead.

 

JUST WRITE FOR HUMANS, SEARCH ENGINES ARE SMART ENOUGH.

We already live in an age of AI, where machines are smart enough to evaluate content to a certain degree. Here’s an example on Code Boxx itself:

The main topic here is “array to HTML table in Javascript”. See how Google is smart enough to figure out all the related keywords? Keywords are only good as the “main topic”, it helps to establish the context. That’s all.

There are hundreds of ranking factors today, so what you should be doing – Is not to be overly attached to the idea of “exact keywords” and “keyword ratio”. Focus on the factors that are big winners, focus on the content quality and user experience.

 

 

USEFUL BITS & LINKS

That’s all for the tutorial, and here is a small section on some extras and links that may be useful to you.

 

YOUTUBE TUTORIAL

 

CHEAT SHEET

Where to add keywords in HTML (click to enlarge)

LINKS & REFERENCES

 

THE END

Thank you for reading, and we have come to the end. I hope that it has helped you to better understand, and if you want to share anything with this guide, please feel free to comment below. Good luck and happy coding!

Leave a Comment

Your email address will not be published. Required fields are marked *